VS Code 3

[Prettier] VSCode에서 Prettier 설정하기

안녕하세요. 이번에는 VSCode에서 Prettier을 설정하는 방법에 대하여 알아보겠습니다. 실습환경 - React - create-react-app 1. Formatting Code의 스타일을 통일시켜 준다. 문법이 아닌 코드의 스타일을 통일시켜 줘서 가독성을 높이고 버그를 예방한다. Prettier를 사용하여 관리할 수 있다. 2. React 설치 npx create-react-app my-app 3. Prettier 사용자 간의 코드 스타일을 맞춰주는 기능을 한다. 4. Prettier설치 -save : 패키지 모듈에 추가 --save-dev : 개발할 때만 사용, 빌드 & 배포 시 패키지 포함 X cd my-app npm install --save-dev prettier 설치 후 package...

IT 기타 2023.04.01

[VSCode] VS Code HTML 자동 양식 생성 방법 및 크롬 개발자 모드

안녕하세요 VS Code 에서 html 기본 양식 불러오는 방법에 대해서 알려드리겠습니다. 1. Visual Studio Code 처음에 HTML 파일을 생성한 후 내용 입력 칸에 ! 만 입력한 후 Tab 키를 누르면 기본 양식이 자동으로 생성됩니다. 이 방법을 사용하시면 Visual Studio Code를 조금 더 편하게 사용할 수 있습니다. 2. 크롬 개발자 모드 크롬 창에서 F12를 클릭하면 개발자 모드 창이 생기며 html 문서의 요소, 콘솔 창 말고도 여러 가지 정보를 볼 수 있습니다. 감사합니다.

IT 기타 2022.11.29

[VSCode&Git] VSCode 설치 및 Git 설치하기

안녕하세요. 이번에 SeSAC에서 진행하는 풀스택 웹 융합 개발자 양성 과정 교육을 듣고 배운 것에 대하여 정리해보도록 하겠습니다. 우선 컴퓨터에 개발을 위한 환경세팅을 먼저 진행합니다. 비주얼 스튜디오 코드 (Visual Studio Code) 비주얼 스튜디오 코드 (Visual Studio Code) 확장 프로그램 Git Hub 실습환경 운영체제 : Windows 11 Pro 64Bit RAM : 16GB 먼저 코딩할 때 사용할 프로그램을 설치합니다. 여러 가지 프로그램이 있지만 제일 무난하게 사용이 가능한 비주얼 스튜디오 코드를 사용하도록 하겠습니다. 아래 다운로드 링크를 클릭하면 공식 홈페이지로 접속이되며 각 운영체제 및 버전에 맞는 파일로 설치를 진행하시면 됩니다. 비주얼 스튜디오 코드 (Vis..

IT 기타 2022.11.25
반응형