본문 바로가기

💡 etc.4

[Git] 폴더 이름 소문자 변경하기 Local 폴더에서의 폴더명을 바꿨었다. 자꾸 컴포넌트를 생성했었던 버릇 때문에 첫문자를 대문자를 썼었다가 public/Data > public/data로 변경했던 것이다. 그런데 멘토님에게 이런 피드백을 받게 되었다. 아무 생각없이 변경됐겠거니 push를 했는데 GitHub에 들어가보니 여전히 Data로 폴더명이 적혀 있었다. 찾아보니 Git은 파일명만 일치하면 같다고 인식하기 때문에 대소문자 변화는 인식하지 못 한다고 한다. 그래서 폴더명을 변경할 때 사용하는 명령어가 git mv 이다. Git mv ? 과정은 다음과 같다. 0. 현재 파일명을 확인한다. git ls-files 1. git mv [기존 이름] [변경할 이름] 을 작성한다. git mv src/Home src/home 2. 이름을 변.. 2022. 5. 29.
VS Code HTML 자동완성 템플릿 사용하기 HTML을 작성하다 보면 항상 동일하게 입력해야하는 부분이 있다. 그걸 Visual Studio Code에서 매번 칠 필요없이 양식을 불러올 수 있는데 어떻게 하는지 알아보자. 1. 하단에 HTML로 설정이 되어 있는지 확인 필요 우선 사용하고자 하는 HTML 파일을 생성한 후, VS Code 하단에 설정을 확인해보자. HTML 이라고 제대로 설정되어 있으면 괜찮지만 그렇지 않으면 HTML 으로 바꿔줘야 한다. 2. ! + Tab 혹은 html:5 입력 ! + Tab 혹은 html:5 를 작성하게 되면, VS Code에 입력되어 있던 기존 HTML 템플릿이 자동완성된다. 3. 템플릿 수정하기 그럼 이 자동완성 된 템플릿은 어떻게 수정할까? VS Code 하단에 위치한 설정 아이콘을 눌러 사용자 코드 조각.. 2022. 1. 11.
JS Code Extension 플러그인 추천 1. Material theme 작업환경 테마 설정 가능 2. Material icon theme 파일 종류 별로 아이콘 가시성 증대 3. Prettier 코드 포맷 설정. Cmd + , 로 이동 4. bracekt pair colorizer 코드 괄호마다 색상 표시 5. Indent-rainbow 들여쓰기 부분마다 색상 표시 6. Auto rename tag 열린태그 수정 시 닫힌태그 자동 수정 7. CSS Peek HTML에 적용 된 CSS 바로찾기 가능 (Cmd + click) 8. HTML CSS Support 만들어놓은 CSS를 HTML에서 사용 가능 9. Live Server 웹에서 프로젝트 확인 가능. 커맨드 팔렛트에 >live Server: Open with Live Server 입력하고 .. 2022. 1. 8.
Bitnami MAMP로 HTML 연결하기 1. bitnami MAMP 설치하기 https://bitnami.com/stack/mamp MAMP MAMP packaged by Bitnami provides a complete, fully-integrated and ready to run MAMP development environment. In addition to PHP, MySQL and Apache, it includes FastCGI, OpenSSL, phpMyAdmin, ModSecurity, SQLite, ImageMagick, xDebug, Xcache, OpenLDAP, ModSec bitnami.com 사이트에 접속해서 아래쪽으로 내리면 이렇게 버전별로 다운로드 버튼이 있다. 최신버전으로 다운로드를 해주자. 다운로드를 다 받으면 .. 2022. 1. 7.

티스토리툴바