최대 1 분 소요

작업 환경 : Mac OS 🧑🏻‍💻
Lauguage : Typescript
Web Framework: React.js
Framework To Use : react-router-dom, react-query, styled-components … 등등

📈 주식 커뮤니티 개발 1일차 ( 작업 환경 설정 )

  • 모든 부분을 적지 않고, 생략되는 부분들도 많습니다.
    프로젝트 하면서 반복되는 작업 또는 까먹을 수 있는 중요한 해결 문제들만 적을 예정이니
    정확한 정보를 얻으실 수도 없을 수 있다는 점 알려드립니다.

1. 작업 환경 설정하기

1-1) react.js 설치하기

1-2) vs code extension 설치하기

  • indent-rainbow

    • 들여쓰기를 할 경우, 유용한 익스텐션 중 하나, start point와 end point가 어디인지를 알 수 있다.

  • Material Icon Theme

    • 해당 확장자나, 폴더의 이름이 무엇이냐에 따라, 파일의 아이콘이 이쁘게 변경된다.

  • Prettier

    • Command + S를 눌러 저장을 할 경우, 알아서 Prettier가 코드를 가독성 좋게 저장해준다.

  • vscode-styled-components

    • styled-components를 사용할 때, 속성 값을 보여주는 역할을 하는 익스텐션이다.

1-3) npm 패키지로 사용할 프레임워크들 설치하기


이 글이 도움이 되셨다면 댓글 부탁드립니다^^
다음 글로 찾아오겠습니다!

참고