✍️ TILog_05

오늘은 HA2를 치뤘다. 왤케 어렵냐구.. ( ᴗ_ᴗ̩̩ )
node 버전이 맞지 않는 이슈 때문에 처음부터 일이 꼬였지만 여차저차 서칭하면서 해결했다.

목차

• zsh에서 node 버전 변경
• useEffect()

---

zsh에서 node 버전 변경 (M1)

node 공식 홈페이지

$ sudo node -v // node 버전 확인하기
$ sudo npm cache clean -f // npm 캐쉬 삭제
$ sudo npm install n -g // n 플러그인 설치 : 노드 버전관리 플러그인

// 아래 3개 중에 1개 쓰면 됨
$ sudo n latest // 가장 최신 버전 설치, 작성 날짜 기준 16.10.0
$ sudo n lts // lts 버전 설치, 작성 날짜 기준 14.18.0
$ sudo n stable // 안정 버전 설치

위 코드대로 터미널에 작성하면 된다!
라면 얼마나 좋을까 ㅎㅎㅎ...
아무리 node -v을 통해 버전을 확인해도 변경이 되지않아서 계속 찾다가 생각난 방법이 있다.
바로 nvm을 사용하는 방법!!
nvm이란, node version manager로 단어 그대로 node 버전을 관리해주는 매니저이다. 이미 나는 nvm을 설치한 적이 있어서 쉽게 node 버전 변경이 가능했다.

$ sudo nvm install 16.10.0 // node 16.10.0으로 설치

위 코드 덕분에 바로 최신 버전으로 설치했다. 😊

useEffect()

const api = /*외부 api*/
useEffect(() => {
  api().then((data) => console.log(data))
	}
,[]
)

1. useEffect는 해당 컴포넌트 내에서 제일 마지막에 렌더링된다.
2. 딱 한 번만 부르고 싶을 때, 두번째 인자값으로 빈 배열을 준다.
3. 그래도 안된다면 편법(?)으로 컴포넌트 밖에 외부 api를 어떤 변수에 담고, 그 변수를 컴포넌트 내에 있는 useEffect에서 사용한다.