Prettier 썸네일형 리스트형 순수(?) 리액트 앱에 webpack 설정하기 (without CRA) 레벨 3 팀프로젝트를 시작하면서 가장 먼저 맞닥뜨린 과제는 CRA 없이 개발환경을 setting 하는 것이었다. 레벨 2 기간 내내 편하게 써온 CRA를 사용하면 안 된다는 과제가 던져졌다. 🤔 CRA, 편한데 왜? CRA는 Create React App의 약자로, 초보자들도 쉽고 빠르게 개발환경을 세팅할 수 있도록 리액트 팀에서 제공하는 보일러 플레이트이다. 터미널에 아래와 같이 명령어 한 줄만 치면 기본적으로 필요한 패키지를 모두 포함한 프로젝트의 기본 뼈대를 만들어준다. npx create-react-app --use-npm 코치님들께서 CRA 사용을 제한하신 이유는 무엇일까? CRA를 사용하면 편하긴 하다. CRA 편한 것을 즐기려면 적어도 CRA가 무엇을 얼마나 해주는지는 알아야 할텐데 실상 그.. 더보기 VS Code 필수 초기 설정 - 기본설정부터 익스텐션까지 새 컴퓨터를 장만했거나 이직을 해서 새 노트북을 지급받았거나 혹은 어느 천사가 미래를 응원하며 노트북을 선물해줄 경우(Thank you, Steve🙏) 에도 컴퓨터를 새로 세팅하는 과정이 필요하다. 이 글에서는 그중에서도 VS Code의 초기 세팅에 대해서 정리해보려고 한다. 1. 기본 설정 Settings에서는 자동 저장 설정, 인덴트 설정, 서체 설정 외 다양한 설정을 할 수 있다. [Code-Preferences-Settings]로 들어가거나 cmd + , 를 누른다. 우선, Auto Save옵션을 onFocusChange로 바꾸어 에디터에서 포커스가 벗어나는 순간 작성내용이 자동으로 저장되도록 했다. 이렇게 해두면 매번 cmd + S 를 누르지 않아도 터미널에서 바로 변경된 내용으로 컴파일을 할 .. 더보기 이전 1 다음
