강좌 소개 및 기본세팅
https://github.com/zerocho/sleact
back폴더 .env
COOKIE_SECRET=sleactcookie
MYSQL_PASSWORD=-------
npm i → npx sequelise db:create database를 만듬
num run dev로 테이블 연결
npm sequelize dv:seed:all 워크스페이스, 채널(슬랙은 워크스페이스 안에 채널이 들어감) 기본적으로 만들어줌 seed의 역할
num run dev로 다시 테이블데이터 row 연결
http://localhost:3095/login 로 서버 생성!
노드와 sql 설치
노드 lts v18.15.0
npm v 9.5.0
mysql 8.0
FE세팅
git에는 node_modules를 올리지 않는다
npx webpack
폴더구조, 라우터
pages(서비스 페이지), components(작은 컴포넌트), layouts(공통 레이아웃)
switch → Routes 여러개의 상태 중 하나만 화면에 띄워주는… 사용해본 문법!
<Redirect exact path="/" to="/login" /> 주소가 /로 끝나면 로그인페이지로 redirect
@loadable/component 페이지 단위로 컴포넌트 관리
css in js → import styled from '@emotion/styled';
&: &> 자식태그
느낀점
react의 세팅의 끝판왕을 경험한 느낌! 아직은 기본제공이 더 익숙한데 언젠가 나만의 세팅을 만들 수 있을까?