STEP2 STEP | VSCode | SCSS 설치 및 실행방법 ⚙️ STEP | VSCode | SCSS 설치 및 실행방법 VSCode에서 SCSS를 설치하는 방법부터 실행하는 방법까지 알아봅시다. * SCSS CSS Preprocessor(전처리 프로그램) 중 하나로 CSS와 유사하지만 좀 더 다양한 기능으로 편리하게 사용할 수 있게 해주는 프로그램입니다. 당연히 CSS가 아닌 전처리 프로그램이기에 웹에서 직접 작동하지는 않으며, 작동할 수 있도록 CSS로 컴파일 후 작동할 수 있게 됩니다. 1 우선 Extension에서 Live Cass Compiler를 설치해줍니다. 2 설정에서 json 검색하고 User Settings 파일을 열어줍니다. 3 아래 표시된 부분을 추가시켜 줍니다. map 파일이 필요하신 분들은 "liveSassCompile.settings.g.. 2022. 9. 19. STEP | VScode | prettier 설치 후 실행하기 ⚙️ STEP | VSCode | prettier 설치 후 실행 방법 VSCode에서 prettier 설치 후 적용이 되지 않을 경우, 설정하는 방법에 대해 알아봅시다. * prettier 자바스크립트 라이브러리로 작성된 코드를 저장할 시 줄간격 등을 맞춰 표준 스타일에 맞도록 변경시켜 주는 코드 포멧터(Code Formatter)입니다. 또한 구문을 분석해 완전히 재작성해준다는 점에서 다른 포멧터와 차이점이 있습니다. 1 우선 Extension에서 Prettier를 설치해줍니다. 2 설정에서 editor format on save 검색하고 체크 표시를 해줍니다. 3 설정에서 json 검색하고 Edit in settings.json을 눌러 파일을 열어줍니다. VSCode 내 설정값들이 저장되는 파일로 설.. 2022. 9. 5. 이전 1 다음
