코드잇스프린트

🐝 브랜치 전략여러 개발자가 하나의 저장소를 사용하는 환경에서 해당 저장소를 효과적으로 활용하기 위한 work-flow(작업 흐름)- 참조 블로그 아래는 깃 플로우를 검색하면 나오는 가장 대표적인 이미지입니다.깃 플로우에는 5가지의 브랜치 종류가 존재하며 개발의 목적에 따라 사용하게 됩니다.main(master): 실제로 제품이 출시되는 주 브랜치develop: 다음에 출시할 버전을 개발하는 주 브랜치feature: 추가적인 기능을 개발하는 보조 브랜치, develop 브랜치에 포함됨release: 이번에 출시할 버전을 준비하는 보조 브랜치, develop 브랜치에서 개발한 내용을 해당 브랜치로 옮겨와 QA 및 테스트를 진행함hotfix: 출시된 버전(main 브랜치)에서 발생한 버그를 수정하는 보조 ..

👾 Merge Commit(3-way merge)두 브랜치의 변경 사항(history)을 모두 유지하며 메인 브랜치에 다른 브랜치를 병합(merge)합니다.이 경우 각 브랜치의 변경 사항들이 과거의 커밋으로 보존되며,병합 시 메인 브랜치에 새로운 'merge commit'이 추가되며 병합이 완료됩니다.feature 브랜치의 가장 최근 커밋이 메인 브랜치로 병합되는 것을 볼 수 있습니다. 아래의 그림과 같이 3개의 커밋을 고려하여 병합이 이루어지기 때문에 3-way라는 이름이 붙여졌습니다.1번은 두 브랜치의 공통 조상이 되는 커밋,2번은 분기된 브랜치가 가리키고 있는 커밋,3번은 다른 브랜치가 가리키고 있는 커밋입니다. 장점프로젝트의 진행 상황을 명확히 추적할 수 있음브랜치 별 변경 사항이 유지되므로 커..

🌱 정의CSS에서 하나의 요소에 여러 개의 스타일이 지정되어 충돌이 발생할 때, 어떤 스타일을 우선적으로 적용할 지 결정하는 규칙CSS는 Cascading Style Sheet의 약자로, Cascade(종속, 작은 폭포, 계단식)는 여기서 가장 첫 번째로 위치한 단어인 만큼 매우 중요한 개념입니다. 개발을 진행하는 과정에서 여러 선택자를 사용하여 요소의 스타일을 지정하게 되는데, 같은 요소에 여러 스타일을 적용한 경우 내가 원하는 스타일이 적용되지 않는 상황이 발생할 수 있습니다.충돌이 발생한다고 해서 에러가 나는 것은 아니고, 충돌된 스타일 중에서 우선순위 및 가중치에 따라 무시할 스타일을 정하게 됩니다.이때 캐스케이드의 개념을 이해하고 있다면 어떤 스타일이 충돌된 것인지 찾아내어 제어할 수 있습니다..

🌱 staticposition 속성은 일반적인 글의 흐름에 따라 배치되는 요소를 흐름에서 벗어나 자유롭게 배치하고 싶을 때 사용합니다.'static'은 position 속성의 기본값으로 요소를 일반적인 흐름에 따라 배치합니다.각각의 요소들은 작성되는 순서대로 우리가 글을 읽는 방향인 왼쪽에서 오른쪽으로 / 위에서 아래로 배치됩니다.특정 요소 a에 여백을 설정하면 주변 요소들도 해당 값만큼 밀려납니다. 브라우저에서 위치를 정할 때의 기준은 다음과 같습니다. 각각의 속성값을 다르게 주고 싶을 때는 아래와 같이 쓰면 되고,example1 { top: 10px; right: 15px; bottom: 8px; left: 20px;}만약 네 가지 값이 모두 같다면 inset이라는 속성을 사용하여 ..