# VS Code

104개의 포스트
post-thumbnail

[React] Reactjs Code Snippet

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

7일 전
·
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개의 댓글
·
post-thumbnail

[Unity] VS code Unity 연동하기

vs code를 활용하여 unity 개발을 하려면 vs code에 몇가지 extension을 추가하고 setting을 해줘야 한다. 추가로 git관리로 vscode의 터미널에서 하도록 설정해보자목표extension 추가 및 unity 연결vs code setting 변

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

설치 확장 프로그램 정리.

Vue VSCode SnippetsVue Language Features (Volar)vscode-iconsVeturPrettier - Code formatterNight OwlMaterial Icon ThemeLive ServerLive PreviewKorean(사용

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

역시 내 확장 프로그램은 잘못됐다

여러분은 개발할 때 어떤 IDE를 이용하시나요? 웹 프론트엔드 개발자는 주로 Visual Studio Code를 사용하는데요, 수많은 확장 프로그램 중 여러분도 알고 계셔서 설치는 했지만 사실 설정을 별도로 해줘야 하는 확장 프로그램에 대해 공유해 드리려 합니다.

2022년 5월 12일
·
0개의 댓글
·

VS Code 파이썬 파일 실행 시 경로 문제

qwer 폴더 안에 asdf폴더가 있는 상황qwer 폴더를 vs code에서 열고 asdf에 있는 main.py를 실행시켰는데no such file or directory 에러가 뜸문제가 된 코드logo_img = PhotoImage(file="logo.png")파일경

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

VS Code에서 파이썬 람다 표현식 그대로 쓰기

VS Code에 파이썬 확장프로그램을 설치하면 PEP 8에 맞는 양식으로 포맷팅해준다PEP 8에 따르면 람다 표현식을 쓰지말고 def를 쓰라고 돼있기 때문에 디폴트 상태에서 vs code에 람다 표현식을 쓰면 def 형태로 바꿔버린다람다 표현식을 그대로 쓰려면 스크린샷

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

[패스트 캠퍼스 FE] VS Code 단축키 및 확장 프로그램

이강의는 패스트캠퍼스의 Part 1. HTML/CSS/JS로 만드는 스타벅스 웹사이트라는 강의를 들으면서 정리한 글이다.앞부분이 전반적인 HTML/CSS/JS를 정리한 강의라서,프론트엔드를 처음 접하는 분들은 참고하시면 많은 도움이 될 것 같다. (나도!)그럼 시작해보

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

IDE 단축키(VSCode, IntelliJ)

단축키는 항상 까먹어서 적어놓는게 더 효율적인거 같다. Window 기준 하단에 터미널 띄우기cnrl + \`추가예정...

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

[VSCode] EditorConfig 가 적용되지 않을 때

Visual Studio Code를 사용하여 html/css/javascript 와 JAVA로 프로젝트를 진행하는 경우가 많아 파일의 확장자 별로 tab size를 조절해서 사용하고 있습니다.VS Extenstion의 EditorConfig for VS Code를 사용

2022년 3월 18일
·
0개의 댓글
·

GitHub & VS Code

VS Code에서 Github에 소스코드를 저장해보자. First Commit GitHub에서 새로운 repository 생성하기 VS Code의 왼쪽 세로 메뉴바에서 Git탭으로 이동 (3번째 아이콘) 수정된 파일들의 목록, 원하는 파일 클릭하여 수정된 부분 확인

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

VS-CODE에서 SPRING BOOT 시작하기(feat. GRADLE)

터미널 : WSL 단계1. JAVA 설치 확인 명령어 : java -version 자바가 설치되어있다면 vesion이 나온다. 설치되어 있지 않다면 java를 설치해준다. 설치하기전 apt update와 upgrade를 해준다. 명령어 : sudo apt -y u

2022년 2월 26일
·
0개의 댓글
·

vs code에서 api 호출하기

https://marketplace.visualstudio.com/items?itemName=humao.rest-client

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