JNarin Development Story

오늘은 Git Branch에 대한 명령어를 위주로 정리를 해보려고 한다. 1. 원격 저장소 브랜치 확인하기 $ git branch -r 위 명령어는 원격 저장소에 브랜치가 무엇이 있는지 확인을 위한 명령어다. 실제 예시는 아래 이미지와 같다. 먼저 현재 로컬에 있는 브랜치는 main, dev가 있다. 그러나, 원격에는 origin/gh-pages가 하나 더 있는 것을 확인할 수 있다. 물론 개인 프로젝트라면 확인하는데 문제는 없지만, 회사 프로젝트나 다른 프로젝트로 할 경우 Github에서 확인할 수 없기에 유용하다.

저번에는 CSS에서 변수를 사용하는 방법을 알아보았다. 그렇다면 당연히 SCSS 또한 변수를 사용하는 것 같아 개인 프로젝트에 투입하면서 찾아보게 되었다. 그리고 그 방법이 있고, 몇 가지는 정리하고 싶어서 적게 되었다. 1. Variables 1-1. 변수를 사용하는 방법 SCSS 변수는 다음과 같다. $large-font: 3rem; $small-font: 0.5rem; $main-color: purple; 1-2. 변수를 실제 사용 변수를 실제 SCSS에 적용시 예시는 다음과 같다. body{ font-size: #{$large-font}; color: #{$main-color}; } 2. Mixins 2-1. 믹스인 사용 방법 믹스인은 CSS를 여러개 묶어 재사용을 할 수 있는 모듈을 만들어 주는..

프로젝트를 하다 보면 공통적으로 많이 들어가는 CSS내용이 반복되기도 한다. 그 부분을 변수로 통일하여 사용을 하는 방법을 알게 되어 적으려 한다. CSS 변수 선언하는 방법 --variable-name: value; 여기서 variable-name은 개인이 직접 변수명을 정의하는 것이다. 그리고 그 변수명 뒤로 value 또한 변수에 대한 값을 적는 것이다. CSS 변수 사용하는 방법 property: var(--variable-name); 예제 방법만으로는 이해할 수 없으니 예시를 보여주려 한다. 여기서 root는 CSS는 최상단 CSS에 작업을 하면, h1에서 변수를 사용하듯 어디에서나 사용할 수 있다. 이렇게 쓰이면 실무에서는 메인컬러를 변수로 사용하면 필요에 따라 전체 칼라를 손쉽게 바꿀 수 있..

로컬이나 원격에서 커밋을 하다가도 실수로 잘못 커밋하는 경우 되돌리고 싶은 경우가 생긴다. 오늘은 로컬에서 저장한 커밋을 되돌리는 방법을 정리하려고 한다. 로컬에서 git commit을 취소하는 방법 먼저 실수로 잘못 저장된 커밋이 몇 개인지 확인을 한다. 현재 커밋을 되돌리고 싶은 부분은 아래 네모 박스로 표시한 이 부분이다. 좌측에 보시면 커밋이 되지않은 저장된 파일 1개가 보인다. 다음은 git commit을 취소하여 commit 전 add .을 한 상태로 되돌리는 방법이다. git reset --soft HEAD^ 로컬에서 실수로 커밋을 할 경우 바로 이전에 git 명령어를 취소하는 방법이다. 아래에 보면 위에서 보던 commit이 사라지도 그 밑 커밋으로 돌아오는 것을 확인할 수 있다. 왼쪽에는..