Server3 [React] react 에서 로그인 페이지 구현하기 (1) - 떽떽대는 개발공부 오늘은 리액트를 이용하여 로그인 페이지를 구현 해보도록 하겠다. 먼저, 이전 글에서 공부했던 대로 webpack 을 이용하여 react app 을 생성 해주었다. React webpack 을 이용하여 개발 환경 구성하기 - ddeck.tistory.com/16 [React] React webpack 을 이용하여 개발 환경 구성하기 - 떽떽대는 개발공부 2020/12/30 - [React] - [React] 프로젝트 생성하고 실행하기-떽떽대는 개발공부 [React] 프로젝트 생성하고 실행하기-떽떽대는 개발공부 리액트 프로젝트 생성 및 실행 방법 프로젝트 생성 프로젝트 생성 ddeck.tistory.com 파일 구조는 아래와 같다. 아래의 모듈 3개를 install 하였다. npm install axios .. 2021. 2. 9. [React] react 프로젝트에 mysql 연동하기 - 떽떽대는 개발공부 2021/01/27 - [React] - [React] redux를 이용하여 게시판 만들기(3) - 떽떽대는 개발공부 [React] redux를 이용하여 게시판 만들기(3) - 떽떽대는 개발공부 2021/01/26 - [React] - [React] redux를 이용하여 게시판 만들기(2) - 떽떽대는 개발공부 [React] redux를 이용하여 게시판 만들기(2) - 떽떽대는 개발공부 2021/01/25 - [React] - [React] redux 를 이용하여 게.. ddeck.tistory.com 오늘은 전에 만들었던 react 프로젝트에 mysql 을 연동하여 보도록 하겠다. 먼저 서버용 코드를 위해 server 디렉토리와 server.js 파일을 생성한다. react 에서 만들어진 작업물은 클라.. 2021. 1. 28. [React] express 를 이용하여 서버사이드렌더링 - 떽떽대는 개발공부 오늘은 front-end(Client) 와 back-end(Server) 를 분리하여 편리하게 개발하기 위해 서버사이드렌더링을 해 보았다. 먼저 express 를 install 한다. npm install express --save 서버 사이드 렌더링의 경우 Cross-Origin Resource Sharing(CORS) 오류가 발생하는데, 이를 해결을 위해 cors 를 install 한다. npm install cors --save Client와 Server 사이의 중계기 역할인 프록시(Proxy) 사용을 위해 http-proxy-middleware'를 install 한다. npm install http-proxy-middleware --save 이제, 아래와 같이 server, routes 디렉토리를.. 2021. 1. 23. 이전 1 다음
