Codesigner

지금까지 박스 모델의 컴포넌트: 콘텐츠, 테두리, 패딩에 대해서 알아보았다. 이번 포스팅에서는 네 번째 컴포넌트이자 마지막 컴포넌트인 마진(margin)에 대해서 알아보자 Margin I 마진은 박스의 외부의 공간을 말한다. margin 속성으로 이 공간의 크기를 조절할 수 있다 p { border: 1px solid aquamarine; margin: 20px; } 위 코드는 모든 p 요소의 박스 외부에 20px만큼의 공간을 설정한다. 이는 다른 HTML 요소들이 각 p 요소들과 적어도 20px 만큼 떨어져야 한다는 것을 의미한다. 만약 한 방향에 대해서만 외부 공간을 설정해주고 싶다면, 다음과 같은 속성을 사용할 수 있다 margin-top margin-right margin-bottom margin..

이번 포스팅에서는 저번 포스팅에서 이어 Git에서 제공하는 여러 고급 기능들을 소스트리에서 활용해 볼 것이다. 커밋에 태그를 지정하고, 커밋을 되돌리는 등 여러 기능을 실습을 통해서 알아보도록 하자. 저번 포스팅에서 활용한 Git 프로젝트를 그대로 활용할 것이니 만약 실습을 따라 해보고 싶다면 이전 포스팅을 따라하여 실습 환경을 구성하도록 하자. 여기서는 new_branch를 사용하지 않으므로 삭제하고 시작하도록 하자 태그 - tag 소스트리에서 태그를 다는 방법은 두 가지가 있는데, 커밋 히스토리 상에서 태그를 달고자 하는 커밋에 마우스 우클릭 - 태그 버튼을 클릭하는 방법과 상단 메뉴의 태그 버튼을 눌러서 달아주는 방법이 있다. 여기서는 apple 커밋에 v0.1라는 태그를 달아보도록 하겠다 고급 옵..