14일차: 임의 견적 기계

파일 설정

나는 이것을 위해 npm와 Node.js를 사용할 수 있지만 어제 설치했습니다.

이 프로젝트는 FreeCodeCamp 과정의 일부이며 첫 번째는 다음과 같습니다.



그런 다음 웹 개발을 위한 세 가지 필수 파일을 만들기 시작했습니다.



그런 다음 npm init를 먼저 실행해야 한다는 사실을 깨닫고 삭제했습니다.



그런 다음 기본 사항을 먼저 배우고 싶기 때문에 되돌아갔습니다. 중요한 것을 숨기고 싶지 않습니다. Node.js 및 npm는 작업을 위한 좋은 지름길을 제공하지만 이것은 나에게 아무것도 가르쳐주지 않을 것입니다 🫠.

그래서 다시 원점으로 돌아왔습니다. React에 대해 복습하기 위해 버튼이 있는 간단한 카운터를 만들었습니다. (Reacthere에 권장되는 초급 설정을 사용했습니다.)



그리고 그것은 효과가 있었다! 예이 🥳

다음 단계는 외부 프로세서에 의존하는 대신 SASS 및 JSX용 전처리기를 설치하는 것입니다. 나는 dart-sass 및 babel-cli 를 선택했으며 둘 다 pacman 와 함께 설치되었습니다.

sudo pacman -S dart-sass babel-cli

둘 다 소스 파일이 변경될 때 자동으로 컴파일되는 감시 옵션이 있습니다. 깔끔하지 않나요?

음, dart-sass 패키지가 잘 작동하는 것 같습니다. 그러나 babel-cli에서 오류가 발생합니까?



StackOverflow를 살펴보니 babel-preset-react 를 설치해야 한다고 합니다. 즉, npm 🤦‍♂️를 다시 설치해야 합니다.

(나를 정말로 괴롭히는 또 다른 것은 npm가 보여주는 취약점입니다. 이것을 무시해야 할지 모르겠지만 두렵습니다.)

종속성 및 플러그인 💪과 30분 동안 씨름한 후 watch 옵션과 함께 작동하는 전처리기babel가 생겼습니다.

그리고 그것은 이미 충분히 스트레스입니다.

후기

오늘날 나에게 큰 교훈은 웹 개발이 너무 빨리 바뀌기 때문에 더 이상 사용되지 않는 솔루션을 피하기 위해 공식 문서를 따라야 한다는 것입니다.

또한 npm 패키지는 거대합니다. 나는 진지하게 이유를 이해하지 못하며 지금은 가능할 때마다 다른 대안(네이티브 바이너리 등)을 사용하려고 노력할 것입니다.

오늘은 그게 전부인 것 같아요. 안녕!

Github에서 저를 팔로우하세요!
또한 !