Codesandbox https://codesandbox.io/ CodeSandbox는 브라우저 기반의 온라인 개발 환경으로, 로컬 설치 없이 웹에서 바로 코딩할 수 있는 플랫폼입니다. 주요 특징 즉시 개발 환경 브라우저에서 바로 코드 작성 및 실행 로컬 환경 설정 불필요 다양한 프레임워크와 라이브러리 지원 실시간 미리보기 코드 변경사항을 즉시 확인 핫 리로딩 지원 모바일 반응형 테스트 가능 협업 기능 실시간 공동 편집 코드 … 더 읽기
1-Vscode Extensions 1-1-file-tree-generator 프로젝트 구조도 자동생성 🔗https://marketplace.visualstudio.com/items?itemName=Shinotatwu-DS.file-tree-generator 사용법 익스텐션 설치 폴더위에서 우클릭 → Generate To Tree 클릭 구조도가 작성된다. 새문서에 자동생성 된 구조도를 복붙하여 활용한다 2-CodeSnap 작성중인 코드를 캡쳐하기 https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap 사용법 캡쳐할 코드를 블럭으로 지정후 우클릭 → code snap 우측 패널에 스크린샷이 생성되며 해당 이미지 위에서 우클릭해서 다른곳으로 복사 붙여넣기 할수있다
1. README.md — 왜 쓰고, 어떻게 쓰는가 README # 🌟 프로젝트 이름 > 저희 프로젝트를 소개합니다! 간단한 설명을 여기에 적어주세요 🙏 > 라이브 데모는 [_여기_](https://www.example.com)에서 만나보실 수 있어요 ✨ ## 📋 목차 * [프로젝트 소개](#프로젝트-소개) * [사용 기술](#사용-기술) * [주요 기능](#주요-기능) * [스크린샷](#스크린샷) * [설치 방법](#설치-방법) * [사용법](#사용법) * [프로젝트 현황](#프로젝트-현황) * [개선 예정 사항](#개선-예정-사항) … 더 읽기
그다음 add 부터 진행
7-3. 페이지 배포하기
https://www.youtube.com/watch?v=tDTx7obGFMk 5. 원격저장소 관리 5-1. 리포지토리 생성 리포지토리 생성 : 리포지토리 란 깃허브의 프로젝트 저장 폴더를 의미한다 깃허브 리포지토리 의 명령어 복사 git remote add origin 깃허브 레파지토리 주소 5-2 로컬과 원격을 연결하기 로컬에서 작업한 깃코드를 원격으로 업로드 하려면 변경완료,저장,업로드 의 과정을 거친다 깃으로 버전관리중인 로컬 프로젝트로 이동 원격저장소의 정보등록 깃허브 리포지토리 의 명령어 복사 … 더 읽기
4. 깃의 추적관리 시스템 이해 git은 작업 디렉토리(Working Directory), 스테이지(Stage), 저장소(Repository) 3개의 영역으로 나눠져 있습니다. 작업 디렉토리(Working Directory) : 실제 작업을 하기 위한 디렉토리로, 파일을 수정하거나 삭제 등의 작업을 합니다. 스테이지(Stage) : 작업 디렉토리에서 수정, 삭제한 파일을 git이 추적할 수 있도록 올려두는 영역입니다. 저장소(Repository) : 스테이지 영역에 올라온 파일들의 버전 정보를 저장하는 영역입니다. 저장소를 생성하면 … 더 읽기
upstream이란? 다른 개발자가 생성한 원격 저장소와 내 저장소를 동기화 로컬 저장소에 upstream 원격 저장소를 추가 git remote add upstream [원격 저장소 URL] upstream 원격 저장소의 변경사항을 로컬 저장소로 가져오기 git fetch upstream 가져온 upstream 변경사항을 로컬 브랜치에 병합 git merge upstream/[브랜치 이름] upstream 원격 저장소 설정 제거 git remote remove upstream
3. 시작하기 3-1. 프로젝트를 깃으로 관리하기 3-1-1. 첫번째 버전생성은 1번부터 계속 진행 버전 관리할 프로젝트 폴더를 만듭니다 1의 폴더를 최상위로 vscode 에서 엽니다.  vscode 터미널창을 실행 합니다. git 저장소를 생성 (초기화) 합니다. " git init 프로젝트 폴더에 파일을 생성합니다. 파일이 초록색으로 바뀌며 U 라는 아이콘이 생깁니다 Untracking 상태입니다 3-1-2. 두번째 버전 생성은 6번부터 진행 … 더 읽기