🐰 01 - A
🥕 팀명 : 비전 5
- 5명의 비전공자가 모였다라는 뜻에서 비전5(vision5)
🐾 팀장 : 김장원
🐾 팀원 : 서지인 한지훈 김근호 강정훈
🐰 팀 프로젝트
🥕 주제 : 영화 소개 페이지
🥕 결합 과정 : 각자가 작성한 코드를 공유하며 팀장님이 코드를 결합
🥕 담당
🐾 메인 페이지 (HTML,CSS)
- 개인 사용자들이 영화를 등록, 소개한 전체적인 목록을 보여주는 부분
- 기능 : 마우스 오버시 영화정보 표현, 상단 배너 고정
- 별점, 영화이름, 영화정보(마우스 오버시), 영화이미지만 출력🥕 (HTML,CSS) 보완사항
- 폰트 통일
- 상단 배너 스타일 통일
- 영화 정보 글자에 마우스 오버 시 배경 어두워지지 않음
🐰 추가 속성
🥕 메인 페이지를 만들면서 추가로 배운 CSS 속성
🐾 링크에서 밑줄과 색상 제거
text-decoration: none;
/* 링크의 밑줄 제거 */
color: inherit;
/* 링크의 색상 제거 */🐾 HTML 요소에 정의된 클릭, 상태, 커서 옵션들을 비활성화
- 영화 정보글자에 마우스 오버 시 배경이 어두워지지 않는 문제 보완
pointer-events: none;🐾 z-index
- position 속성을 이용하면 요소를 겹치게 놓을 수 있는데 이때 요소들의 수직 위치를 z-index 속성으로 정한다.
- 값은 정수이며, 숫자가 클 수록 위로 올라오고, 숫자가 작을 수록 아래로 내려간다.
🥕 1일차에 정리된 속성
🐾 :hover, filter: brightness(), position, overflow, transition
🐰 느낀점
🥕 좋았던점
- 각자의 역할이 있다는 것과 서로 도와가며 프로젝트를 만들어 가면서 팀원들과의 소통을 해볼 수 있었던 시간
- 다른 팀원과 코드를 비교해 볼 수 있어서 어떻게 하면 좀더 효율적인 코드인지 생각하는 시간을 가질 수 있었다.
- 잘 안되는 것은 같이 고민해볼 수 있었다.
🥕 정식 프로젝트가 아니였지만 내가 부족한 부분이 무엇인지 정확하게 보였다.
- 이 코드를 쓰면 어떻게 동작하는지에 대한 설명을 잘 하지 못했고 버벅 거렸다. 용어가 익숙하지 않고 또, 제대로 이해하지 못한 상태라서 더 그랬던 것 같다. 최소한 내가 짠 코드는 이해하고 넘어가자.
- 복습이 부족했다. 웹개발 강의를 정확히 이해하지 못한 상태로 프로젝트를 시작해서 백엔드 부분은 손도 못댔다. 개강 후에는 이해한 상태로 프로젝트에 임하고 싶다.
- 필요 없는 코드가 분명히 들어가 있는 것 같다. 내 코드에 필요한 부분과 필요 없는 부분을 명확히 해서 정리가 잘 되게 만들자
- 잘 모르는 부분이 있으니 의견도 잘 내지 못했다. 내 의견을 낼 수 있을만큼 공부하자!!
🐰 노션
열쩡