🗃️javascript

제로초 리액트(1)[리액트 기본기 쌓기]

하얀성 2024. 7. 10. 16:29

< 학습 동기 >

이미 개인 프로젝트도 몇개,  협업 프로젝트도 2개 정도 해보았지만, 

여기서 내가 느낀건 내가 리액트 기본기가 별로라는 것.(리액트 강의 4개(애플코딩, 한입 시리즈, john Ahn, 고양이 리액트)등 들었으나, 따라하는데만 급급했고, js기초가 많이 부족했던 시기라 이해가 부족했음.)

 

이제 차츰 js 기초(객체 능숙히 다루기, js cs지식 보강)를 향상시키니 보이지 않는 react 기본기의 부족함이 보이기 시작함.

 

그에 따라 깊이가 있는 리액트 클론코딩에서 따라가는 것을 내가 버거워 하는것을 보니..

기본기가 굉장히 부족하다 느껴 새롭게 공부하게 됨.


1. 사전작업

리액트의 코드 확인은 이 두 코드를 통해서 17버전인지, 18버전인지 파악해야함.

17코드로도 18에서 사용은 가능하지만, 18버전의 기능을 지원하지 못함.

두 코드의 차이를 개발 전 확인.


2. 객체, 배열 등을 직접 바꾸지 말고 복사해라.

 

배열, 함수도 객체다.(분명 들은적은 있고, 알고는 있는데 막상 물어보면 헷갈릴듯 ㅎㄷㄷ)

이렇게 직접 객체 변경이 아니라, 복사한 객체