코드잇스프린트 13

git merge Fast-forward merge main과 새로운 브랜치의 형상이 동일한 경우. main브랜치에서 새로 A라는 브랜치로 작업 후 commit을 하고, main브랜치는 A브랜치를 분기한 곳에서 따로 commit을 한 게 없다면 merge를 할 때, A브랜치의 내용이 그대로 main브랜치로 흡수되며 추가 commit이 발생되지 않는다. 분기는 되었으나, main 브랜치가 변화가 없었기 때문에 분기점은 동일하기에, 추가로 작업한 신규 브랜치가 main이 되어도 문제가 없다. new n-1 n-2 n-3 n-4 ⬇️ ⬇️ main m-1 m-2 n-3 n-4 Recursive Merge main과 새로운 브랜치의 형상이 다른 경우 main브랜치와 새로운 브랜치가 각각 commit이 되어 있..

시맨틱 태그란? 와 기능은 동일하지만, 콘텐츠의 특정 의미가 담겨있는 태그를 의미하는데요. div는 어디든 사용해도 무방하지만, 시맨틱 태그는 해당 태그에 의미를 담고 있는데요. 이 엘리먼트의 역할이 무엇인지 보다 명확하게 드러내주는 것이라고 볼 수 있을 듯 해요. 예를들어, header에는 페이지의 머릿글로 제목이나 로고 등등을 포함하고 있고, nav는 내비게이션이나 목차, section은 본문에 포함된 다양한 내용들을 나눈것, footer에는 하단 바닥글로 저작권이나 회사 정보 등등이 담겨있어요. 그럼, 이런 시맨틱 태그를 사용하게 되는 장점을 알아봅시다 :) 시맨틱 태그의 장점 검색엔진 최적화 의미 있는 태그를 통해 검색시 정확한 구조 분석에 도움을 주어 사이트 검색 시 노출 순위를 높일 수 있습니..

position속성 default = static : 따로 설정하지 않아도 원래 있어야 하는 곳에 있음. relative : 기본 위치에서 상대적위치로 변경. 단, 원래 있던 공간은 그대로 차지한 채 배치 -> margin이랑 다른 점. 마진은 해당 기준에 맞춰 주변 요소들도 이동이 되는데, relative는 해당 속성에 해당 되는 부분만 이동 된다는 것 absolute : 가장 가까운 조상의 포지셔닝(static이 아닌 경우)을 기준으로 배치. 원래 자리는 차지하지 않은채 배치. fixed : 브라우저 화면 기준으로 고정. 원래 자리는 차지 하지 않은 채 배치. -> 네비게이션을 만들 거나 할 때 사용하고, 고정이 됨으로 인해 겹치는 부분은 마진을 주어 보이도록 배치해줘야 함 sticy : 원래 자리에..

🌱 이미지 src : 이미지 주소를 정해줌 alt : 사진에 대한 정보를 텍스트로 적을 수 있음 1. 코드만 보고도 어떤 사진인지 알 수 있음 2. 시각장애인을 위해 해당내용에 있는 내용을 읽어줌 3. 이미지 로딩 실패시 화면에 어떤 사진이었는지 유추할 수 있음 width, height 를 통해 이미지 사이즈 조절이 가능(단위 없이 써도 px로 인식). css를 통해서도 변경 가능 🌱 비디오 autoplay : 자동재생 - 크롬에선 동작x, 사파리에서는 자동 재생 - 사용자에게 불쾌감을 줄 수 있으므로 꼭 muted와 함께 사용. muted : 음소거 - 크롬에서 autoplay옵션을 넣고 싶을때는 꼭 함께 사용해야 함. controls : 프로그래스 및 재생버튼들 노출 width, height 를 통해..