리액트 학습 노트 중급

SSR VS CSR에 대한 설명출처 https://www.sarah-note.com/prop으로 넘어오는 값들에 유효성 검사를 해주는 모듈이다.propTypes에 관한 더 자세한 설명출처: https://www.daleseo.com/react-prop

컴포넌트간에 공통된 요소들을 한 곳에 모아두는 목적이다.컴포넌트를 랜더링할 때 next.js가 알아서 \_ app.js의 컴포넌트로 래핑해준다.next 프레임워크 안에 webpack이 내장되어 있다.css 파일은 import를 할 수 없지만webpack이 style 태

중앙 데이터 저장소.여러 컴포넌트에서 공통으로 사용하는 데이터(state)를공통으로 관리한다.과거 class 컴포넌트를 쓰던 시절에는 부모 컴포넌트가자식에게 props로 내려주는 방식이였지만리덕스가 나온 이후리덕스가 통으로 관리하고 컴포넌트들에게 데이터를 뿌려주는 로직

액션과 리듀서 중간에서 추가적인 작업이나 전처리등을 수행하는 부분.(proxy 비슷한 느낌)액션 -> 리듀서액션 -> 미들웨어 -> 리듀서미들웨어에서 할 수 있는 일은특정 조건에 따라 액션을 무시액션과 reducer를 통해 바뀐 state를 로깅액션을 다르게 가공해서

비동기 요청을 동기적인 코드로 작성하게끔 지원하는 리덕스 미들웨어이다.제네레이터 함수를 활용하여 여러 기능을 제공한다.ex) 액션 이벤트 리스너 등록, 디바운싱, 채널을 활용한 동일한 비동기 액션에 대해 로드 밸런싱 등등...리덕스 사가 함수를 작성할 땐 제네레이터 함

노드로 구축한 서버에 라우팅을 쪼갤 수 있게 지원하는 프레임워크약속은 이렇지만 실무에서는 post를 많이 쓴다.예를 들어게시물을 가져오고 조회수를 1 올려주기이런 케이스는 게시물을 가져오는 method는 get인데조회수를 높여주는 method는 patch라 애매하니까p

카카오, 트위터, 구글 등등 소셜 로그인 지원 모듈 (추후 업데이트)기본적인 이메일, 아이디 로그인 지원 모듈일단 passport모듈 내부의 세션 관련 지원 모듈을 미들웨어로 등록한다.passport모듈의 use메서드의 인자로passport-local모듈 안의 Stra

폴더 안에 id.js 로 작성한다.예시 post/id.js컴포넌트 안에서는 router.query 안에 id를 받고context 객체 안에서는 context.params 안에서 조회할 수 있다.넥스트의 서버사이드 랜더링 지원 함수.컴포넌트가 랜더링 되기전에 먼저 데이터