1) 학습한 내용

이번 시간은 오류 수정내지는 피드백이 들어왔었다.

오늘의 할일

<공통>
[사업현황]
1. ETC - 이미지 주변 그림자 값 0, 0, 10, #000000, 투명도16%

스크롤 애니메이션
(자유롭게)

서브메뉴 누르고 포커스될때 
스크롤 부드럽게 이동
(1팀 3,4페이지 네비게이션참고)



<2팀>

[공통]
텍스트 스타일 및 행간, 자간, 이미지 간격, 패딩값 등 디자인 시안과 최대한 비슷하게



[메인]
1. 스크롤 내릴시, 회사 로고 및 햄버거 메뉴 나오게
2. 프로젝트 - 좌측 이미지 마우스 오버시, 어두워지는 영역을 텍스트 제외하고 전부 어두워 지게



[정보마당]
1. 이미지 검은색 외곽선 추가 및 라운드 값 수정
2. '더보기' 버튼 마우스 오버 효과 반영 필요
3. 게시물 화면 - 목록으로 아이콘 디자인 시안에 있는 에셋으로 변경

사업현황의 ETC 부분은 - 이미지 주변 그림자 값, 0, 0, 10, #000000, 투명도16%를 주어라고 했었다.

box-shadow:0 0 10px rgba(0,0,0,16%);

스크롤 애니메이션은 선택사항이라고 했었다.

서브메뉴를 누를 때 스크롤을 부드럽게 이동하는 것은 html에 scroll-behavior:smooth;를 작성하면 된다.

html{
    scroll-behavior:smooth;
}

공통부분은 디자인 시안과 최대한 비슷하게 할 것을 주문했었다. 이 부분은 전과 다르지 않았다.

메인 부분과 정보 마당 부분은 팀원들의 요청이 없다면 그냥 가만히 두기로 했다. 그 대신, 코드를 복사한 다음에 복사한 페이지를 직접 시험 삼아 적용시킬 것이다.

2) 학습내용 중 어려웠던 점

이번에는 css를 수정하면서 1조의 팀 프로젝트를 수정하는데 scroll-behavior을 적용했는데도 불구하고, 서브 메뉴를 누르면 부드럽게 움직였지만 정작 서브메뉴의

3) 해결방법

1조의 작성법과 Project BD의 작성법을 비교하면서 작성법의 차이에서 많은 차이가 있다는 걸 알았다. 마치, 외형은 똑같은데, 정작 내장된 구조가 달랐던 것이다. 일단은 내가 할 수 있는대까지 해보기로 했다.

4) 학습소감

이번 시간은 팀 프로젝트의 사소한 오류나 디자인 시안과 비슷하게 하는 시간이다. 그리고, 동시에 이력서를 써야하는 시간이기도 하다.