이번글에서는 npm 을 통해 node.js를 설치하고 react-app project를 생성하고 빌드하는 방법에 대해서 알아보겠습니다. npm설치가 되어있지 않으신 분은 이전 글을 참고해주세요. https://yellongs.tistory.com/entry/React-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-%E2%91%A0-Homebrew-NVM-%EC%84%A4%EC%B9%98-nvm-not-found-%EC%98%A4%EB%A5%98%ED%95%B4%EA%B2%B0%EB%B2%95-%ED%8F%AC%ED%95%A8 React 시작하기 ①- Homebrew, NVM 설치 (nvm not found 오류해결법 포함) React Programming 공부를 시작하기에 앞서 다음과..

React Programming 공부를 시작하기에 앞서 다음과 같은 환경설정들을 진행해주어야 한다. 이글을 천천히, 정독하셔서 진행하시면 zsh not found와 같은 오류를 피하고 react 프로그래밍을 위한 안정적인 mac셋팅을 하실 수 있습니다. ►개발환경: Mac OS Big Sur ►터미널: iterm2 사용 (iterm 설치 및 환경설정은 추후 업로드 하겠습니다.) ►이 글에 서 배울 것들 -homebrew 설치 -nvm 설치 1. homebrew 란? -터미널에서 명령어를 통해서 패키지 설치 및 삭제를 도와주는 도구(Yum, apt-get install 이런거와 비슷함) - ex) brew install 000 등으로 편리하게 패키지 설치를 도와준다. 2. homebrew 설치 터미널에 다..

코드를 매번 탭키를 눌러주고 정렬해주고 귀찮고 힘든작업을 하는 저희를 구원해줄 도구가 나타났다! 그것은 바로 Prettier !! (이쁘게) Visual Studio Code에서 익스텐션 설치하는 창으로 가신뒤, Prettier를 검색해주세요. Prettier란 엉망진창인 제코드를 예쁘게 포맷해주는 도구랍니다. 이렇게 생겼어요!! 이걸 설치 후 file -> preference -> settings 에들어가서 검색창에 format on save를 치신뒤 체크해주세요! 그럼 어떻게 실행되는지 보여드릴께요 수정 전 저장 버튼 누른 후 이렇게 코드를 알아서 정리해준답니다. 잠깐! 여기서 저장을 해도 소용이 없으신분들은 다음과 같이해주세요. Ctrl + Shift + p 를 누른 후 입력창에 Format Doc..

웹사이트를 개발하면서 소스코드를 수정하고 저장한뒤, 로컬로 돌린 웹사이트를 새로고침버튼을 매번 누르기 힘드셨죠? 소스코드를 수정해서 저장만하면 바로바로 새로고침되어 보여주는 툴인 Live Server를 설치하는 방법에 대해 알아볼께요. 비주얼스튜디오를 실행해주구요 왼쪽에 있는 메뉴중 가장 끝에것을 눌러주세요. 이렇게생겼어용 그리고 검색에 live server 라고 입력! 그리고 설치를 눌러줍니다. (Ritwick Dey 라는사람 걸 설치하시면 됩니다) 마치 가상의 서버가 있는것처럼 아이피주소를 통해 웹페이지를 보여주는 기능이에요. 환경이 좀 더 실제 서버환경과 같은 환경에서 작업을 할 수 있으니깐 편리하겠죠?! 사용법은 간단해요 우선 원하는 파일 (ex. index.html)에 오른쪽을 클릭하고 open..