# visualstudiocode

29개의 포스트

[VSC] emmet으로 html 내용을 빠르게 만들어 보자

emmet 문법은 젠코딩이라고도 불립니다.

2023년 7월 18일
·
2개의 댓글
·
post-thumbnail

[VSC] {Snippets} 사용하기

visual studio code tips재사용할 수 있는 소스 코드 조각, 코드 일부분만을 발췌한 것을 가리키는 말이미 VSC(visual studio code)에서 제공하는 snippets가 있다. 확인하러 가기 >(https://code.visualstu

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

[Visual Studio Code] 파일 확장자 인식 설정 방법

vsc에서 파일 확장자 인식하게 만들기 (e.g .world 파일)

2023년 6월 23일
·
0개의 댓글
·
post-thumbnail

TypeScript Setting

typescript setting

2023년 4월 1일
·
0개의 댓글
·

Sekkison Frontend UI -13 # 유저 검색

로그인과 회원가입 페이지에서는 필요 없었지만, 이제부터 구현할 페이지들에는 네비게이션의 역할과 편의성을 보장해 줄 헤더와 푸터가 필요하다.기획 단계에서와 같이, 헤더에는 로고, 친구목록, 쪽지함, 알림, 내정보에 해당하는 버튼을 만들 것이고, 푸터에는 홈, 내 약속,

2023년 3월 26일
·
0개의 댓글
·

Sekkison Frontend UI -12 # 회원가입

이제 회원가입을 만들어 볼 차례이다.회원가입의 유효성 검사는 백엔드에서도 처리하였지만, 프론트에서도 동일하게 처리하였다. 그리고 unique하게 db에 저장되는 전화번호를 통해 인증할 수 있게 만들었다.회원가입 UI는 다음과 같이 구성하였다.만약 유효성 검사와 중복검사

2023년 3월 26일
·
0개의 댓글
·
post-thumbnail

html 기초 1일차

딱딱하지만 맘에들어

2023년 1월 21일
·
0개의 댓글
·
post-thumbnail

vscode 비쥬얼스튜디오코드 관련 정리

How do I collapse sections of code in Visual Studio Code for Windows?

2023년 1월 21일
·
0개의 댓글
·
post-thumbnail

[문제해결] Visual Studio Code : Configure User Snippets 설정 1

VScode 에는 기본내장으로 emmet 기능이 있다. 가령 ! + tab 을 하면 html 구성이 자동완성된다.나는 기본으로 생성되는 자동완성 기능에 매번 link와 script를 적어주는게 너무 귀찮았고 제일 큰 이유는 오늘 script src="" defer sr

2023년 1월 10일
·
0개의 댓글
·
post-thumbnail

Visual Studio Code : 버벅임 & 입력 오류 문제 -> Rendering

오늘은 Visual Studio Code 사용자가 겪는 작은 문제에 대하여 포스팅하려고 한다.사건의 발단은 이렇다.얼마 전 VS Code에서 md 파일을 만들어 글을 적고 있었는데 자꾸 버벅대면서 이상하게 입력되는 것이다.나는 내가 오타를 낸 것인가 싶었는데 그게 아닌

2022년 10월 23일
·
1개의 댓글
·
post-thumbnail

편집기 설치

안녕하세요 서울 꺼벙 천사입니다 자바스크립트를 독학하고 있습니다

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

vscode 에서 React 자동완성 설정안될때

문제 react code snippet 등의 익스텐션을 설치하였는데도 자동완성이 안될때 파일 기본설정 > includeLanguages 검색 후에 > 항목에 javascript 값에 javascriptreact 를 추가해주시면 됩니다.

2022년 8월 31일
·
1개의 댓글
·
post-thumbnail

[6/24 일반] React/ 실습 - 리액트 작동 원리와 기초(문법, 컴포넌트)

1) 필기내용리액트 : FrontEnd 프레임워크 중 하나(요즘 제일 많이 쓰는 웹서비스 개발의 프레임워크)페이스 북 게발에 사용한 기술, 공개 소프트웨어(오픈), 화면 출력에 특화됨, 컴포넌트를 조립하여 화면 구성, GetElementById 이런 것들을 덜 사용,

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

web 개발 시 코드 자동 정렬 설정 방법

ESLint 설치 Prettier 설치 파일 -> 기본 설정 -> 설정(ctrl+,) 에서 빨간 동그라미 클릭 하면 JSON 편집기 상태로 변경 됨JSON 편집기 상태JSON 편집기 상태에서 아래 설정 코드

2021년 12월 27일
·
0개의 댓글
·

VSCode 단축키 모음

대/소문자로 변환영역선택 후 Shift + Ctrl + P (F1)대문자 : Transform to Uppercase소문자 : Transform to Lowercase열 단위 영역 선택Alt + Shift 마우스 좌클릭하고 드래그로 영역 선택Alt + Ctrl + Sh

2021년 12월 1일
·
0개의 댓글
·
post-thumbnail

맥에서 Visual Studio Code 설치하기

맥에서 Visual Studio Code 설치하는 방법입니다.

2021년 11월 10일
·
0개의 댓글
·

VisualStudioCode vue.js debug

환경 설정 설정 1. 빨간 화살표 1번 RunandDebug 클릭 2. create a lunch.json file 클릭하여 json 파일 생성 후 아래 json 코드 입력 > > 3. source폴더의 root(src 폴더와 같은 위치)에 vue.config.js

2021년 11월 1일
·
0개의 댓글
·
post-thumbnail

How to - npm run serve (mac)

mac에서 npm run serve 실행하는 방법

2021년 9월 24일
·
0개의 댓글
·