git cherry-pick

cherry-pick은 갈라져있는 브랜치에서 내가 원하는 commit 만 똑 떼서 가져오는 깃 명령어이다. 나는 main branch에 cherry-pick branch에 있는 버그수정을 떼오기를 원한다. 어떻게 해야할까? git cherry-pick [commit 해쉬값] 다음처럼 충돌이 났는데 당황하지 말고 conflict 해결하듯이 하면 된다.

git revert , git revert conflict

git commit main 이 있다. 어떤 내용이 변경되었는지 한번 확인해보자. 다음 내용이 변경되어있다. 이 커밋을 revert 해보자. commit main 으로 바뀐 부분이 다시 그 전으로 돌아간 것을 알 수 있다. revert는 정리하면 해당 commit 이전으로 돌려버리는 것이다. revert 충돌 git history의 뒷부분 commit 을 revert 할때 이후 commit 과 충돌이 나는 경우가 있다. 한번 코드를 보면서 어떤 경우에 충돌이 발생하는지 살펴보자. (commit 이름이 둘다 main이라 죄송합니다. 편의상 top-bottom 순으로 앞main, 뒷main 이라고 하겠습니다) 뒷main은 lala.html의 7번째 라인이 변경된 모습이다. 앞 main도 lala.html 7..

git reset

문제 가정 hard 리셋을 git graph 익스텐션을 사용해서 한번 해보자. 프로젝트를 진행하다가 기능구현을 위해 reset/test branch를 생성했다고 가정하자. 그런데 추가4를 구현하는 도중 엄청난 오류가 발생해서 처음부터 다시 시작해야하는 상황이 되었다. 그래서 추가 commit으로 되돌아가기로 했다. --hard kimdong-yeong@gimdong-yeongs-MacBook-Pro Boxiting-1 % git checkout reset/test git reset --hard b84d08ade14c1e422bcffd6df7a1a3cd756c6912 다음과 같이 reset --hard는 이후 커밋은 모두 날려버린다. 이제 코드를 수정한후 add commit 을 하면된다. 또한 push를 ..

팀 개발을 위한 Git, GitHub 입문 보고 새롭게 알게된 점2

https://inf.run/g1kf 팀 개발을 위한 Git, GitHub 입문 - 인프런 | 강의 개인 프로젝트부터 현업 개발까지, 팀 개발에 필수적인 기술인 Git과 GitHub을 그림을 통해 쉽게 익힙니다. 아예 처음 익히는 분부터 실무 사례가 궁금한 분까지 모두 들으실 수 있습니다. CLI, GUI를 www.inflearn.com 이 글은 진유림님의 팀 개발을 위한 Git, GitHub 입문 강의로 보고 작성한 글입니다. 참고 origin은 원격에 올라간 log 이고 origin이 없는 것은 local 이다. branch branch 는 기능추가 할때 만든다. branch는 HEAD 를 기점으로 만들어진다. branch를 만들때는 항상 HEAD가 어디를 가르키고 있는지 인지를 한 후 만들어야한다...

팀 개발을 위한 Git, GitHub 입문 보고 새롭게 알게된 점

https://inf.run/g1kf 팀 개발을 위한 Git, GitHub 입문 - 인프런 | 강의 개인 프로젝트부터 현업 개발까지, 팀 개발에 필수적인 기술인 Git과 GitHub을 그림을 통해 쉽게 익힙니다. 아예 처음 익히는 분부터 실무 사례가 궁금한 분까지 모두 들으실 수 있습니다. CLI, GUI를 www.inflearn.com 이 글은 진유림님의 팀 개발을 위한 Git, GitHub 입문 강의로 보고 작성한 글입니다. git clone git clone 할때 뒤에 . 을 찍어줘야 현재 폴더에 내려받을 수 있었다. . 을 찍지 않으면 새 폴더를 생성한다고 한다. 이때까지 . 안찍었는데.. git clone https://github.com/아이디/이름.git . 협업자 에게 내 GITHUB 레포..

[CSS Grid] 영역 이름 사용하기 grid-template-areas

grid-template-areas 각 영역에(Grid Area)에 이름을 붙이고, 그 이름을 이용해서 배치하는 방법입니다. 위 레이아웃을 grid-teplate-areas로 표현하면 다음과 같습니다. .container { grid-template-areas: "header header header" " a main b " " . . . " "footer footer footer"; } 점은 빈칸을 의미합니다. 사용방법 우선 다음과 같은 html 파일이 있습니다. Header Sidebar A Sidebar B Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem voluptatibus quam rerum facilis sit fug..

[CSS Grid] grid-column, grid-row

다음과 같은 레이아웃이 있다. 위 레이아웃에 다음과 같은 코드를 적용하면 어떻게 될까? 다음과 같다. column은 파란색 , row는 초록색이다. 위 처럼 가변적으로 item 이 크기를 조절할 수 있는 것이다. 근데 저렇게 column과 row 의 line 이 있으려면 다음처럼 행, 열중 하나는 고정되어 있어야 되는 것 같다. 다음 코드에서는 columns 이 grid-template-columns 로 세개만 배치되도록 고정되어있다. grid-template-columns: repeat(3, 1fr); grid-auto-rows: minmax(100px, auto); 다음 코드를 적용하면 어떻게 될까? 주석도 한번 보자. 더보기 C item 의 시작이 row 3번째 행으로 바뀌는 것을 알 수 있다. 이..

[CSS] Grid grid-auto-rows

grid-auto-rows 에 대해 배워보았다. 아! 물론 grid-auto-column 도 있다. 하지만 주로 사용되는 것은 grid-auto-rows 라고 한다. 대체 어떤 용도로 사용되는 것일까? 다음 레이아웃을 보자. 위 처럼 레이아웃이 잡힌다. 그런데 조금 이상하다. 아이템 F , I 가 있는 행에는 minimum height 가 적용이 되지않은 모습이다. 그 이유는 grid-tempate-rows : repeat(3, minmax(100px,auto)) 3으로 하드코딩이 되어있기 때문이다. 만약 동적으로 데이터가 계속 추가되는 상황이면 어떻게 해야할까? repeat(5, minmax(100px,auto)) 이렇게 repeat 내부의 숫자를 계속 바꾸어 줄 수 없는 노릇이다. 그럴 때 사용되는 ..

[CSS] Grid - gap

https://studiomeal.com/archives/533 이번에야말로 CSS Grid를 익혀보자 이 포스트에는 실제 코드가 적용된 부분들이 있으므로, 해당 기능을 잘 지원하는 최신 웹 브라우저로 보시는게 좋습니다. (대충 인터넷 익스플로러로만 안보면 된다는 이야기) 이 튜토리얼은 “ studiomeal.com GAP gap 을 20px 을 준 레이아웃은 다음과 같다. 이전에는 grid-gap 이라는 이름으로 사용했다고 한다. row-gap column-gap

[CSS] Grid auto-fill , auto-fit

https://studiomeal.com/archives/533 이번에야말로 CSS Grid를 익혀보자 이 포스트에는 실제 코드가 적용된 부분들이 있으므로, 해당 기능을 잘 지원하는 최신 웹 브라우저로 보시는게 좋습니다. (대충 인터넷 익스플로러로만 안보면 된다는 이야기) 이 튜토리얼은 “ studiomeal.com 일분코딩님의 글을 일부 발췌하고 저의 생각을 조금 붙여봤습니다. 자세한 내용은 위 글을 참고해주세요. auto-fill과 auto-fit auto-fill과 auto-fit은 column의 개수를 미리 정하지 않고 설정된 너비가 허용하는 한 최대한 셀을 채웁니다. auto-fill 먼저 살펴 봅시다. .container { grid-template-columns: repeat(auto-fil..