본문 바로가기

코드2

[ERROR] VSCODE : 맥북 Prettier 설정 오류 해결 방법 (+윈도우) 안녕하세요! 이번 시간에는 vscode 확장팩 중 코드 정렬을 자동으로 설정해주는 Prettier 설정하는 방법에 대해 알아보겠습니다. 🧐 1. 먼저 vscode에서 아래의 확장팩을 설치해주세요! 2. 설치가 끝난 후 오른쪽 하단 설정(settings)에 들어가서 'editor format on save'를 검색합니다. 다음 화면에 나오는 것처럼 체크박스를 클릭해주면 됩니다. 그 다음 정렬이 되는 지 확인하기 위해 html 아무 문서로 들어가 cmd + s (윈도우 에서는 ctrl + s)를 눌러줍니다. 정렬이 자동으로 된다면 완료입니다👍 💡 만약 체크를 해도 실행이 되지 않는 경우! 어라라? 체크하고 다시 껐다 켜도 실행이 되지 않는 경우에는 다음과 같은 코드를 추가적으로 입력하시면 됩니다. 1. 먼저.. 2022. 9. 5.

[CSS] SCSS 언어란? CSS : SCSS 이번 시간에는 CSS 언어 중 하나인 SCSS에 대해 알아보겠습니다!😄 #1. SCSS란? 코딩이 복잡해지게 되면 코드의 중복 및 오류 등의 이유로 CSS는 유지보수가 어려워지고 가독성 또한 떨어지게 됩니다. 이러한 CSS의 단점을 보완하고자 등장한 문법이 SCSS라고 합니다. SCSS는 Syntactically Awesome StyleSheet의 약어로 코드의 재사용성을 높이고, 가독성을 증가시켜 개발의 효율성을 높이기 위한 전처리기 언어입니다. !! 여기서 중요한 점은 SCSS언어로 직접 구현하는 것이 아니라 Scss로 작업 후 CSS언어로 컴파일하여 웹에 구현시키는 원리라는 것 입니다! 즉 CSS의 대체 언어가 아닌 좀 더 효율적으로 CSS 코드 작업을 할 수 있는 도구의 개념이.. 2022. 8. 19.

이전 1 다음

728x90

Lucky Charms Rainbow

JAVASCRIPT

html

HTML

css

CSS

티스토리툴바