퍼블리싱 아카이브

Sass를 사용하는 방법은 두가지가 있는데 첫번째는 vs code 설치 -> Live Sass Compiler 확장프로그램을 설치하는 방법이고 두번째는 vs code 터미널에서 명령어를 입력해 사용하는 방법이다. 두가지를 전부 해보겠다. ** 이 글은 이미 CSS와 VS Code에 익숙해지신 분들을 위한 글입니다. + 저를 위한 글 1. 환경설정(Setting) 1) VS Code 설치 (기본 Extension 설치는 https://liz52hz0322.tistory.com/43를 참고) 2) VS Code에서 Extensions -> Live Sass Compiler를 설치한다. 이제 보여드리겠음 얘가 을매나 편한 놈인지 2. 사용방법 1) index.html 파일과 style 폴더를 생성한 뒤 mai..

1. Prettier 코드를 포맷팅 해주는 확장 프로그램. ctrl + , ->Settings -> Format on Save 체크하기. 2. indent-rainbow 코드 에디터 들여쓰기의 가독성을 높인다. 3. Live server 반드시 필요한 프로그램. 작성한 코드를 브라우저에서 바로 바로 확인할 수 있다. 단축키는 Alt + L + Alt + O 4. Auto Rename Tag 앞의 태그를 바꾸면 뒤의 태그도 같이 자동으로 변경되게 해주는 프로그램 5. Css Peek 입력한 css 파일의 클래스나 id 값을 클릭하면 (ctrl 누른 채로) 바로 해당 css 스타일로 이동한다. 6. HTML CSS support class 명, id 명을 자동완성 해주는 프로그램.