hr0513 님의 블로그

안녕하세요, hr0513입니다! 🥰오늘은 VSCode에서 Code Runner 확장을 사용해 코드를 실행하는 방법을 알려드릴게요.초보자분들도 쉽게 따라 할 수 있으니까 걱정 마세요! ✨1. Code Runner 설치하기먼저, Code Runner 확장을 설치해 주세요VSCode를 실행한 후, 왼쪽에 있는 확장(Extensions) 아이콘을 클릭하세요.검색창에 Code Runner를 입력하고, Jun Han이 만든 Code Runner를 찾아 설치 버튼을 누르면 끝!설치가 완료되면 VSCode를 재시작해주세요.설치 완료! 이제 준비가 다 되었어요. 🎉2. 코드 실행하는 방법이제 본격적으로 코드를 실행해 볼까요? 방법은 아주 간단합니다!1) 단축키로 실행하기Ctrl + Alt + N (Windows/Li..

1.1 초기 설정1. Git 설치Git이 설치되지 않았다면 Git 공식 사이트에서 설치합니다. 2. GitHub 계정 생성 및 로그인GitHub 계정을 생성하고 로그인합니다. 3. VS Code 설치VS Code를 설치하고 실행합니다.VS Code 다운로드 4. GitHub 확장 설치VS Code의 Extensions 탭에서 "GitHub" 또는 "GitLens" 확장을 설치합니다.1.2 GitHub Repository 생성1. GitHub 웹사이트에서 Repository 생성GitHub에서 New Repository를 클릭하여 새 저장소를 만듭니다.예: 저장소 이름을 example로 지정.2. 로컬 프로젝트와 GitHub 연결git initgit remote add origin https://githu..

안녕하세요! 😊 hr0513입니다. VS Code에서 사용하면 유용한 단축키와 플러그인을 소개해드리려고 해요!코딩 작업을 더 빠르고 효율적으로 만들어 줄 꿀팁들이니, 한 번씩 활용해 보세요.1. 자주 사용하는 VS Code 단축키 탭 이동하기WindowsMacCtrl + TabCmd + Tab 열려 있는 탭 간에 빠르게 이동할 수 있어요. 파일을 여러 개 열어 놓고 작업할 때 시간을 절약할 수 있습니다. 현재 라인 복사WindowsMacShift + Alt + ↓Shift + Option + ↓ 현재 라인을 복사해서 아래에 바로 붙여 넣습니다. 같은 코드를 반복해서 쓸 때 유용해요. 코드 포맷팅WindowsMacShift + Alt + FShift + Option + F 코드 스타일을 일관성 있게 유지..

안녕하세요, hr0513입니다. 😊GitHub와 VS  Code 연동하는 방법에 대해 알려드리려고 해요 방법은 다음과 같습니다:1. 바탕화면에 새 폴더 생성   2. VS Code에서 폴더 열기상단 메뉴에서 File > Open Folder 선택 후, 만든 폴더를 열어줍니다.  3. 터미널 열기Terminal > New Terminal 선택  4. React 앱 생성터미널에 다음 명령어 입력:npx create-next-app ./   5. GitHub에 프로젝트 연동- Source Control (Ctrl + Shift + G) 선택- Publish Branch 클릭- 공개 여부 선택 (private / public)  6. 깃허브와 Vs Code 프로젝트 연동 완료