# VS Code

116개의 포스트

VS code에서 django기초 설정하기

지금부터 클릭해야 하거나 확인해야 할 곳은 빨간 박스로 처리 해놓겠습니다.위에 사진에 보이는 4개의 상자모양을 눌러 "확장"앱을 열어 주고, 탐색창에 Django를 검색합니다.사진에 보이는 앱을 눌러 열어 줍니다.저는 이미 인스톨이 되어 있는 상태라 사용안함으로 뜨지

2022년 9월 26일
·
0개의 댓글
·
post-thumbnail

User Snippet 기능 활용하기

VS code는 유저 스니핏(user snippet) 기능을 제공하고 있다.User snippet이란? 반복 사용되는 코드 조각을 커스텀마이징하여 계속 복붙할 수 있다!python.json 파일을 열고, {} 안에 본인이 커스텀마이징하길 희망하는 코드를 입력한다. pr

2022년 9월 25일
·
0개의 댓글
·
post-thumbnail

Spring Boot

VS-CODE Extension 사용법

2022년 9월 23일
·
0개의 댓글
·
post-thumbnail

VS Code에서 HTML 파일 Include 하기

VS Code에서 HTML 파일 Include 하기

2022년 9월 19일
·
0개의 댓글
·
post-thumbnail

초격차 #3.

디렉토리 이름은 소문자로 관리하자project 단위 => 폴더 개념VS code에서도 파일 관리 가능.vscode : 현재 VS code 설정 정보가 들어있는 파일 (무시/삭제해도 됨)보통 이름이 .로 시작하는 파일이나 폴더는 숨김 전용브라우저 index.html 파일

2022년 9월 18일
·
0개의 댓글
·
post-thumbnail

VS Code로 markdown문서 pdf로 변환하기

markdown문서 pdf로 변환하기

2022년 9월 16일
·
0개의 댓글
·
post-thumbnail

Anaconda 초기 설정 & Jupiter 설정

윈도우키+r -> control sysdm.cpl 입력환경변수 -> 사용자 변수 -> Path 편집C:\\Users\\너이름이요\\Anaconda3C:\\Users\\너이름이요\\Anaconda3\\LibraryC:\\Users\\너이름이요\\Anaconda3\\Scr

2022년 8월 31일
·
0개의 댓글
·

VS code Extension 개발 3 (터미널 활용 2)

개발환경 mac 터미널에서 쉘 스크립트 사용하기 터미널1에서 만든 기능을 쉘스크립트를 활용하여 구현하려고 한다. 프로젝트 주소 받아오기 extension.ts-activate 함수에 브레이크 포인트를 걸고 지난번에 만든 Make Folder 기능을 실행하면 디

2022년 8월 28일
·
0개의 댓글
·

VS code Extension 개발 2 (터미널 활용 1)

개발 환경 mac 터미널 기본 터미널에서 mkdir 커맨드를 사용해 원하는 이름의 폴더를 생성하는 간단한 커맨드를 만들어 보려고 한다. 커맨드 추가하기 먼저 extension.ts 파일의 activate 함수 안에서만 커맨드를 생성,사용하다 보면 기능이 추가

2022년 8월 20일
·
0개의 댓글
·

VS code Extension 개발 1 (생성)

장점 터미널 및 기타 익스텐션에서 할 수 있는 모든 걸 하나의 익스텐션으로 할 수 있다. 기타 툴을 사용하지 않고 VS code 툴 하나만 사용하기 때문에 가볍다. 여러 사람이 사용한다면 VS code의 모든 사용자의 설정을 동일하게 맞출 수 있다. 개발환경 Mac

2022년 8월 20일
·
0개의 댓글
·
post-thumbnail

[React] Reactjs Code Snippet

Reactjs code snippets은 react 개발을 도와주는 vs code 확장 플러그인이다.

2022년 8월 4일
·
0개의 댓글
·

wk5_CSS활용

웹페이지를 구성하는 구역을 아주 간단하게 나누면 위 세 구역으로 나뉜다. 구역별로 어느 위치에 어떤 태그를 사용해서 코딩을 할 것인지 대략적으로 계획을 세운다. 실습을 해보며 새로 알게 된 css 기능은 폰트 적용법, @import url('주소') 그리고 \* { f

2022년 8월 1일
·
0개의 댓글
·

wk4_html&css_login_page

div 배경이미지 넣을 때 쓰이는 css 세 가지 속성:div 내용 가운데 정렬할 때 쓰이는 css 네 가지 속성: 마치 명찰을 달아주듯 이러한 css 속성들을 적용하고 싶은 html 뼈대에 달아줘야 한다. 꾸미고 싶은 body 밑 특정 html 태그에 class를 지

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

VS Code extension 추천

개발자에게 필요한 VS Code의 확장 프로그램 추천을 해보겠습니다 !Live Server링크텍스트Prettier

2022년 7월 19일
·
0개의 댓글
·
post-thumbnail

VS Code 작업 속도 향상을 위한 Emmet 단축키 및 트릭 9가지🔥

Emmet(eh·mit/에밋)은 HTML 및 CSS 등의 다양한 파일 종류에 유용한 코드 단축키를 제공한다. 특히 VS Code에 내장되어 있으므로 따로 다운로드할 필요가 없다는 사실. 이제까지 안 써봤다면, 오늘부터라도 사용 시작하길 권장한다.

2022년 7월 17일
·
0개의 댓글
·
post-thumbnail

터미널에서 vs code 실행 & 명령어 등록하기

터미널로 vs code가 실행되지 않는 문제가 있었다. 현재 위치를 작업 폴더로 vs code 실행...

2022년 7월 7일
·
0개의 댓글
·
post-thumbnail

사용하는 VSCode Extension 정리

Github 계정을 통해 동기화를 해두긴 했지만, 자주 사용하는 Extension을 기록하기 위해 작성했다.주소JS를 쓸때 폴더에서 많은 파일들이 export/import 되는데 하나의 폴더를 index.js로 묶어 export 할 수 있다.만들고자 하는 폴더에 우클릭

2022년 6월 29일
·
0개의 댓글
·
post-thumbnail

Spring Boot의 시작 - 1. 환경 설정(1)

VS Code로 Spring Boot 사용하기 삽질

2022년 6월 29일
·
0개의 댓글
·

VS Code

단축키 Ctrl++ or Ctrl+- : 화면 확대 또는 축소 Ctrl+Shift+P : 모든 명령 표시(에디터의 모든 명령에 접근) Ctrl+Alt+S : 모두 저장 하기 Ctrl+B : 사이드 바(Side Bar) 열고 / 닫기 Ctrl+P : 빠른 열기(파일이나

2022년 6월 28일
·
0개의 댓글
·