개발 공부 일지

이전 포스트https://dev-traveler.tistory.com/53 [Node.js] node.js 시작하기, npm 정의와 기본 개념, npm 모듈 설치, 삭제 해보기먼저 공식 사이트에서 node.js를 다운받는다. (LTS 붙은걸로 최신버전 다운받기)  다음으로 node.js 실습할 폴더를 만든다.VSCode 열어서  nodeJsPractice 라는 이름의 폴더를 만들었다.최상위 폴더 REACTSTUdev-traveler.tistory.com   express란, node.js기반의 웹 프레임워크이다. (자바의 Spring, 파이썬의 장고 같은 웹 프레임워크)  * 웹 프레임워크란웹 애플리케이션을 쉽게 개발할 수 있게 필요한 기능을 미리 제공하는 코드 구조(틀)이다.서버, 라우팅, 데이터베이스..

먼저 공식 사이트에서 node.js를 다운받는다. (LTS 붙은걸로 최신버전 다운받기)  다음으로 node.js 실습할 폴더를 만든다.VSCode 열어서  nodeJsPractice 라는 이름의 폴더를 만들었다.최상위 폴더 REACTSTUDY를 클릭하면, 해당 폴더 하위의 첫번째 폴더가 자동으로 잡히는데,그때 esc를 누르면 파란색 테두리가 프로젝트 전체를 감싼 모양으로 변한다.그 상태에서 New Folder 해서 만들면 REACTSTUDY 하위에 폴더가 생성된다. 폴더 우클릭 후 New File 하여 index.js 파일을 만들었다. nodeJsPractice 경로까지 와주고 나서  node index.js 라고 작성하여 index.js를 실행한다.터미널에 콘솔로그 결과가 찍힌 걸 확인할 수 있다. *..

리덕스(Redux)란?리덕스(Redux)는 상태 관리 라이브러리로, 주로 React 애플리케이션에서 전역 상태를 효율적으로 관리하기 위해 사용된다. 컴포넌트 간의 상태를 중앙에서 관리하고, 상태 변경 로직을 예측 가능하게 만들어준다. 리덕스를 사용하는 이유전역 상태 관리리액트에서 상태를 관리할 때 props로 전달하면 컴포넌트 간 관계가 복잡해질 수 있음 (Props Drilling 문제)리덕스를 사용하면 **중앙 저장소(Store)**에서 모든 상태를 관리하여, 필요할 때 어디서든 접근 가능일관된 상태 관리상태 변경이 한 곳(리듀서)에서만 이루어지므로, 예측 가능하고 디버깅이 쉬움시간 여행 디버깅 지원액션(Action)과 상태(State)의 변화를 추적할 수 있어 버그를 찾기 쉬움 (Redux DevT..