SIMPLE & UNIQUE

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 기..

5_3 목표 : 이메일 HTML 탬플릿을 작성한다. 사용자 아이디와 토큰을 함께 전송한다. 토큰을 이용해 사용자 인증을 구현한다. 1. 비밀번호 재설정 요청을 하면 이메일을 발송하는 기능을 구현한다. 1) react 경로 C:\Users\ljung\OneDrive\문서\taling0102\client\src\components에 있는 LoginForm.js를 아래와 같이 수정한다. import React, { Component } from 'react'; import {Redirect, Link} from 'react-router-dom' import cookie from 'react-cookies'; import $ from 'jquery'; import axios from "axios"; import..

5_2 목표 : 홈 화면에서 로그인을 구현한다. 이때 bcrypt 패키지를 사용해 비밀번호를 암호화 한다. 로그인 후 세션 관리 기능을 구현한다. 1. 로그인을 구현해, 그 결과에 따라 유효성을 체크하고 동작을 다르게 처리한다. 1) react 경로 C:\Users\ljung\OneDrive\문서\taling0102\client\src\components에 있는 LoginForm.js를 아래와 같이 수정한다. import React, { Component } from 'react'; import {Redirect, Link} from 'react-router-dom' import cookie from 'react-cookies'; import $ from 'jquery'; import axios from..

5_1 목표 : 회원가입 페이지를 생성하고, 회원정보를 입력받는다. bcrypt 패키지를 사용해 비밀번호를 암호화 한다. ## 참고 ## 회원정보 관리는 개념이 중요하다. 회원가입 > 로그인 > 사용자 세션을 관리하는 프로세스는 아래와 같다. 1. 회원가입 폼에서 아이디, 비밀번호 등 정보를 입력받는다. 2. 비밀번호를 제외한 모든 데이터는 그대로 DB에 삽입한다. 비밀번호는 복호화할 수 없는 단방향으로 암호화해 DB에 넣는다. (암호화 방식은 bcript가 처리) 3. 사용자는 로그인 할 때, 아이디와 비밀번호를 입력한다. 아이디, 비밀번호를 DB에 저장된 값과 비교해야한다. 아이디는 그대로 비교하고, 비밀번호는 2.에서와 동일한 방식으로 암호화해 비교한다. 4. 비교한 값이 동일하면 로그인 처리를 해..