코드잇
-
git에서 branch merge, git flow코드잇 2023. 12. 8. 20:24
branch merge GitHub에서 3가지의 merge 방식이 있다. merge commit은 두 브랜치의 변경사항을 유지하면서 병합합니다. 이를 통해 프로젝트의 진행상황을 명확하게 이해하고 추적할 수 있습니다. 다만 커밋 히스토리가 복잡해진다는게 단점입니다. Github의 Merge pull request는 git merge --no--ff 옵션으로 Base 브랜치가 최신브랜치라 할지라도 커밋을 남기도록 강제 한다. - ff (fast-forward) Squash and merge는 브랜치의 모든 과정을 하나의 브랜치로 압축하여 병합하는 방법입니다. 커밋 히스토리를 간단하게 유지할 수 있다는 장점이 있지만 작업의 상세한 이력을 잃게 됩니다. git merge에 -squash 옵션을 추가한 방법입니다..
-
git 커맨드코드잇 2023. 12. 5. 22:07
git init 현재 디렉토리를 git이 관리하는 프로젝트 디렉토리(working directory)로 설정하고 그안에 레포지토리(.git 디렉토리) 생성 - 레포지토리 : 프로젝트 디렉토리의 각 버전이 담기는 저장소 git reset [파일 이름] git add를 하고 취소할 때 쓴다. 현재 staging area에서 파일 제거. working directory는 그대로 남아있음. git commit git commit -m "커밋 메시지" 로 커밋을 남길 수 도 있지만 -m 없이 사용도 가능하다. git commit 이라고만 쓰고 실행하면 커밋 메시지를 입력할 수 있는 텍스트 에디터 창이 뜬다. 커밋 메시지를 제목과 본문으로 길게 작성하고 싶을 때나, merge하고 git commit 커맨드만 써주면..
-
z-index: 9999로도 해결이 안되는 이유코드잇 2023. 12. 3. 14:09
z-index가 내맘대로 안될 때 먼저 z-index를 사용하기 위해선 position 속성을 부여해줘야 한다. (static 제외) .red { position: relative; z-index: 1; } z-index: 9999로도 해결이 안 되는 이유 .red { background-color: red; position: absolute; width: 100px; height: 100px; top: 0px; left: 0px; z-index: 1; } .green { background-color: green; position: absolute; width: 50px; height: 50px; top: 25px; left: 25px; z-index: 3; } .blue { background-col..
-
position - CSS코드잇 2023. 11. 26. 22:29
CSS position 속성은 문서 상에 요소를 자유롭게 배치할 때 쓴다. static 기본 값이다. 요소를 일반적인 문서 흐름에 따라 배치합니다. top, right, bottom, left, z-index 속성이 아무런 영향도 주지 않는다. relative 요소를 일반적인 문서 흐름에 따라 배치하고, 자기 자신을 기준으로 top, right, bottom, left의 값에 따라 위치를 적용할 수 있다. 이때 요소의 원래 자리는 그대로 차지하고 있다. // red는 top에서 20px 아래로 밀려나고, left는 30px 오른쪽으로 밀려난다. .red { position: relative; top: 20px; left: 30px; } 값이 모두 똑같은 경우 inset을 쓴다. 모든 방향에 대해서 20p..
-
CSS Cascading (우선순위)코드잇 2023. 11. 26. 21:19
CSS Cascading 우선 순위가 높은 규칙일 수록 우선적으로 속성을 적용한다. 스타일 시트의 순서 브라우저의 기본 스타일(user Agent Stylesheet)은 우선순위가 낮아서 사용자가 작성한 코드로 덮어 씌어진다. 개발자 도구에서 user agnet style이 브라우저 기본 스타일이다. 예시 ) 브라우저 기본 스타일보다 유저가 작성한 스타일시트가 우선순위가 높아서 h1은 15px로 적용된다. // 브라우저 기본 스타일 h1 { display: block; font-size: 13px; ... } // 유저가 작성한 스타일 h1 { font-size: 15px; } 참고로 html에 직접 작성하는 인라인스타일이 우선순위가 가장 높다. // style.css .login { background..
-
마진 상쇄 - CSS코드잇 2023. 11. 22. 19:11
마진 상쇄(margin Collapsing)는 html 태그끼리 세로 마진을 겹쳐서 더 큰 마진을 적용한다. 가로 마진은 겹치지 않는다. 위 아래 겹치는 태그는 마진 상쇄가 일어난다. 부모와 자식간의 태그인 경우 border나 padding이 있으면 마진 상쇄되지 않는다. - 위 아래 겹치는 태그 a b 세로로 연달아 있는 태그들이다. 이 둘의 마진을 겹치면 40px이 된다. - 부모 자식간에 margin만 있는 경우 (상쇄 됨) b d - 부모 자식간에 border가 있는 경우 (상쇄 안됨) b d border 테두리에 막혀서 margin 끼리 상쇄가 되지 않는다.