SIMPLE & UNIQUE

1_4 목표 : 이미 테이블과 데이터가 세팅되어 있는 튜터의 AWS DB서버(RDS)를 연결한다. SELECT문을 사용해 데이터를 조회하고, 조회 결과를 리스트 페이지에 출력한다. 다음 2회차 1강에서 각자 AWS 계정을 만들고, RDS mysql 서버를 프리티어(1년무료) 버전의 인스턴스를 생성한다. 그리고 테이블 생성 후, 더미 데이터를 삽입할 것이다. 1회차 4강에서는 이미 세팅이 완료된 튜터의 DB 서버에 접속해 실습한다. App.js에서 SoftwareTool 관련 부분을 주석처리해 놨었다. 페이지 사용을 위해 아래와 같이 주석을 해제한다. import React, { Component } from 'react'; import { Route, Switch } from "react-router";..

1_3 목표 : 공통영역(header, footer)을 별도로 구현하고, header와 footer 사이에 라우팅된 페이지를 노출시킨다. SK telecom Big Data Hub가입해서 API KEY를 발급 받는다. 발급 받은 KEY를 사용해 사이트에서 API를 호출한다. 1. css, img 폴더를 세팅한다. react 경로 C:\react200\client\src에 제공받은 폴더 경로 \index에 위치한 css, img 폴더를 복사+붙여넣는다. 2. App.js 파일에 css와 header, footer 파일을 import한다. App.js 파일을 아래와 같이 수정한다. import React, { Component } from 'react'; import { Route, Switch } from..

1_2 목표 : create-react-app으로 react 서버를, express로 node 서버를 각각 구동한다. proxy를 설정한다. react페이지에서 get/post 방식으로 api를 호출해, node 서버의 json 데이터를 가져온다. 1. node.js 설치 nodejs 공식 사이트에서 최신버전이 아닌 이전 버전(14.4.0)을 설치한다. ** 14.4.0 버전은 2020년 6월 버전으로 강의 예제를 구현하는데 문제가 없었다. 아래 링크에서 윈도우(64비트)는 node-v14.4.0-x64.msi 파일을 Mac은 node-v14.4.0.pkg 파일을 다운로드 한다. https://nodejs.org/download/release/v14.4.0/ 설치확인 : 윈도우는 cmd > node -v..

1회차 [React & Node 구조설정, 서버 구동 확인, 리스트 페이지 구현] ✔REACT, NODE 서버를 PROXY로 연결해, 하나의 서버 처럼 구동한다. ✔REACT VIEW 페이지 레이아웃을 세팅하고, 공공데이터 API를 호출해 리스트 페이지를 구현한다. ✔튜터의 DB서버에서 데이터를 조회해, REACT 리스트 페이지를 구현한다. 1-1강 - 인사(OT) - 전체 수업 진행 방식에 대한 설명 - 1회차 수업 목차 소개 1-2강 - NODE.JS 설치, CREATE REACT APP 설치, NODE EXPRESS FRAMWORK설치 - 디렉터리 구조 설정 - 프록시 설정 - GET 방식, POST 방식으로 REACT 서버에서 NODE 서버의 JSON 데이터를 가져온다. 1-3강 - 제공받은 HT..

튜터정보 인하대학교 사학사/소프트웨어 융합 공학사 정보처리기사 ✔ 경력/이력 [아모레퍼시픽 통합 쇼핑몰(AP몰) 개발/운영] #개발 ▪ PC, 모바일웹, 관리자사이트 ▪ 앱 API : JAVA SPRING MYBATIS ORACLE #운영 ▪ SQL 쿼리 생성 ▪ 이벤트개발 ▪ 서버 모니터링 : 제니퍼 사용, 트래픽관리 ▪ 쿼리 튜닝 [홈플러스 THE CLUB 대용량 쇼핑몰 개발] #개발 ▪ JAVA SPRING MYBATIS ORACLE [아주대의료원 의과대학 의료인 연구 사이트 개발/운영] #개발 ▪ 분석 인스턴스 연동 사이트 개발 : REACT, NODE, MYBATIS, MYSQL, R-SHINY #관리&분석 ▪ 의료인 연구과제 [LG 전자 글로벌 서비스 개발/운영(프리랜서)] ▪ TV, LG 기..