이미 커밋된 파일 및 폴더를 Git Ignore에 추가하기 프로젝트에서 특정 파일이나 폴더를 Git 추적에서 제외하고자 할 때 .gitignore 파일을 사용한다. 이미 커밋된 폴더를 .gitignore에 추가한다고 해서 이미 푸시되어있는 파일/폴더가 삭제되지 않는다. 아래 과정을 통해 추적을 중단할 수 있다. .gitignore 파일 업데이트 먼저, .gitignore 파일에 추적을 중단하고자 하는 폴더나 파일의 경로를 추가한다. 텍스트 편집기를 사용하여 .gitignore 파일을 열고, 무시하고 싶은 폴더나 파일의 이름을 추가한다. 캐시에서 폴더 제거하기 .gitignore에 추가한 후에도 Git은 이미 추적하고 있는 파일이나 폴더에 대해선 변화를 자동으로 인식하지 못한다. 따라서 다음의 명령어를 통..
문제 새로운 맥을 구입 한 후 깃에서 클론 하려는데 권한 에러가 발생했다. Permission denied (publicly). fatal: Could not read from remote repository. Please make sure you have the correct access rights and the repository exists. 원인 PC를 변경할 때마다 등록되지 않은 새로운 기기이므로 SSH키를 발급받아서 설정해야하는 당연한 상황이다. 해결방안 아래 명령어를 입력하면 SSH 키를 생성하는 과정이 시작된다. RSA 알고리즘을 사용하여 새로운 SSH 키 쌍(공개키와 비밀키)을 생성하게된다. ssh-keygen -t rsa -C "깃 이메일주소" 그럼 아래와 같이 문구가 나오고 엔터를 ..
리액트 환경 프로젝트 Github 배포 리액트 환경에서 생성한 SPA의 state, JSX, , props 같은 문법들은 브라우저가 해석할 수 없어 그대로 배포할 수 없다. 이런 문법들을 CSS JS HTML 문법으로 바꿔주는 작업이 필요하다. 이러한 작업을 컴파일(comfile) 또는 빌드(build) 라고 한다. 웹팩이 이러한 컴파일이나 빌드의 기능을 처리한다. gh-pages 설치 배포하고자 하는 react 앱의 root 에서 터미널을 통해 gh-pages 를 설치해준다. npm i gh-pages 설치가 정상적으로 완료됐다면 package.json 의 dependencies 에 gh-pages 가 생성된다. App()컴포넌트에 프로퍼티 추가 App()에서 BrowserRouter에 basename..
작성법 작성법 예시 뱃지 - Adobe - Adobe XD - Adobe InDesign - Adobe Photoshop - Adobe Illustrator - Adobe Premiere Pro - AmazonAWS - Anaconda - Android - Android Studio - AngularJS - Apache Tomcat - Atom - Bootstrap - CSS3 - C - C++ - django - Docker - Expo - Express - Firebase - Flask - Flutter - Git - GitHub - Go - Google Cloud - Google Colab - GraphQL - Heroku - HTML5 - Java - JavaScript - jQuery - JSO..
유저 아바타 변경 기능 multer를 사용해보자 이미지 업로드 버튼 클릭 시 파일을 첨부할 수 있도록 input태그를 사용했다. 이미지 업로드 onUploadHandler 함수 실행 시 유저가 input창에서 선택했던 파일을 FormData를 사용해 avatar라는 키의 값으로 넣어준다. 그리고 post통신으로 서버에 데이터를 보낸다. body에는 formData가 들어간다. const onUploadHandler = useCallback( (e) => { e.preventDefault(); const formData = new FormData(); formData.append('avatar', e.target.files[0]); fetch(`${process.env.API_SERVER}/api/user..
내가 직접 겪고 해결한 에러들을 모아둔 글이다. 새로운 에러를 맞이할 때마다 업데이트할 예정. adding embedded git repository 해당 디렉터리를 다시 add 하기 위해 git 캐시 제거 sudo git rm --cached jpro-profile/src/vendor/scssphp/scssphp .git 파일 검색 sudo find -name '.git’ root 경로의 .git 파일을 제외하고 모두 제거 sudo find . -mindepth 2 -name '.git' -prune -exec rm -rf {} + Desktop에 .git 설치 됐을 때 터미널에 입력하여 root repository 확인 git rev-parse --show-toplevel 해당 경로로 이동 cd /u..
기본 작성 Markdown 언어를 이용해 작성한다. 뱃지 기술 스택이나 사용 툴 등을 간결하게 표현하고 싶을 때 인스타, 블로그 등 다양한 바로가기 링크들을 깔끔하게 나타내고 싶을때 로고와 공식컬러를 포함한 예쁜 아이콘 뱃지 Simple Icons 2435 Free SVG icons for popular brands simpleicons.org 방법1 https://shields.io/ 사이트에 가서 직접 커스텀하기 방법2 아래 코드 복사해서 적절히 변형하기 (링크도 추가할 수 있다) 이름 : 뱃지에 쓸 이름(내용) 색상코드 : # 제외하고 입력 (ex. #FFCA28 -> FFCA28) 로고명 : 아이콘 이름 정확하게 입력 로고색 : 로고의 색 방문자 수 HITS Easy way to know how ..
Mac 사용자의 기준에서 작성되었음 Git 깃은 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템이다. 1. Git 설치/삭제/업데이트 홈브루를 통해 깃과 VScode를 설치한다. homebrew 설치 /bin/bash -c "$(curl -fsSL [https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"](https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)") brew경로 환경변수에 추가 echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >/Users/PC계정명/..
