주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

CSS만 사용하다가 SASS, SCSS로 작업을 해보고 싶다는 생각을 종종하고는 했었다. 하지만 컴파일이 필요했었던터라 실제로 행동으로 옮기는데 까지는 시간이 좀 걸렸다. gulp로 테스트 작업을 해본적은 있었으나 그게 전부였다. 그러던 중에 VSCode 에디터에 extension이 있어서 진짜 쉽게 작업할 수 있는 것을 찾았다! VSCode Extension 다운로드 - Sass - Live Sass Compiler (실시간 컴파일한 것을 확인) -> Live Server (라이브 서버, Live Sass Compiler를 다운로드 받으면 종속성으로인해 같이 받아집니다!) 필수는 아니지만 문법을 도와주는 Extension - Sass lint Extension을 다운로드받게되면 우측 하단의 파란색 바에..

1.Git hub에서 Token 발급 Token은 아이디나 패스워드 대신해 인증을 담당하는 역할을 합니다. [발급방법] 본인의 계정 > Settings > Developer settings > Personal access tokens (바로가기 링크) Generate new token을 클릭합니다. New personal access token 페이지 Note에 제목을 입력한 후 gist 체크박스를 체크해줍니다. 저는 Note를 vscoedSettingsSync로 입력했습니다. Gist는 Git hub에서 제공하는 pastebin 서비스입니다. pastebin 서비스란? 더보기 텍스트 스토리지 사이트. 사용자가 plain text(그래픽 표현이나 그 밖의 오브젝트이 아닌, 읽을 수 있는 자료의 문자열만을..

.tpl 파일로 작업을 하는데, VSCode가 따로 확장자 인식을 하지 못해서 text와 같이 취급이되는 경우가 불편해서 찾아보게 되었습니다. 인식하지 못하는 상태의 .tpl 파일 상태 오픈한 파일만 html 코드스타일로 확인하기 1.VSCode 우측 하단 바에서 Plain Text 클릭 2.박스에서 HTML 클릭 전체 파일에서 html 코드스타일로 확인하기 1. 세팅을 열어줍니다. File > Preferences > Settings 또는 단축키 Ctrl + , 2. file associations 검색 후 Edit in Settings.json 클릭 3. file.associations 값 입력 *.tpl 로 입력한 것은 모든 .tpl 확장자를 가진 파일을 html과 같이 인식하라고 설정하는 부분입니..