[오늘의개발TMI_250511] : React 그리고 .. Next.js

react 공부를 했는데 hook 개념을 이해했다!

 

<변수의 값이 바꿔 화면에 값이 바뀌도록 구현할 때, UI가 그대로>인 상황을 통해 hook이 필요하다는 사실을 알았다.

react에서 컴포넌트가 기본적으로 1번만 실행되기 때문에 재실행 되기 위해서는

react의 useState를 활용해 "react야 재실행해" 라는 동작을. . 진행해야했다

 

여기에 더해 custom hook를 언제 쓰는지가 궁금했는데

input을 여러개 사용하는 컴포넌트에서 userInput이라는 훅을 만들면 코드를 가독성있게 만들 수 있다는 걸 알았다.

onChange, value, reset 등의 prop들을 묶어 만드는 것이었다..!

 

react에서 더 나아가 next.js 특징도 살펴봤다. (특징들이 신기하다.)

1. 폴더 구조 대로 routing을 할 수 있다.

2. hook을 쓸 때는 파일 맨 앞에 "use client"라고 명시해야 한다. (백과 구분하기 위함이라는데)

3. 객체 타입을 정의할 때 type이나 interface 로 작성한다.

 

플젝에 바로 투입하니 공부가 슉슉 진행되는 듯 하다 

파이팅!~!~!