팀프로젝트

학습내용

1. 현업에 종사하시는 분과의 미팅

• 프로젝트관련 미팅을 진행했다
• 우선 강사님께서 팀에게 조언해주신 바는 다음과 같다.

  1. 프로젝트 진행 순서

  • 규모가 큰 작업의 경우 섹션별로 영역을 나눠서 작업
  • 따라서 시작 전 공통적인 디자인 요소 등은 미리 정한다
  • 배치(사이즈)와 관련해서 마진이나 패딩은 얼마나 줄것인지,
    기본이 되는 색상 등을 함께 정의
  • 클래스명을 지정한다

  2. 배포전에는 항상 개발자 창에서 나오는 에러를 확인하자
3. 자바스크립트는 하나의 파일로 정리하고 html에 연결하기
4. 프로젝트, 협업을 할때는 사용하는 용어를 통일해야한다.

  실제로 4번 같은 경우 현재 팀원들간 서로 용어를 이해하는 깊이나 정도가 달라서 소통하는데 간혹 문제가 생기기도 했다.
  나 같은 경우 다른 팀원이 사용하는 용어를 처음 듣거나 들어는 봤으나 그 의미를 모호하게 이해하고 있었기 때문인 것같다.
  

2. 세부적인 css 조정

어제 각자 작업한 파일을 합치고 나서 오늘은 세부적인 부분들을 수정하기로 했다.

우선 헤더의 경우 미디어 쿼리를 적용했을 때 로고와 이미지가 살짝 겹치는 현상이 있어서, 로고부분 height와 이미지의 padding값을 조정하니 해결되었다.

이 외에도 원래 사이트와 다르게 reset css를 적용하지 않아서 인지 ul태그가 사용된 부분에 padding값이 들어가면서 구조가 틀어진듯 보여졌다. 이부분은 list-style: none값을 적용하지 않았기 때문이라 생각했는데, 우리조는 초기화하는대신 padding : 0값을 적용해주었고 바로 해결되었다.

솔직히 프로젝트를 처음 진행했을 때는 너무 막막하고 답답했지만, 팀원들이 모두 으쌰으쌰하는 분위기라 함께 힘을 낼 수 있었다. 처음부터 끝까지 스스로의 힘으로 작성한 코드는 아니지만 덕분에 깃허브에대한 공부도 할 수 있는 것 같고 좋은 경험이라고 생각한다.