개발노트

개발환경에서 express 자동으로 재시작 해줌 1 노드몬설치 npm i -D nodemon 2 pakage.json설정 //package.json "scripts": { "dev": "nodemon", } 이렇게 설정해주면 npm run dev하면 nodemon으로 실행! 3. nodemon.json 작성 { "watch":[ "server.js", "nodemon.json" ], "exec":"node server.js", "ext":"js json jsx" }

여기서 정규표현식 테스트 가능! https://regexr.com RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). regexr.com

리덕스 소개 리덕스를 사용하면 props를 전달할때 A->B->C 에서 A->C로 가능. 각 증조부모, 부모, 자식 컴포넌트를 각컴포넌트를 거치지 않고 바로 증조부모->자식 간의 데이터를 주고받을수 있다. state라는 개념 대신 더 큰 store라는 개념이 있고, setState로 state를 변화시키듯이 action 을 dispatch(실행)시켜 initialState(store의 상태값)을 변경한다. 리덕스 설치 npm i redux react-redux react에서 쓰면 raact-redux를 설치해야된다. 리덕스는 다른대서도 사용가능 next를 쓰기 때문에, next-redux-wrapper를 설치 (next안쓰면 위만 설치해도 됨) npm i next-redux-wrapper https://..

즉 리덕스는 State를 분배. 리액트의 state를 하나의 store에 모아서 관리하면서, 하나의 state를 여러 컴포넌트에 전달할수 있다. 필요한 state를 골라서 해당컴포넌트에 전달할수 있음 store 리덕스만의 state (리액트state) initialState 상태값 전부 여기서 관리 action state를 바꾸는 종류를 정의 ( 로그인액션, 회원가입액션, 글쓰기액션...) dispatch 이 액션실행시켜줘 하는 (정의되있는)액션의 실행. reducer 각 액션에 (결과로)따라서 state를 이렇게 바꿔줘 정의 ( 로그인액션땐 로그인상태값 on으로, 로그아웃액션땐 로그인상태값off로 로그인때 회원정보값 넣고, 로그아웃때 null로 비우기 같은.) ex) user reducer //redu..