💖 Octotree - GitHub code tree octotree는 위의 그림과 같이 github에서 프로젝트의 내부 구조를 파악하기 쉽게 해주는 확장 프로그램입니다. https://chrome.google.com/webstore/detail/octotree-github-code-tree/bkhaagjahfmjljalopjnoealnfndnagc Octotree - GitHub code tree GitHub on steroids chrome.google.com
회사에서 매우 유용하게 잘 사용하고있는 커밋 메시지 템플릿! 💖 템플릿 파일 생성하기 - 커밋 시 Git은 commit.template 옵션에 설정한 템플릿 파일을 보여준다. - 커밋 메시지 템플릿을 지정하면 커밋 메시지를 작성할 때 일정한 스타일을 유지할 수 있다. 1. gitmessage.txt 생성 - git이 있는 현재 폴더 위치에서 아래 명령을 실행해 .gitmessage.txt 파일을 생성한다. touch .gitmessage.txt 2. gitmessage.txt 커밋 메시지 작성하기 ################ # () : # 제목은 50자 이내 / 변경사항이 "무엇"인지 명확히 작성 / 끝에 마침표 X # 타입과 제목은 필수 / 범위는 선택 # 예) feat : 로그인 기능 추가 # 바..
💖 .gitignore 파일이란? .gitignore 파일은 Git root 디렉토리에 저장되어, Git Repository나 Staginh Area에 추가되지 말아야 하는(무시되어야 하는) 폴더나 파일을 정의하는 파일입니다. # Logs logs *.log npm-debug.log* yarn-debug.log* yarn-error.log* lerna-debug.log* .pnpm-debug.log* # Diagnostic reports (https://nodejs.org/api/report.html) report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json # Runtime data pids *.pid *.seed *.pid.lock # Directory for instrumented l..
드디어 노마드코더 챌린지를 마무리 짓고, 정적 페이지를 만들기 위하여 글을 작성하게 되었습니다!! 과거 멋모르던 시전Api cors에러를 피하기 위해 node.js로 열심히 만들었던 기억있는데... 💖 깃허브 페이지(github page)란? 개발자라면 누구나 알고 있는 사이트인 Github는, 무료 티어 사용자가 공개 레포지토리에서 무료로 호스팅을 이용할 수 있도록 Github Pages라는 서비스를 제공한다. Pro 티어 사용자는 private 레포지토리에서도 사용할 수 있다. Github Pages는 기본적으로 HTML, CSS, 그리고 JavaScript로 구성된 파일을 구동하고 배포해 Static 웹 사이트를 호스팅할 수 있게 해주는 서비스다. 이 기능을 사용하게 되면 주로 github.io 라..
Visual Studio Code에서 반복적으로 소스제어에 나오는 10k+... 9k+... 이것을 삭제하는 방법은 찾아보고 해결하는 방법을 기록해 나의 개발생활을 윤택하게 만들것이다... 소스제어에 저렇게 뜨면 심히 불편하고 신경이 쓰여 지우고 싶은 충동이 들었다.(코드 짜는데 지장은 없다.) 저것을 지우려고 많은 시도를 하다가 결국 컴퓨터의 파일이나 폴더 등을 날려 다시 깔고의 반복의 늪에 빠져 마음 깊은 곳에서 우러나오는 깊은 빡침을 맛보았다. 최대한 안전하게 git을 지우는 방법을 알아보도록하자. 💖 VS CODE 소스제어 git 해결방법 현상의 문제점은 뭔가 폴더 혹은 내용이 많은 디렉토리(주로 desktop)에 실수로 .git을 만들어놓아서 그런 것이다. 저 디렉토리의 git을 지우면 깔끔하게..
갑작스럽게 git push가 되지 않았다. 어떻게 하면 해결 할 수 있는지 천천히 알아보도록 하였다. 등록되지 않은 기기에서 clone이나 push가 일어나면 인증문제로 발생되는 문제입니다. 결과적으로 유저의 ssh가 등록되지 않아 접근권한이 없어서 나오는 문제입니다. 💖 Permission denied (publickey)해결방법 🔊 1. Git Bach로 터미널 열기 🔊 2. 터미널에 작성해주세요 🎁 ssh-keygen -t rsa -C "깃허브 아이디" 🎁 ssh-keygen -t rsa -C "ghdtlsdnjs12@naver.com" 🔊 3. 비밀번호 설정 후 Enter Generating public/private rsa key pair. Enter file in which to save th..
깃과 깃허브를 사용할때 브런치를 빼 먹을 수 없는데 도대체 브랜치가 무엇이길래...? ✨ 브랜치에 대해 알아보도록 하자 ✨ 💖 브랜치(Branch) 1. 모든 버전 관리 시스템에는 브랜치(Branch)라는 개념이 있습니다. 브랜치는 원래 나뭇가지라는 뜻입니다. 버전 관리 시스템에서는 나무가 가지에서 새 줄기를 뻗듯이 여러 갈래로 퍼지는 데이터 흐름을 가르키는 말로 사용합니다. 2. 브랜치는 독립적으로 어떤 작업을 진행하기 위한 것입니다. 필요에 의해 만들어지는 각각의 브랜치는 다른 브랜치의 영향을 받지 않기때문에, 여러작업을 동시에 진행할 수 있습니다. 즉, 자유롭게 일할 수 있고 협업을 쉽고 편리하게 할 수 있도록 도와줍니다. 📑 브랜치 기능 💬 분기 - 새 브랜치를 만드는 것을 분기(Branch)라 ..
깃과 깃허브 둘의 관계는 무엇이며 어떤것을 지원하길래 수 많은 개발자가 이용하는 것일까? ✨깃허브에 대해서 좀 더 알아보도록하자.✨ 💖 깃허브(GitHub) 1. 깃허브는 소프트웨어 개발 프로젝트를 위한 소스코드 관리서비스(원격 저장소) 입니다. 소스코드 열람 및 간단한 버그정리, 버전관리 그리고 sns기능도 있는 호스팅 플랫폼 서비스입니다. 그래서 함께 개발한 소스코드를 공유할때 또는 상대로부터 받은 코드를 수정할때 굉장히 유용하게 쓰입니다. 2. 깃허브는 깃을 웹에서 보다 편하게 쓸 수 있도록 만든 도구입니다. 즉, 깃을 활용해서 짠 코드를 공유할 수 있는 공간이라 생각하면 됩니다. 예를 들어 깃에서는 명령어를 하나하나 입력해야 하지만, 깃허브는 웹그래픽 기반의 도구이기 때문어 서비스를 더 직관적으로..
- Total
- Today
- Yesterday
- Github
- Single Page Application
- 반복문
- ssh key
- Reat
- Visual Studio Code
- 비구조화(구조분해) 할당
- react-router-dom
- 마크다운
- SPREAD
- Multiple Page Application
- GIT
- MPA
- 콜백지옥
- 깃허브
- 4.0.3오류
- create-react-app
- 소스제어
- github.io
- 5.0.0버전 업
- Flexbox&CSS grid
- react
- Prettier
- localstorage
- 콜백함수
- await
- async
- JSON
- Execution_Policies
- vscode
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |