프로젝트 세팅과 공식문서(redux 공부하기 #3)

필자는 리덕스에 대한 코드 스테이츠 과정에서 리덕스에 대해서 학습하였지만 코드로 구현하는 부분과 리덕스 코드를 이해하는 부분이 부족하다고 느껴져 '인프런에서 제로초님의 'Redux vs MobX (둘 다 배우자!)'라는 유료 강의를 결제해 공부하고 있다. 강의 특성상 MobX 내용이 포함되어 있지만, 시간 관계상 redux에 관한 내용 위주로 학습하려고 한다.

 

이 글의 목적은 강의를 수강하면서 학습한 내용을 이해 및 정리하고자 이렇게 글을 적게 되었다.

이번 기회를 통해 리덕스에 대해 제대로 이해해보고 프로젝트에서 사용한 리덕스 코드도 같이 이해하려고 한다.

(프로젝트 관련한 내용은 언급하지 않습니다)

 

 

source: https://redux.js.org/

 

 

 

 

---

 

프로젝트 세팅

제목만 봐서는 무언가 있을 것 같은 느낌이 든다.

하지만, 무겁지 않다!

 

 

npm init은 무엇을 하는 코드일까?

기본적인 내용이지만, 굳이 이야기를 해보겠다.

프로젝트를 위해 우리는 원하는 위치에 프로젝트를 관리하고 보관할 폴더를 먼저 생성을 한다. 

폴더를 생성을 하고 나서,  npm init을 한다. 여기서 npm init은 무엇을 하는 코드일까?

 

 

출처: https://docs.npmjs.com/cli/v7/commands/npm-init

 

 

 

위 이미지에서 보이는 npm docs에서는 이렇게 이야기한다.

 npm init은 'Create a package.json file'이라고 소제목으로 명시되어 있다.

 Description에서는 'npm init <initializer> can be used to set up a new or existing npm package.' 이라고 되어있다.

 

이렇듯, npm init은 해당 node 프로그램에 대한 기본 정보를 담고 있는 package.json 파일을 만들어, 폴더를 node가 관리할 수 있게 해주는 역할을 하게 되는 것이다.

 

사실, 필자는 npm init에 대해서 단순히 '해야 되는 것' 정도에 그쳐, 왜 해야 되는지에 대해서는 알지 못했다. 

혹시 필자와 같이 모르고 혹은 무심코 혹은 나중에 알게되겠지 하고 넘어간 대상을 위해 적어보았다!

 

 

요약하면, npm init을 하는 이유는 '폴더를 node가 관리할 수 있도록 해주기 위함'이다! 

 

 

 

 

개발 공부는 어떻게 해야하나?

먼저, 해당 공식 문서를 우선적으로 보는 게 먼저라고 합니다. 공식 문서를 보고서도 확신이 서지 않을 때, 그럴 때 유료 강의를 수강하라고 하십니다. 

 

공식 문서를 볼 때, 날 잡아서 처음부터 끝까지 쭉 읽어야 하며, 시간 없다고 혹은 일부분 (ex. api reference)부터 읽지 말아야 합니다. 그렇게 하면서, 혼자 개념들의 관계들을 그려보고 못 그리겠다 싶을 때 유료 강의를 들으라고 합니다.

 

코딩하는 것은 단순히 손가락 노동(?) 정도고, 관계/흐름만 잘 잡아 연결하여 그림을 머릿속으로 그려야 합니다. 

 

여기에, 박스들 간 에러가 발생했을 때의 대처방법만 알면 다 끝난 것이니 제발 공식문서부터 읽어달라고 하십니다! (간절히)

 

항상 그림이 먼저며, 그림을 코드로 구현할 수 있으면 되는 겁니다. 이전 자바스크립트 강의에서 코드를 짜기 전 "어떻게 코드를 짜야할지"에 대해 훈련 / 생각하기 위해 순서도를 그려라 하고 이야기한 것과 같은 맥락이라고 합니다.