세줄코딩

git branch 관련 명령어 git branch 현재 로컬 브랜치 목록 보기 git branch -r 현재 원격 저장소 목록 보기 git checkout temp 브랜치 이동 git checkout {새로운 로컬 Branch 이름} git checkout -b develop master master을 기준으로 로컬에 새로운 브랜치를 생성합니다 git checkout -b develop origin/develop 브랜치 생성 및 체크아웃(이동) 원격 브런치가 이미 존재 할 경우 원격 브런치를 기준으로 로컬 브랜치를 만드는 방법 checkout 명령에 -b 옵션을 넣으면 브랜치 작성과 체크아웃을 한꺼번에 실행 git checkout -b {새로운 로컬 Branch 이름} {원격 저장소 별칭}/{원격 Br..

git 원격 저장소 연결 git status 현재 진행 상태 git log —oneline 간단한 커밋해시와 제목만 보고 싶을때 git log —oneline —graph —decorate HEAD와 관련된 커밋들을 조금 더 자세히 보고 싶을 때 git log —oneline —graph —all —decorate 모든 브랜치들을 보고 싶을때 사용하는 명령 git log —oneline -n5 내 브랜치의 최신 커밋 5개만 보고 싶을때 사용 git blame note 특정 파일의 수정 이력을 확인할 수 있다. 각 라인별로 누가, 언제 마지막으로 수정 했는지 알 수 있다. git blame test.txt test.txt 파일의 수정 이력을 확인 git blame -L 5,10 test.txt test.t..

git 원격 저장소 연결 git remote add origin - 브랜치 이동 git checkout {새로운 로컬 Branch 이름} git clone [새로운 폴더명] 복제하려다 실패하는 대부분의 이유는 폴더명을 생략하면 자동으로 프로젝트 이름과 같은 이름의 폴더가 새로 생성되는데 보통 이름이 이미 존재할 경우라 그런다. 에러 fatal: destination path ‘폴더명’ already exist and is not an empty directory.

Box shadow - https://brumm.af/shadows brumm.af brumm.af Gradient - https://www.grabient.com/ Grab yourself a gradient Beautiful and simple UI for generating web gradients. www.grabient.com Easing ( cubic-bezier ) - https://easings.net/ko# Easing Functions Cheat Sheet Easing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant spee..

README.md 요새는 대체로 작업할 때 git을 많이 쓰게 된다. 그러다 보니 readme.md 파일에 많은 정보를 기재하고 그것을 가지고 가이드로써 전달한다. 예전처럼 산출물에 대한 가이드를 html table 코딩하여 전달하지 않게 되었다. 물론 Task list는 테이블 형식이긴 하다. 하지만 안타깝게도 그러한 추세에도 마크다운 형식의 파일을 원하지 않는 곳도 있고 하기에 결국 ppt파일이나 html 로 작업목록을 작성해 전달해야 할때가 있다. 그렇다고 이러한 방식을 접을 순 없다...... 찾아보니 역시역시!!!!!!!!!!!!!!!!!!!!!!! markdown -> html 변환작업을 해주는 라이브러리가 있으니 그것은 바로 markedjs 백문이 불여일견. 작성된 README.md 파일을 ..

1. 오픈 그래프 오픈그래프 프로토콜은 페이스북에서 처음 만들어졌으며, Dublin Core, link-rel canonical, Microformats, 그리고 RDFa로부터 영감을 받았다. 오픈그래프는 어떤 HTML 문서의 메타정보를 쉽게 표시하기 위해서 메타정보에 해당하는 제목, 설명, 문서의 타입, 대표 URL 등 다양한 요소들에 대해서 사람들이 통일해서 쓸 수 있도록 정의해놓은 프로토콜이며 페이스북에 의하여 기존의 다양한 메타 데이터 표기 방법을 참조하여 만들어졌다. 그 간편함으로 인하여 현재는 그 창시자인 페이스북은 물론이고, 네이버 블로그, 카카오톡 등에서도 널리 사용하고 있다. 미리보기를 통해 보는 제목, 설명, 이미지는 이렇게 HTML 문서의 head에 표기된 오픈그래프 프로토콜에 의해서..

NVM ( node 버전 관리 ) 노드 기반 즉 의존성이 포함된 라이브러리를 많이 쓰는 경우에 협업자들끼리 node 버전을 맞추지 않으면 매번 의존성 라이브러리들을 설치하거나 깃에서 충돌이 날 것이다. 이럴때 간편하게 node 를 설치하고 버전관리를 해주는 것이 nvm 이라는 것이 있다. note: curl 로 설치 sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash sudo 명령어를 썼기에 사용자 비번 넣으라고 나올 것이다. 가볍게 비번을 넣어주면 설치 뙁 ~!!!! 설치 후 잘 설치 되었는지 터미널에서 확인 nvm ls-remote command not found 라는 문구가 뜨면서 안되는 경우..

add / commit / log git add test.txt test.txt 를 스테이지에 저장. git add . 폴더의 전체 변경 사항 지정 git commit -m '기록할 메세지' 입력한 메세지와 함께 커밋 git commit -am '기록할 메세지' 스테이지와 커밋을 한번에 실행. git commit --amend 이전 커밋에 변경사항을 추가할때 git log 커밋한 결과 확인 ( 주의 - 모든 목록이 나온다 ) git show 최근 커밋 확인( 주의 - 변경 내역까지 다 나옴 ) git show --stat 최근 커밋 요약해서 보기. ( 추천 ) git log --graph 에디터의 그래프 보듯 예쁘게 히스토리 보기. git status 현재 진행 상태 git ..