HTML

섹션/메인 요소

모든 섹션은 가급적 heading을 가진다.

header

제목, 로고, 검색 폼, 작성자 이름 등의 요소를 포함한다.

• <header>, <footer>가 자손으로 올 수 없다.
• <address>, <footer>, <header>의 자손이 될 수 없다.

section

컨텐츠의 그룹으로, 더 적합한 의미를 가진 요소가 없을 때 사용한다.

• 논리적인 흐름 없이 감싸기 위한 목적이라면 <div>가 적합하다.
• <address>의 자손이 될 수 없다.

article

문서 내에서 독립적으로 구분되는 섹션에서 사용한다.

• 독립적인 요소이기 때문에 다른 <article>과 구분이 되기 위해 가급적 heading을 가지도록 한다.
• <address>의 자손이 될 수 없다.

---

Sass

변수

Interpolation(보간법)

변수의 연산이나 값이 아닌, 변수의 이름을 그대로 출력이 필요할 때 사용한다.

#{변수이름}은 변수이름으로 출력된다.

@each in

javascript의 for in문과 같다.

중첩 규칙

@at-root 지시자를 선언하면 선택자가 중첩되지 않는다.

---

git

협업하기

1. 프로젝트의 리더가 공유할 원격 저장소와 develop branch를 만든다.
2. 팀원들은 git remote update해서 develop branch를 불러오고, 각자 작업할 별도의 branch를 생성한다.
3. 생성한 branch에서 작업을 하고 본인의 원격 저장소에 push 및 pull request를 보낸다.
4. 리더는 요청 온 request에 Merge pull request를 클릭하고 branch에 합친다.

pull request 보내기

1. push한 원격 저장소에서 pull request를 누른다.
2. 리더 저장소로 보내도록 설정하고, 코멘트를 적고 보낸다.

pull request 충돌 해결하기

1. develop branch가 최신화되기 이전에 pull request를 보내서 충돌된 pull request는 cancel시킨다.
2. cancel된 팀원은 develop 브랜치로 이동해서 최신화된 파일을 pull한다.
3. cancel된 파일을 push했던 branch로 이동해서 merge한다.
4. 변경사항을 확인하고, 충돌을 해결한다.
5. 본인의 원격 저장소에 push하고, pull request를 보낸다.
6. 리더가 Merge pull request한다.
7. 작업 완료된 branch는 삭제한다.

원격 저장소

로컬로 가져오고 스위칭하기

git checkout -t 별칭/브랜치이름