1. 프로젝트 진행 순서
- 규모가 큰 작업의 경우 섹션별로 영역을 나눠서 작업
- 따라서 시작 전 공통적인 디자인 요소 등은 미리 정한다
- 배치(사이즈)와 관련해서 마진이나 패딩은 얼마나 줄것인지,
기본이 되는 색상 등을 함께 정의- 클래스명을 지정한다
실제로 4번 같은 경우 현재 팀원들간 서로 용어를 이해하는 깊이나 정도가 달라서 소통하는데 간혹 문제가 생기기도 했다.
2. 배포전에는 항상 개발자 창에서 나오는 에러를 확인하자
3. 자바스크립트는 하나의 파일로 정리하고 html에 연결하기
4. 프로젝트, 협업을 할때는 사용하는 용어를 통일해야한다.
어제 각자 작업한 파일을 합치고 나서 오늘은 세부적인 부분들을 수정하기로 했다.
우선 헤더의 경우 미디어 쿼리를 적용했을 때 로고와 이미지가 살짝 겹치는 현상이 있어서, 로고부분 height
와 이미지의 padding
값을 조정하니 해결되었다.
이 외에도 원래 사이트와 다르게 reset css
를 적용하지 않아서 인지 ul
태그가 사용된 부분에 padding
값이 들어가면서 구조가 틀어진듯 보여졌다. 이부분은 list-style: none
값을 적용하지 않았기 때문이라 생각했는데, 우리조는 초기화하는대신 padding : 0
값을 적용해주었고 바로 해결되었다.
솔직히 프로젝트를 처음 진행했을 때는 너무 막막하고 답답했지만, 팀원들이 모두 으쌰으쌰하는 분위기라 함께 힘을 낼 수 있었다. 처음부터 끝까지 스스로의 힘으로 작성한 코드는 아니지만 덕분에 깃허브에대한 공부도 할 수 있는 것 같고 좋은 경험이라고 생각한다.