[15일 메이킹 프로젝트] #6일차 개발일지

목차

1. 시작의 한마디

2. 오늘의 목표 

3. 회의 내용

4. 업무 이슈/고민 & 해결

5. Next up

---

1. 시작의 한마디

벌써 6일차.

2. 오늘의 목표

 1. 지역구분 페이지 배경

 2. 지역 세부 페이지 레이아웃 작성

 3. 나와 맞는 고양이 < 추가

 4. 튜터링

3. 회의 / 작업 내용

1. 지역구분 페이지 배경

- 그라디언트 컬러를 민트색으로 설정. 

- 스크롤바 없앰. - 추후 hover 효과를 주어서 나타날 수 있게 하는 것도 좋을 듯.

 

2.  지역 세부 페이지 레이아웃 작성

- 좌측 세로 메뉴바 생성.

- api 데이터가 붙을 수 있는 list html 작성 

 

3. 나와 맞는 고양이 < 추가

- mbti 테스트처럼, 고양이 테스트 페이지를 추가.

- 결과가 나오면 본 페이지로 진입할 수 있도록 유도.

 

4. 튜터링

- 챗봇, 고양이 세부정보 -> 모달창 띄우는 법 공부.

- 자바스크립트 더 쉽게 작성 -> 인자, if문 써보기. 

4. 업무 이슈/고민 & 해결

- 스크롤바 나타나는 것 제거

body {
overflow-x: hidden;
-ms-overflow-style: none;
}
::-webkit-scrollbar {
  display: none;
}

- nav-bar를 두 줄로 만들어서 요소를 추가하고 싶은데, 겹쳐서 안나옴

-> ul을 따로 분리하고, 전체 bar에 높이를 줌.

5. Next UP

- hover효과 js 간단하게 줄이기. 

- 지역 세부페이지 html 완성

- 모달창 띄우는 법 공부