홈페이지 만들기

nyamo 라는 디렉토리 파일을 만들어 준다.그 안에 back 이라는 디렉토리 파일을 생성한 다음 터미널로 들어가 npm init 을 해준다.전부 엔터를 눌러 packing.json 파일을 생성한다.tsconfig.json 파일을 아래와 같이 수정한다.src 디렉토리를

npm i typeorm mysql2를 설치한다.back 디렉토리에서 ormconfig.json 파일을 만들고 아래와 같이 입력한다.index.ts를 아래와 같이 수정한다.MySQLWorkbench 에서 localhost root 디비에 nyamo-db 스키마를 만들고

npm i bcrypt 를 설치해 준다.src 디렉토리에서 entity 디렉토리를 생성하고 User.ts 파일을 생성하고 아래와 같이 입력해준다.위와 같이 작성을 하고 서버를 실행하면 디비에 user 테이블이 생긴것을 확인 할 수 있다.

를 설치해 준다.back 디렉토리에 deploy.config.json 파일을 만들고 아래와 같이 입력해 준다.그리고 package.json 을 아래와 같이 수정한다.그 다음 index.ts 파일을 열고 아래와 같이 수정한다.그 다음 back 디렉토리에서 .env 파일을

src 디렉토리 안에 routes 디렉토리를 만들고 그 안에 user.ts, middlewares.ts 파일을 만든다.src 디렉토리 안에 passport 디렉토리를 만들고 그 안에 index.ts, local.ts 파일을 만들고 아래와 같이 입력한다.index.tsl

nyamo 디렉토리 터미널에서 npm init next-app 을 해준다.그러면 next.js 프로젝트가 생성이 된다.front 디렉토리에서 next-env.d.ts 파일을 생성한다.npm install --save-dev typescript @types/react @

npm i @emotion/core @emotion/styled 을 설치해 준다.pages 디렉토리 안에 index.tsx 을 아래와 같이 수정한다.그리고 다시 서버를 실행하면 이모션이 정상적으로 적용되는 것을 확인 할 수 있다.

npm i emotion-reset 을 설치해 준다.front 디렉토리 안에 components 디렉토리를 만들고 그 안에 GlobalStyles.tsx 파일을 생성하고 아래와 같이 입력한다.그리고 pages에 \_app.tsx 파일을 아래와 같이 수정한다.이 후 서버

TIL 홈페이지 만들기 9 npm i @reduxjs/toolkit react-redux redux redux-devtools-extension redux-saga axios npm i -D @types/react-redux 를 설치한다. front 디렉토리 안에 re

pages/login.tsx위와 같이 작성을 하면 회원가입, 로그인이 정상적으로 작동된다.pages/index.tsx위와 같이 작성을 하면 ssr 을 할 수가 있다.