리액트 기본기

김태경·2022년 9월 27일
1

리액트 오늘 배운 거 정리

컴포넌트

컴포넌트는 JSX 코드를 리턴하는 함수이고 태그처럼 사용하여 커스텀할 수 있음 HTML 태그와 구분하기 위해 컴포넌트 이름은 항상 대문자로 시작

useEffect

useEffect(실행할 함수, [값])는 값이 변할 때 실행하고 싶은 함수 지정 가능 즉, 특정 코드를 언제 실행할지 선택할 수 있다는 것

컴포넌트 내에서 state가 변경이 될 때 마다 컴포넌트는 다시 실행되는데 만약 딱 한번만 실행되어야 하는 코드가 그 함수 내부에 있다면 어떻게 할까?

해결 방안 : 빈 값 [ ] 의 useEffect 사용 하기
왜냐하면 useEffect(실행할 함수, [값]) 함수는 [ ] 안의 값이 바뀔 때 마다
실행하는데 빈 배열로 주면 컴포넌트 생성시 처음 한번만 실행하기 때문임

.module.css 확장자

CRA 사용시 리액트에서 css를 적용할 때 컴포넌트별로 편리하게 적용 가능

SCSS 사용

다운 받고 하던대로 컴포넌트에서 import하면 됨 ㅇㅇ

npm install node-sass 
profile
FE 뉴비

0개의 댓글