Git Flow 브랜치 전략에 대해 설명해 주세요.1. Git Branch 전략효과적인 깃 협업을 위한 브랜치 관리 방식work flow 및 브랜치 규칙 정의 후 이에 따라 작업 수행깃 브랜치 전략Git FlowGitHub FlowGitLab FlowTBD(Trunk-Based Development) 등2. Git FlowVincent Driessen이 제안한 대표적인 브랜치 전략브랜치 종류main : 제품 배포develop : 제품 개발feature : 기능 개발(병합 후 삭제)release : 제품 준비(병합 후 삭제)hotfix : 제품 버그 수정(병합 후 삭제)전략 흐름feature에서 기능 개발 후 develop에 병합develop에 기능 쌓이면 release로 분기release에서 제품 준비 ..

Git에서 branch merge 방법들과 각 방법의 특징을 설명해 주세요. 1. Merge분리된 branch를 하나로 합치는 작업 2. Merge 전략2-1. Fast-Forward 두 branch가 이전/이후 관계일 때의 merge 전략별도의 merge commit 없이 HEAD의 위치를 최신 commit으로 이동함 2-2. 3-Way 두 branch가 공통 조상을 두고 분기했을 때의 merge 전략공통 조상 commit과 각 branch의 최신 commit을 이용하여 merge 진행merge 진행 후 별도의 merge commit이 생성됨다양한 3-Way 전략이 있음Resolve초기 3-Way Merge 전략Recursive2005년부터 resolve 전략을 대체공통 조상이 없어도 재귀적으로 mer..

position의 속성들과 각각의 특징을 설명해 주세요.1. position문서 상에 요소를 배치하는 방식을 지정하는 CSS 속성position 속성에 특정 값을 대입할 경우 "포지셔닝했다"고 표현함position 속성값에 따라 추가적인 오프셋 속성(top/right/bottom/left, 단축 속성 inset)을 사용함2. position 속성값static, relative, absolute, fixed, sticky2-1. static기본값일반적인 문서 흐름에 따라 배치문서 흐름에서 유지오프셋 속성이 영향을 끼치지 못함2-2. relative일반적인 문서 흐름에 따른 위치를 기준으로 상대적인 위치에 배치문서 흐름에서 유지오프셋 속성으로 위치를 지정할 수 있음2-3. absolute가장 가까운 포지셔닝..

시맨틱 태그를 사용하면 좋은 점을 설명해 주세요. 1. 시맨틱 태그의미론적 태그담고 있는 내용의 의미(목적, 역할)를 나타내는 태그 2. 시맨틱 태그의 이점2-1. 개발자 측면HTML 코드의 가독성이 높아지고 유지보수가 용이해짐CSS 선택자가 div와 span처럼 의미 없는 태그로 이뤄졌을 떄보다 훨씬 명확해짐 2-2. SEO 측면Search Engine Optimization, 검색 엔진 최적화검색 엔진은 의미 없는 태그보다 시맨틱 태그에 더 많은 가중치를 부여함검색 결과 페이지에서 높은 순위를 가질 가능성이 높아짐 2-3. 웹 접근성 측면시각 장애를 가진 사용자가 스크린 리더로 페이지를 탐색할 때 도움이 됨 3. 주요 시맨틱 태그3-1. 구조 : 페이지에 대한 소개 : 현재 페이지 내, 또는 다른 페..

CSS의 Cascading에 대해 설명해 주세요.1. CSS Cascading겹치는 스타일 규칙들이 단계를 거쳐 하나의 스타일로 결정되는 과정HTML 요소의 스타일 적용은 우선순위에 따라 Overriding(재정의)됨2. Cascading 우선순위상속 → 스타일시트 → !important 순서로 재정의됨3. CSS 상속부모 요소는 자신의 스타일을 자식 요소에게 상속할 수 있음속성에 따라 상속 여부가 다름(주로 글자 관련 CSS에서 상속 발생)속성값에 범용 속성값을 넣어 상속을 제어할 수 있음inherit : 부모 요소의 CSS 상속initial : CSS 초깃값 적용unset : 상속 여부에 따라 inherit / initial 동작revert : 브라우저 기본값(유저 에이전트 스타일시트) 적용4. 스타..