weno
# useCallback - useMemo와 비슷하다. --> useMemo 기반으로 만들어졌기 때문에 - 첫번째 인수에 함수를 두번째 인수에 상태가 props에서 사용하는 배열을 넣는다.
# boolean 값으로 배열 항목 수정하기 - 수정할 때 불변성을 지켜준다. - 불변성을 지킨다는건 state값을 유지 한다고 생각하면 된다. - 수정할때에도 map과 if문을 비교하여 setState를 활용한다. - style 속성에도 js를...
0622 공부시작!
#9장 함수 정리 ## onChange - 변할때마다 실행된다. - 주로 input 태그의 이벤트값을 받아와서 name과 value를 비구조화 할당을 통해 추출한다. ## onClick - 클릭되면 실행된다. ### 헷갈리는 부분 정리 -...
# Babel이란? - 자바스크립트 문법 확장해주는 도구 - 아직 지원하지 않는 최신 문법을 정식 자바스크립트로 변환해준다. # JSX 규칙 ## 태그는 꼭 닫혀야 한다. ## 두개 이상의 태그가 존재한다면 꼭...
# useEffect ## 용어 - 마운트 : 처음 나타남 - 언마운트 : 사라짐 ## useEffect 구조 - 함수이다 - 첫번째 인자는 함수, 두번째 인자는 배열(주로 deps 라고 칭한다.)이 들어간다. ##...
# 윈도우에서 terminal 설정하는법 1. 상단 file탭 2. Preferences 3. Setting 클릭 --- 현재까지가 vscode에서 ctrl + , 누른 창 4. Terminal 검색 5. Terminal › External: Windows Exec에 gitbash...
# useReducer - 현재 컴포넌트가 아닌 다른 곳에 state를 저장하고 싶을때 유용한다. ## useReducer를 위한 함수 - reducer 라는 함수를 만들고 state와 action 이라는 인자를 받는다. - reducer 라는 함수는...
# 리액트는 어쩌다 만들어졌을까? ## 배경 - dom을 직접 건드리는 작업은 번거롭다. ## React의 발상 - dom을 전부 날려버리고 다시 만들어서 보여주자 ## 문제점 - 매번 이렇게 하게되면 다양한 문제가...
# Props ## 사용법 - 컴포넌트 내부에서 코드를 작성한다. ```javasciprt ``` - 받는쪽은 props 라는 예약어를 통해 받는다. ```javasciprt function Hello(props) { return {props.name} } ``` ## 비구조화할당 - 컴포넌트의...