TIL - 20221212

1.

오늘도 리액트 오류와 함께 하루를 시작함.

에러 없이 정상 출력되던 리액트 앱이 어느 순간 작동하지 않음.

터미널엔 정상 작동 되는 것처럼 보이나 3000번 포트는 무한 로딩중임.

기존 정상 작동하던 프로젝트가 갑작스럽게 에러 화면도 아니고 빈 로딩 화면만 나왔음.

프로젝트 재시작, 컴퓨터 재부팅 그리고 원인을 찾아 해결하려고도 애썼지만 해낼 수 없었다.

다른 프로젝트를 열면 저 녀석이 열려야 할 3000번 포트에 그대로 새로운 프로젝트가 정상적으로 열린다.

혼자 해결하다 도저히 안되어 튜터님들께도 도움을 청해 여러 가지 방법으로 복구하려 애썼지만 결국 해결 불가. 다들 처음 본다고 하심(?).

리액트를 처음 시작하며 맞이했던 많은 오류들 천천히 다 해결했는데 이건 결국 잡아내지 못했음.

시간이 너무 끌렸는데 그냥 새로 시작하는 것도 방법이다. 빠이팅 ~~~

 

2. JS 함수 map, filter

React에서 JavaScript의 map과 filter를 유용하게 사용 가능하다. 두 함수는 비슷하지만 다른데 map은 배열에서 모든 요소에 한 번 씩 접근하며 filter는 모든 요쇼에 한 번 씩 접근해 원하는 것을 골라낸다는 차이가 있다. 아직 학습이 부족해 JS를 반복해서 더 공부해야 하므로 일단 이 정도로 알아두고 차후에 심층적으로 더 공부할 것.

 

3. 에러 때문에 도중에 멈췄지만 해결하고 새 리액트 프로젝트를 만들어 todolist app을 만들어 볼 것.

 

4. npm i, npm install

둘은 같은 명령어로 npm을 이용하여 패키지를 설치하고자 할 때 입력한다. 패키지는 package.json 파일에서 관리한다.

뒤에 -g를 붙이는 것은 global의 약자로 전역 설치를 의미한다. 전역 설치는 프로젝트에서 사용할 라이브러리를 불러올 때 사용하는 것이 아니라 시스템 레벨에서 사용할 자바스크립트 라이브러리를 설치할 때 사용한다.