생각자리

깃허브에 푸시할 때, 일부 파일만 빼고 올리고 싶은 경우가 있다. 그럴 때 사용하는것이 바로 gitignore 이다. gitignore 는 ① gitignore 라는 명칭으로 (확장자 없음) ② 푸시할 프로젝트 폴더 안에 삽입하면 된다. 직접 생성할 땐 기본적으로 아래 첨부된 이미지처럼 만들면 되지만, 추가되지 말아야 할 부분은 사용자가 직접 지정 가능하다. ▶ gitignore 작성법 [Git] .gitignore 사용해 git에 추가되지 말아야 할 파일 정의하기 .gitignore 파일이란? .gitignore 파일은 Git의 root 디렉토리에 저장되어, Git Repository나 Staging Area에 추가되지 말아야 하는(무시되어야 하는) 폴더나 파일을 정의하는 파일이다. .gitignore..

github 에 잘못 올라간 폴더 또는 파일 삭제하기 (git rm 명령어를 이용한다) 1. 레포지토리에 특정 폴더 삭제하기 : git rm -r "폴더명 " 깃허브 Repository Directory delete(레포 폴더 삭제하기) 깃 레포에 지우고자 하는 디렉터리가 있다면 사용하는 방법 이번 글을 통해 배워갈 내용 레포에 있는 특정 폴더 삭제하기 혼자 쓰는 연습용 필요없는 레포면 상관없지만 팀과 함께하거나 codemasterkimc.tistory.com 2. 위 방법대로 안될 때 (강제 삭제) : git rm --cached -r "폴더명" [git] github에 잘못 올라간 폴더 및 파일 삭제하기 .gitignore를 잘 설정해놓지 않았을 경우, 불필요한 폴더나 파일들이 원격저장소인 githu..

개발자도구의 구성 탭 : 개발자 도구에서 사용할 수 있는 주요 기능 탭 Main 패널 : 주요 기능 탭이 바뀔 때마다 해당 기능으로 채워짐 Drawer 패널 : 주요 기능이 아닌 부가 기능이나 정보를 보여주는 영역 Elements html 및 css 코드 분석 및 실시간 수정 가능 쿼리의 요소를 자식으로 드래그해서 자식으로 변경하는 것도 가능 elements 의 디버깅 검사 가능 예) DOM breakpoints 에 엘리먼트를 변경시키는 (필요없다고 판단되는) 요소를 추가시켜 실행 마우스 우클릭 → break on → attribute modifications → DOM breakpoints 에 추가 Console clear : 모든 기록을 지움 컨텍스트 선택 영역 : 페이지의 프레임을 바꿔가면서 콘솔을..

CMD (Terminal) 기초 명령어 dir : 현재 폴더의 파일 목록 조회 cd : 해당 폴더로 이동 → 예) cd 폴더명 cd .. : 뒤로 가기 (back) 단축키 tab : 자동완성 파일탐색기에서 cmd 실행하기 git 기본 명령어 git --version 깃 버전 확인 git con --global init, defaultBranch main 깃의 브랜치를 master 에서 main 으로 변경 git config --global user.name "user name" 깃 유저명 설정 git config --global user.email "user mail address" 깃 유저메일 설정 git config --list 위 설정한 config 가 잘 되었는지 확인 git init 깃 저장소 ..

Git 내 컴퓨터 (local computer) 에서 작업한 버전 관리 시스템 내 컴퓨터에서 작업한 기록물에 대한 수정, 삭제등은 가능하지만 다른 사람과 해당 프로젝트를 공유할 수는 없음 Github 서버에 (remote computer) 에 프로젝트들을 공유하고 저장하는 저장소 깃의 확장 개념이기 때문에 본인의 프로젝트에 대한 기록 및 관리는 물론, 팀원과 협업하여 프로젝트를 진행할 수 있음 버전관리 (≒ 형상관리) 작업 내역에 대한 역추적 가능 (수정 이전 버전으로 롤백 기능) Repositories 깃허브의 저장소 깃에서 관리한 프로젝트를 해당 레파지토리에 올려서 버전 관리. commit 프로젝트의 코드가 변경될 때 레파지토리에 업로드 해 코드의 롤백을 가능하게끔 함 사진찍기 처럼 변화가 생기는 시..

indent-rainbow 코드의 들여쓰기 부분을 색깔을 넣어서 구분해줌 auto Rename Tag html 태그의 여는 태그를 수정할 경우, 닫는 태그도 자동으로 수정함 CSS peek (Window 사용시) ctrl+마우스 클릭하면, html 문서에서 해당 css 속성이 사용된 문서로 이동함 HTML to CSS autocompletion html 문서에서 작성한 클래스명을 css 문서에서 자동완성 가능하도록 함 css 문서에서 작성된 코드에 마우스를 가져다대면, 해당 css 속성이 html 문서의 어느곳에서 사용되었는지 확인할 수 있음 HTML CSS Support ctrl + space 입력 시, 해당 html 문서에 ID 또는 class 자동완성 및 link 나 style 등으로 연결된 스타일..