짱짱해커가 되고 싶은 나

git pull : 브랜치가 가리키고 있는 커밋 이전의 모든 커밋을 가져와서 머지 하는것. git fetch : 브랜치가 가리키고 있는 커밋 이전의 모든 커밋만을 가져오고 머지는 하지 않는것. -> 리모트 레포지토리의 내용을 우선 살펴보고 필요한 경우 머지 한다. -> 또는 리모트 레포지토리에 있는 브랜치와 내가 작성한 코드를 비교해서 잘못된 부분이 없는지 검토 한다. git blame 파일이름 : 어떤 파일의 특정코드를 누가 작성했는지 찾아내기 위한 커맨드 git revert 커밋id : 해당 커밋의 작업을 거꾸로 되돌리고 커밋한다. (리모트에 올렸을 경우에 reset은 바로 push 불가) git revert 커밋id1..커밋id2 : 커밋id1 다음부터(커밋id1은 포함되지 않음) 커밋 id2까지 ..

git은 나무 모양을 하고 있는데 가장 처음 한 커밋을 root commit이라고 하고, 이 루트 커밋을 기준으로 나뭇가지가 갈라진 모양이다. (branch) branch : 하나의 코드 관리 흐름, 프로젝트에 대한 버전으로 볼 수 있다. 마스터 브랜치 : 레포지토리를 만들고 커밋을 하면 자동으로 생기는 브랜치(기본 브랜치) branch : 어떤 커밋을 가리키는 존재(포인터), 커밋은 이전 커밋의 정보를 갖고 있기 때문에 이전 커밋으로 이동할 수 있고 따라서 branch로 흐름을 관리 할 수 있는 것이다. head : 어떤 커밋을 가리키는 존재(포인터), head는 branch를 가리키는 것으로 간접적으로 커밋을 가리키는 것이다. git branch 브랜치이름 : 브랜치 생성 git checkout 브랜..

Commit History : 여태까지 한 커밋들 git log : commit history를 보여줌, 가장 오래 된 커밋이 가장 아래에 있다. git은 각각의 커밋에 id(해시)를 붙여서 관리한다. commit author, date, commit message 등이 history에 들어있다. git log --pretty=oneline : commit message만 보여주면서 한 줄로 보여준다. HEAD는 어떤 커밋 하나를 가리키는데 보통 가장 최근에 한 커밋을 가리킨다. working directory의 내부는 HEAD가 가리키는 커밋에 따라 다르게 구성된다. git reset --hard commitId : 해당 커밋으로 갈 수 있으며 hard옵션은 워킹 디렉토리도 과거 커밋으로 바뀐다. (과..

GitHub : 프로젝트 디렉토리에서 작업하던 내용을 그대로 외부의 컴퓨터에 전송 가능 즉, 레포지토리(프로젝트 디렉토리에 있는 모든 변경 이력이 담겨 있음)를 전송할 수 있다는 것을 의미 그러면 외부 컴퓨터에서 작업과 버전 관리 가능. GitHub에서 만든 레포지토리를 원격 레포지토리/리모트 레포지토리라고 한다. 실제 컴퓨터에 있는 레포지토리는 로컬 레포지토리라고 한다. GitHub에서 레포지토리를 만들면 업로드 방법에 대한 설명이 나와있다. remote : 원격 레포지토리에 관한 작업을 할 때 사용 add : 새로운 레포지토리 등록 origin url : url의 리모트 레포지토리를 orgin이라는 이름으로 등록한다. git push -u origin master : 로컬 레포지토리에 있는 maste..

* 레포지토리(repository) 프로젝트 디렉토리 안에는 프로젝트와 관련된 파일들이 들어 있다. git으로 프로젝트 디렉토리의 버전을 관리하면서 프로젝트 디렉토리들을 기록하는 곳을 레포지토리라고 한다. git을 쓰면 프로젝트 디렉토리 안에 .git디렉토리(숨겨진 디렉토리)가 생기고 이 디렉토리가 레포지토리다. 이 안에는 변경된 정보들이 담겨 있다. (커밋이 저장되는 곳이라고 할 수 있다) * 커밋(commit) 프로젝트 디렉토리를 하나의 버전으로 남기는 행위 및 결과물을 커밋이라고 한다. git은 내부적으로 크게 3가지 종류의 작업 영역을 두고 동작한다. - working directory(working tree) : 작업을 하는 프로젝트 디렉토리 - staging area(index) : git a..

프로젝트 계획 - 네비게이션 바 - 헤더이미지 - 아이템 메뉴 (3 * 3) - 푸터 Contact Shop Cart Login Our new Products Sunglasses 49,000 Tassel Loafer 89,000 Begie Bag 69,000 Sneakers 79,000 Slippers 29,000 Wrist Watch 99,000 Fedora Hat 39,000 Classic Loafer 99,000 Pink Bag 79,000 * { box-sizing: border-box; } body { margin: 0; min-width: 992px; font-family: "Helvetica"; } .navbar{ height: 60px; padding-left: 30px; } .logo{ ..

* static position 원래 있어야 할 포지션에 존재 (default : 포지셔닝이 안 된 요소) * relative position 원래 있어야할 위치 기준 * fixed position 브라우저 기준으로 스크롤해도 고정되어 있다 & 원래 있어야 하는 공간에 그 자리가 남아있지 않다. ex) 네비게이션 바 * absolute position 가장 가까운 포지셔닝이 된 조상(ancestor) 위치 기준

display 속성 - inline, block, inline-block, list-item, table, flex, none 등 모든 element 요소는 display 속성 중 단 하나를 갖고 있다. CSS에서 display로 변경할 수 있다. inline display ex) , , , , , - 다른 요소들과 같은 줄에 머무르려 함. - 텍스트처럼 다룰 수 있음 - 가로 길이는 필요한 만큼 차지 - width, height 지정 불가 (img는 width, height 지정 가능) block display ex) ,, , , , - 새로운 줄에 가려고 함. - 가로 길이는 최대한 많이 차지 inline-block display - 같은 줄에 머무르려 함. - 텍스트처럼 다룰 수 있음 - weigh..