본문 바로가기

Development71

이미 create-react-app 했을 경우 typescript 적용하는 법 간단하게 리액트 앱을 만들려고 cra를 이용해 프로젝트를 생성해보자. npx create-react-app . npm start 아뿔싸 ! ts 템플릿을 이용해서 작업해야하는데 이미 create-react-app부터 갈겨버렸을 경우! npx create-react-app my-app --template typescript 다시 삭제하고 위 명령어를 적어 다시 만들기엔 가오가 상한다면??? npm install --save typescript @types/node @types/react @types/react-dom @types/jest 이렇게 명령어를 적어주고, index.js 와 App.js를 index.tsx App.tsx로 바꿔주고, index.tsx 파일 내에 document.getElementB.. 2023. 3. 4.
구글 엔지니어는 이렇게 일한다 서평 '구글엔지니어는 이렇게 일한다'는 말 그대로 구글이 어떻게 개발하고 코드를 관리하는지에 대해 아낌없이 설명해주는 책이다. 책을 읽기전 최대한 “이건 구글이니까~" 라는 생각을 지양하려고 했다. 하지만 구글은 구글이었다. 읽으면서 당장 구글의 문화와 개발 방식을 도입하고 따라하는 건 쉽지 않다고 느껴졌다. 하지만 앞으로 개발자로 살아가며 고민할만한 기술적 문제들에 대해 무려 구글이 20년간 축적해둔 경험치를 알려주는 고마운 책이다. 우선은 내 경험에 빗대어, 내가 가진 문제와 고민의 해답을 책에서 찾아보려고 했다. 문제는 내가 경험이 너무나 적었다. 더 고민해본 문제를 책에서 많이 만났다면 좀 더 즐겁게 읽을 수 있었을 것 같다. 창피해서 코드를 숨기고 싶어하는 주니어 레벨부터, 팀을 좋은 방향으로 리드해.. 2023. 2. 2.
node-sass@4.14.1 postinstall: `node scripts/build.js` node-sass@4.14.1 postinstall: `node scripts/build.js` 구글링한 결과 내 환경을 node-sass가 지원 안 해주는 것 같았다. 참고로 난 mac m1이다. 아무튼 위의 오류가 나서 검색해보니 node-sass는 더이상 지원이 안 되니 삭제하고 sass를 사용하라는 말이 있었다. 이 말대로 하니 제대로 되었다. 하지만 개인 토이프로젝트가 아니라 버전을 함부로 바꿀 수 없어 이 방법은 x 그 다음은 node-sass를 rebuild하라는 이야기. 되지 않았다. 마지막으로 에러 메시지들을 쭉 읽다보니 맨 위에 파이썬 에러가 떠있었다. 파이썬을 깐 적도 없는데?! 우선 검색해보니 환경변수를 등록해주면 된다고했다. $ brew install pyenv $ pyenv in.. 2023. 1. 31.
npm install -g EACCES: permission denied https://docs.npmjs.com/resolving-eacces-permissions-errors-when-installing-packages-globally Resolving EACCES permissions errors when installing packages globally | npm Docs Documentation for the npm registry, website, and command-line interface docs.npmjs.com global로 설치할 때 생기는 오류 같다. npm이 친절하게 해결방법을 알려준다. mkdir ~/.npm-global npm config set prefix '~/.npm-global' vi ~/.profile .profile 파일에 아래 코드.. 2023. 1. 28.