# visualstudiocode
[VSC] {Snippets} 사용하기
visual studio code tips재사용할 수 있는 소스 코드 조각, 코드 일부분만을 발췌한 것을 가리키는 말이미 VSC(visual studio code)에서 제공하는 snippets가 있다. 확인하러 가기 >(https://code.visualstu
Sekkison Frontend UI -13 # 유저 검색
로그인과 회원가입 페이지에서는 필요 없었지만, 이제부터 구현할 페이지들에는 네비게이션의 역할과 편의성을 보장해 줄 헤더와 푸터가 필요하다.기획 단계에서와 같이, 헤더에는 로고, 친구목록, 쪽지함, 알림, 내정보에 해당하는 버튼을 만들 것이고, 푸터에는 홈, 내 약속,
Sekkison Frontend UI -12 # 회원가입
이제 회원가입을 만들어 볼 차례이다.회원가입의 유효성 검사는 백엔드에서도 처리하였지만, 프론트에서도 동일하게 처리하였다. 그리고 unique하게 db에 저장되는 전화번호를 통해 인증할 수 있게 만들었다.회원가입 UI는 다음과 같이 구성하였다.만약 유효성 검사와 중복검사
vscode 비쥬얼스튜디오코드 관련 정리
How do I collapse sections of code in Visual Studio Code for Windows?
[문제해결] Visual Studio Code : Configure User Snippets 설정 1
VScode 에는 기본내장으로 emmet 기능이 있다. 가령 ! + tab 을 하면 html 구성이 자동완성된다.나는 기본으로 생성되는 자동완성 기능에 매번 link와 script를 적어주는게 너무 귀찮았고 제일 큰 이유는 오늘 script src="" defer sr
Visual Studio Code : 버벅임 & 입력 오류 문제 -> Rendering
오늘은 Visual Studio Code 사용자가 겪는 작은 문제에 대하여 포스팅하려고 한다.사건의 발단은 이렇다.얼마 전 VS Code에서 md 파일을 만들어 글을 적고 있었는데 자꾸 버벅대면서 이상하게 입력되는 것이다.나는 내가 오타를 낸 것인가 싶었는데 그게 아닌
vscode 에서 React 자동완성 설정안될때
문제 react code snippet 등의 익스텐션을 설치하였는데도 자동완성이 안될때 파일 기본설정 > includeLanguages 검색 후에 > 항목에 javascript 값에 javascriptreact 를 추가해주시면 됩니다.
[6/24 일반] React/ 실습 - 리액트 작동 원리와 기초(문법, 컴포넌트)
1) 필기내용리액트 : FrontEnd 프레임워크 중 하나(요즘 제일 많이 쓰는 웹서비스 개발의 프레임워크)페이스 북 게발에 사용한 기술, 공개 소프트웨어(오픈), 화면 출력에 특화됨, 컴포넌트를 조립하여 화면 구성, GetElementById 이런 것들을 덜 사용,
web 개발 시 코드 자동 정렬 설정 방법
ESLint 설치 Prettier 설치 파일 -> 기본 설정 -> 설정(ctrl+,) 에서 빨간 동그라미 클릭 하면 JSON 편집기 상태로 변경 됨JSON 편집기 상태JSON 편집기 상태에서 아래 설정 코드
VSCode 단축키 모음
대/소문자로 변환영역선택 후 Shift + Ctrl + P (F1)대문자 : Transform to Uppercase소문자 : Transform to Lowercase열 단위 영역 선택Alt + Shift 마우스 좌클릭하고 드래그로 영역 선택Alt + Ctrl + Sh
VisualStudioCode vue.js debug
환경 설정 설정 1. 빨간 화살표 1번 RunandDebug 클릭 2. create a lunch.json file 클릭하여 json 파일 생성 후 아래 json 코드 입력 > > 3. source폴더의 root(src 폴더와 같은 위치)에 vue.config.js
