butterwalnut

* inflearn의 '[리뉴얼] React로 NodeBird SNS 만들기' 강의를 보며 진행하는 프로젝트 * 백엔드(1, nodeJS) + 프론트엔드(1, reactJS) ❕ Next.js를 사용하는 이유? SSR + CSR 첫 방문만 SSR 방식이고, 이후는 CSR 방식이다. Next.js는 'React를 사용한 프레임워크'로서 실무를 위해서 갖춰진 것들이 많다. 대신, 자유도가 떨어진다. 서버라고 한다면 나같은 경우에 서버 = 백엔드라고 생각했었다. 하지만, 서버의 주체가 3개 (+1)다! 말그대로 server, 요청을 받는 주체라고 이해할 수 있었다. 브라우저 / 프론트 서버 / 백엔드 서버 / 데이터베이스 ❕ SSR(Server Side Rendering)이 뭘까? 전통적인 렌더링 방식으로 말..

[상태관리] component의 '상태', 즉, 데이터를 관리한다! 부모-자식관계의 상태관리는 OK props로 관리. 부모-자식 관계, 위에서 아래로! state로 관리. 부모-부모, 자식-자식 한정적인 관계 사이 상태관리의 불편함이 따르는데, 이걸 redux로 해결할 수 있다! Redux => 전역 상태 관리! yarn add redux react-redux 리액트는 redux와 별개의 패키지 존속 관계 X => 그니까, 다른 프레임워크/라이브러리와 함께 쓸수 있다는것. 1. state (딕셔너리 형태) 리덕스에서 저장하고 있는 '상태' (= 데이터) { [key] : value } 2. action (객체) 리덕스에 있는 데이터, 일부 데이터를 변경하고 싶을 때, 발생하는 어떤 것 { type : ..