Soylent Clone Project Guideline

[louisjeon]

Soylent 클론 프로젝트 가이드라인

아래 링크들을 새 탭에서 오픈하려면 Ctrl+클릭 또는 Command+클릭

Soylent (https://soylent.com/) 웹사이트를 3분할하여 팀 멤버들에게 할당하려 합니다.

• Part 1: 헤더 ~ "Why Soylent?" 전까지 - 전은배님

• Part 2: "Why Soylent?" 부터 "Soylent Products Fit Your Lifestyle" 까지 - 정재윤님

• Part 3: "Rather Grab a Soylent in a Store?" 부터 Footer까지 - 권단아님

프로젝트 진행 시 고려해야 할 사항들

1. HTML 작성시 header, section, footer, ul, li등의 시멘틱 태그 사용하기 (https://snusang.tistory.com/4)
2. body영역의 클래스 이름들 직관적이고 명확하게 작성하기 (https://flamboyant-lumiere-482a1e.netlify.app/ 이 웹사이트에서 개발자 도구 들어가 각 영역의 클래스 이름 참조하기) (https://github.com/parkyoungwoong/starbucks-vanilla-app 혜당 웹사이트의 깃헙)
3. 이미지의 경우 대체 텍스트 꼭 작성하기
4. github 연습용 과제이므로 기능 단위로 commit하고(feat, refactor, docs, ...) 중간중간 pull request 하기
5. CSS 작성시 코딩 컨벤션 고려하여 순서 맞추기 (https://www.beautifulcss.com/archives/203)
6. position: absolute보다 flexbox 사용 지향하기
7. 모르는 부분이 있을 경우 구글링이나 팀원들, 강사, 동료들에게 질문을 통해 해결하기
8. 깃헙 Issue를 통해 질문사항이나 소통해주세요.

[imparang]

• 기능 단위로 커밋하기
• 클래스명 작명 시, 규칙정하기

[louisjeon]

@imparang @dan9708 3가지 파트를 Issues란에 새로 생성하였으니 프로젝트를 시작하실 때 Project란의 Scrum board로 가셔서 To Do영역에 있는 본인 Issue를 In Progress로 옮기고 작업 완료 시 Done으로 옮겨주시면 됩니다. 작업사항 소통도 Issue란을 통해서 해주세요.

[imparang]

혹시 다들 부트스트랩 사용하시나요?

[dan9708]

아니요~ 저는 그냥 html과 css로만 만들고 있습니다.
부트스트랩도 많이 들어봤는데 아직 사용법을 익히지 못해서요.. 공부할게 참 많네요 ㅋㅋ