[패스트캠퍼스] React 강의 5주차

오늘도 내일배움카드를 통해 수강한 리액트 & 리덕스 강의 5주차 후기를 써보려고 한다.

기간이 얼마 남지 않아서.. 후딱 듣고 빨리 후기를 남겨야하는데 이것저것 할게 너무 많아서 계속 미뤄졌다.

그래서 그냥 자바스크립트 부분을 다 듣고 쓰는게 좋을 것 같아서 자바스크립트 까지 모두 들었다!

 

이번 강의를 들으면서 좋았던 점은 npm에 익숙하지 않은 사람들에게 좋은 강의가 되었을 것 같다.

개발을 처음 시작할 때 환경설정하는게 어찌보면 제일 힘들고.. 영어가 많아서 어지럽다.

그냥 어찌저찌 npm을 깔고 개발환경을 구축했었는데 이번 강의를 통해서 npm과 nvm의 차이점에 대해서도 정확히 알 수 있었다.

그리고 npm버전에 대해서 자세히 알 수 있었다. 그냥 숫자면 버전인가보다~ 하고있었는데 프로젝트를 배포하거나 라이브러리로 제공할 때 버전 정보는 매우!! 중요하다고 한다!

이런식으로 버전이 나오게 되는데 버전의 의미에 따라서 한 단계씩 숫자를 올린다.

- 메이저 : 기능들이 대거 추가, 수정

- 마이너 : 작은 기능들 추가 및 수정

- 패치 : 버그, 사소한 오류 수정

 

또한 설치한 패키지에 대한 정보는 package.json에서 볼 수 있다.

이런식으로 package.json에서 직접 관리도  할 수 있다!

그리고 import, export 관해서도 배웠는데 처음에 export default와 export (이름) 으로 나누는 부분이 헷갈렸는데 이 강의를 통해서 두가지의 차이점도 정확히 알 수 있었다. 

 

자바스크립트 강의 중에서 가장 좋았던 부분은 크게 3가지가 있다.

1. 클래스

2. 얕은복사, 깊은복사

3. 데이터 실습 

 

내가 가장 헷갈렸던 부분도 있고 처음 접했을때 제대로 알지 못한다면 계속 모를... 그런 개념들이다.

 

아무래도 리액트를 하면서 함수 훅 컴포넌트를 많이 사용하지만 클래스가 제일 근본이기에.. 클래스라는 개념도 알아두면 좋을 것 같다.

그리고 얕은 복사, 깊은 복사는 직접 콘솔 창에 찍어보고 이해를 해야 좋다!! 

원시형은 같으면 true가 나오지만 참조형은 그렇지 않다. 여기서 가장 중요한게 "주소"를 참조한다는 개념이다.

모양이 같은 함수이지만 다른 주소를 바라보고(참조하고) 있다면 두 함수는 다르다고 할 수 있다.

 

얕은 복사 / 깊은 복사

두 개념을 알고 있으려면 "참조형" 데이터에 관해 잘 알고있어야한다.

얕은 복사는 쉽게말하면 함수 안에 또 다른 참조형 데이터가 있다면 그 데이터는 온전히 복사되지 않는다.

따라서 그 내부의 참조형 데이터도 복사해주려면 "깊은" 복사 라는 개념이 필요하다.

깊은복사를 하기위해선 코드를 직접 짜도 좋지만 lodash로 해결할 수 있다.

 

데이터 실습

데이터 실습 부분은 lodash 사용법과 JSON, Storage, OMDb API에 관해서 배웠다.

이 개념들은 내 기준에서 어려웠던 개념들이었다. 특히 비동기 통신을 할 때 AXIOS와 JSON 관련해서 많이 찾아봤었는데

이 강의에서 JSON을 포함해서 AXIOS 관련 강의도 같이 해주셔서 많은 도움이 됐다!

 

이번달 까지라 바짝 들어야겠다. 이제 리액트라서 더 열심히 들어야겠다🤓