전체 글 34

Git branch merge / Git Flow 브랜치 전략

Branch merge란?현재 branch에서 다른 branch를 합칠 때 사용합니다.  branch 를 merge 하는 방법에는 merge, squash, rebase 3가지가 있습니다.특정 branch로 합치게 해달라고 요청하는 pr(pull request)에도 merge 방법 중 하나를 선택할 수 있습니다. Commit은 쌓여 커밋 히스토리를 만드는데 이 히스토리로 저장소 내에 무슨 일이 일어났는지 알 수있게 되지만 이 브랜치들이 합쳐지며 순서나 과정들을 제대로 알아보지 못 할 경우를 대비하기 위한 전략들입니다.Merge commit기본 merge라고도 불리며,  두 브랜치를 병합할 때 전에 생성된 커밋과 히스토리를 유지하면서 병합을 한다는 특징이 있습니다. 모든 커밋과 분기했던 branch 히스토..

git 2024.06.04

position의 속성들과 특징

position 속성HTML 문서 상에서  글의 흐름에서 벗어나서 요소를 자유롭게 배치할 때 사용되는 속성으로,많은 경우, position 속성은 요소의 정확한 위치 지정을 위해서 top, left, bottom, right 속성과 함께 사용되며 4면의 값이 같은 경우 inset으로 통일해서도 사용합니다. 이러한 속성을 이용한다면 다양한 요소들을 자유롭게 배치할 수 있고, 레이아웃을 세밀하게 제어할 수 있게되며, 다양한 디자인 효과를 구현할 수 있습니다. position: staticposition의 기본 값으로 static이고, static인 경우 원래 있어야 할 위치에 배치됩니다.HTML에 작성된 순서 그대로 브라우저 화면에 표시가 되기 때문에 top, left, bottom, right 속성값은 p..

css 2024.05.27

시멘틱 태그의 장점

시멘틱 태그란? semantic : '의미의', '의미론적인' 시멘틱 태그는 포함된 콘텐츠의 특정 의미를 정의하고 목적을 갖는 태그입니다. 기존 HTML 태그의 기능과 같이 block element고 사이트의 구조를 설계하기 위해 존재하지만, 의미가 담겨있는 태그들을 말합니다.  시맨틱 태그의 요소로는 , , , , ,  등이 존재합니다. 이러한 시맨틱 태그 요소는 콘텐츠를 논리적 섹션으로 구성하고 각 부분의 역할과 기능을 전달하는 데 도움이 되며 잘 활용한다면 검색 엔진 최적화(SEO)나 접근성(Accessibility)을 높이는데 도움이 됩니다.   HTML5 등장전엔 , 과 같이 콘텐츠 보유 역할은 하지만, 포함된 콘텐츠의 유형이나 해당 콘텐츠가 페이지에서 수행하는 역할에 대해서는 별도로 표시하지..

html 2024.05.25

CSS의 Cascading

캐스케이드 (Cascade) 폭포, 위에서 아래로 쏟아지는이라는 뜻을 가진 단어로, 한국어로 "종속"이라고 번역합니다.HTML요소는 하나 이상의 스타일에 영향을 받을 수 있는데 어떤 스타일을 적용 받을지에 대한 우선순위가 정해져야합니다. 이를 Cascading이라고 합니다.  캐스캐이딩 (cascading)은 다음 3가지에 의해 결정 됩니다.CSS가 어디에 선언되어있는지 (중요도)대상을 명확하게 지정할수록 (명시도)코드 순서중요도CSS의 선언 위치에 따라서 우선순위가 결정되는데, 기본적으로 브라우저에서 기본으로 제공하는 스타일시트(User Agent Stylesheet)는 똑같은 선택자를 쓰고 있다면 우리가 작성한 코드보다 우선순위가 낮습니다. 브라우저 기본 CSS가 써져 있어도 우리가 style.css..

css 2024.05.20