개발도구 (8) 썸네일형 리스트형 Visual Studio Code(VS Code) 간격 설정 Visual Studio Code에서 전체 프로젝트나 특정 파일의 들여쓰기 간격을 2칸으로 설정하려면 아래 단계를 따르면 된다.1. 기본 설정 변경VS Code의 기본 들여쓰기 설정을 2칸으로 변경할 수 있다.VS Code에서 Command Palette를 연다:Windows/Linux: Ctrl + Shift + PmacOS: Cmd + Shift + P**Preferences: Open Settings (JSON)**을 입력하고 선택한다.설정 파일(settings.json)에 아래 내용을 추가하거나 수정한다:{ "editor.tabSize": 2, // 들여쓰기 간격을 2칸으로 설정 "editor.insertSpaces": true, // 탭 대신 스페이스를 사용 "[javascript]": { "e.. CMD 명령어 Linux Shell 명령어 Terminal 명령어 폴더 생성기능CMD 명령어Linux Shell 명령어폴더 생성mkdir 폴더명mkdir 폴더명중첩된 폴더 생성mkdir "폴더1\폴더2"mkdir -p 폴더1/폴더2공백 포함 경로 처리mkdir "My Folder"mkdir "My Folder" 폴더 삭제기능CMD 명령어Linux Shell 명령어폴더와 하위 모든 파일 삭제rmdir /s 폴더명rm -r 폴더명강제로 폴더 삭제rmdir /s /q 폴더명rmdir /s /q 폴더명공백 포함 경로 처리rmdir /s /q "폴더명"rm -rf "폴더명"특정 디렉토리 안의 모든 것 삭제del /f /s /q *.*rm -rf /경로/* CMD 명령어/s: 폴더 및 하위 항목(파일 및 폴더) 삭제./q: 삭제 확인 없이 강제로 삭제. Linux Shell.. Visual Studio Code(VS Code) 리액트 추천 플러그인 Live Server기능: 로컬 호스트 서버를 시작하고, 코드 변경 시 자동으로 브라우저를 새로고침합니다.특징: 개발 중 실시간으로 변경 사항을 확인할 수 있어 효율적인 개발 환경을 제공합니다.예시: HTML, CSS, JS 파일을 저장하면 브라우저가 자동으로 새로고침됩니다. 기능: 로컬 호스트 서버를 시작하고, 코드 변경 시 자동으로 브라우저를 새로고침합니다.특징: 개발 중 실시간으로 변경 사항을 확인할 수 있어 효율적인 개발 환경을 제공합니다.예시: HTML, CSS, JS 파일을 저장하면 브라우저가 자동으로 새로고침됩니다.사용법:1. 프로젝트 폴더 열기: VS Code에서 작업 중인 프로젝트 폴더를 엽니다.2. HTML 파일 열기: Live Server를 실행할 HTML 파일을 엽니다.3. Live.. 인텔리제이 디버깅시 단축키 디버깅 시작/종료디버깅 시작: Shift + F9애플리케이션 재시작: Ctrl + F5디버깅 종료: Shift + F2디버깅 컨트롤다음 행으로 이동 (Step Over): F8메서드 안으로 진입 (Step Into): F7현재 메서드에서 나가기 (Step Out): Shift + F8다음 브레이크포인트로 이동 (Resume Program): F9포커스 된 코드 라인 실행 (Run to Cursor): Alt + F9기타 디버깅 단축키브레이크포인트 추가/제거: Ctrl + F8디버그 창 활성화/비활성화: Alt + 5변수 보기 (Evaluate Expression): Alt + F8프레임 드롭: Ctrl + Alt + F8디버그 창에서 다음 프레임으로 이동: Alt + F8 (디버그 창에서)디버깅 시 유용.. VSCode Auto Reveal기능 끄기 (Visual Studio Link With Editor 기능) 작업하려고 index.html 파일을 보고있는데 왼쪽 Explorer 영역이 파일에 따라 위치가 자꾸 바뀐다.. 이클립스의 Link With Editor 기능과 같은 기능이다. VSCode 에서 이걸 끄려면 다음과 같이 한다. VSCode에서 cmd + Shfit + p (Mac), Ctrl + Shift + p(window) 키를 눌러 "Open User Settings"에 들어간다. Features 탭에 Auto Reveal 기능을 false로 변경하면 끝. eclipse 한글 깨짐 1. 이클립실행후 -> Window -> Preferences 2. General -> Workspace -> Text file encoding 을 알맞은 케릭터 셋으로 지정해 주자(대부분 UTF-8) Visual Studio Code Extentions 10가지 1.Material Theme 2.Material Icon Theme 3.Prettier - Code formatter setting(ctrl + ,) -> Format 검색 -> Format On Save 체크 setting(ctrl + ,) -> Prettier 검색 -> Prettier: Tab Width 를 2로 설정 setting(ctrl + ,) -> quote 검색 -> JavaScript > Preferences: Quote Style을 single 로 변경 setting(ctrl + ,) -> quote 검색 -> TypeScript > Preferences: Quote Style을 single 로 변경 4.Bracket Pair Colorizer 5.Indent Rainbow 6.Aut.. Git 명령어 git init : git 생성하기 git clone git_path : 코드가져오기 git checkout branch_name : 브랜치 선택하기 git checkout -t remote_path/branch_name : 원격 브랜치 선택하기 git branch branch_name : 브랜치 생성하기 git branch -r : 원격 브랜치 목록보기 git branch -a : 로컬 브랜치 목록보기 git branch -m branch_name change_branch_name : 브랜치 이름 바꾸기 git branch -d branch_name : 브랜치 삭제하기 git push remote_name — delete branch_name : 원격 브랜치 삭제하기 ( git push origin —.. 이전 1 다음
