팀 프로젝트 01 : 팀 소개 페이지 만들기 - 1일차

▶ 내일배움캠프 첫번째 미니프로젝트 : 팀 소개 웹 페이지 만들기

 

▶ 필수 조건, 기능

  - 팀원별 소개 및 팀 소개

  - HTML, CSS 사용 (부트스트랩이나 자바스크립트 사용은 옵션)

 

▶ 진행

 1. 팀원들과 컨셉, 방향성 논의 

  - 전체적으로 깔끔하고 보기 편해야한다. (색과 배치)

  - 디자인은 팀 이름 12간지를 컨셉으로 꾸민다.

  - 팀 소개는  Q&A 형식, 팀원 소개는 간략히 소개 후 링크걸기

 

 2. 프레임 구성 및 필요 기능 정리

- Title 부분 : html과 css 사용하여 큰 글자 배치 및 배경 이미지와 디자인 이미지 배치 

=> 웹폰트사용, 이미지 가져오기

 

- 팀 소개 부분 : 기본적인 팀 소개와, 우리 팀의 특징, 목표, 약속 을 주제로 넣는다. 

=> 부트스트랩 가져오기

 

- 팀원 소개 부분 : 팀원사진, 간략소개를 가로로 배치. 버튼을 누르면 멤버카드 페이지로 이동. 팀원 사진을 누르면 MBTI 사진으로 변함. 

=> 부트스트랩 가져오기, 버튼 링크 걸기, Javascript 사용하여 이미지 바꾸기

 

 

 

 

 

 

 

 3. 분담 및 작업 진행

  - 팀원 각자가 페이지를 간략히 제작해보고, 팀 내부에서 논의한 형식으로 코드를 결합하는 방식으로 진행 중.

  -

초반 작업 진행중

 4. 해결해야할것

  - 모니터 해상도가 다른 환경에서 페이지가 실행되면 이미지나 폰트, 상자들 크기가 변한다..