[2024.05.16] 챌린지반 실시간 수업 2회차(변수명 한 번에 바꾸기)

이게 웬 피카츄

오늘 3시에 진행된 챌린지반 수업에서는 튜터님이 직접 todolist 과제를 구현하는 것을 실시간으로 볼 수 있었다. 매번 강의로 편집된 프로젝트만 보다가 이렇게 실시간으로 시니어 개발자가 코드를 작성할 때 어떤 순서로, 어떤 기능을 우선적으로 개발하는지 알 수 있어 굉장히 유익했다. 

 

※ 실시간 세션 중 알게 된 지식들

1. 변수명은 F2로 바꾸기

• 변수에 F2를 누르게 되면, 변수명을 바꿀 수 있는 창이 뜨는데 이걸 통해 동일한 변수명을 동시에 바꿀 수 있음

2. useRef 사용

• useRef는 값이 변경되어도 리렌더링이 일어나지 않아, 보존하고 싶은 값을 넣어 둘 수 있음
• DOM 요소에 접근하고 싶을 때 사용됨
• useRef의 값은 그 자체에 들어있는 게 아닌 current에 담겨 있음

const titleRef = useRef(0);
titleRef // 여기에 값이 담기지 않고
titleRef.current // 여기에 담긴다

 

3. 컴포넌트 폴더 별 index.js

• import를 더 깔끔하게 할 수 있는 방법
• 이런 것 까지 신경 쓸 수 있는 줄 몰랐다

 

---

수업 이후 과제도 주셨는데, 피카츄 움직이기...였다. 뭔가 신기하고 처음 보는 형태의 과제인데 잘할 수 있겠지?