web sprit

설치 위치 C:\Users(사용자)\user(사용자명)\.vscode\extensions 위 경로에 설치한 익스텐션을 확인할 수 있습니다. 보안이 있는곳에서 외부 익스텐션을 다운받아 설치할 수 없다면 이 경로에서 따로 USB에 저장해 설치한곳에 위 경로로 옮겨주면 이전 익스텐션을 사용할 수 있습니다.

vscode 실행하여 Extensions에 들어간다. live sass를 검색 해보면 Extensions 목록에 Live Sass Compiler 가 있다. 그리고 Live Sass Compiler을 사용하기 위해선 컴파일하고 화면에서 확인하기 위해선 가상서버를 생성해주는 Live server 익스텐션도 필요하다. # 설치 (install) Live Sass Compiler Live server 설치를 했다면 따로 설정이 필요하다. 설정에 대한 내용은 아래 URL에 상세히 나와 있다. ritwickdey/vscode-live-sass-compiler Compile Sass or Scss file to CSS at realtime with live browser reload feature. - ritwic..

요즘 VS Code 가 작업툴로 많이 이용되고 있는거 같아 저도 사용해 보려 합니다.검색하다 찾아보니 단축키 PDF 파일을 찾았네여요~ ^^ 별거 아니지만 필요하신 분은 참고 바랍니다.

소스코드 관리를 위해 CODEPEN을 사용하기로 했습니다.오픈소스 이지만 블로그에도 함께 공유하고자 알아보던 중블로그에도 내가 작성한 CODEPEN 소스를 올릴수 있는 방법이 있어 소개하려 합니다. 우선 회원가입이 되어 있어야 합니다. 회원가입은 기본사항 임으로 바로 패스 들어갑니다.~ 1. 회원가입 후 소스코드를 작성할 PEN을 생성해야 합니다.Create --> Pen 클릭!!! 2. 코드 작성.Pen을 누르면 아래와 같이 작성할 수 있는 화면을 확인할 수 있습니다.임의로 저는 작성한 부분이 있습니다. 그걸 샘플로 다음영역에 보여 드리죠~ 3. 작성한 코드 저장 후 Embed 하기.코드를 작성하면 저장을 해야겠죠 아래와 같이 SAVE 버튼을 클릭해서 저장해 줍니다. 저장 후 아래와 같이 클릭하여 소스..