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

목차

1. 시작의 한마디

2. 오늘의 목표 

3. 회의 내용

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

5. Next up

---

1. 시작의 한마디

9일차~! 

2. 오늘의 목표

 1. 모달창 공부하기

 2. 서버 연결하기, ver.01 만들기

 3. CSS 단위 공부

3. 회의 / 작업 내용

1. 모달창 공부하기

- Vanila Js로 만드는 내용 공부 -> 내일 구현

2. 서버 연결하기, ver.01 만들기

- 백 서버 연결

- 지금까지 작업한 내용 Ver.01로 정리

3. CSS 단위 공부

- % : 너비의 몇 %인가? -> 기준(패딩값이 제외된 너비)가 있고, 기준의 몇%인지.

- em : 상위 요소 폰트사이즈의 몇 배인가?

(ex : 20em - 상위 폰트사이즈 x 20 = 240, 1em이 24인셈.)

-rem : r: root, 상위 보다 위의, 최상위를 기준으로 함.

-->> 디자이너가 사용한 px, 모바일 등의 화면으로 옮길때 사용.

- vw,vh : viewport 기준의 %. 

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

- 파일을 합치는 과정에서 오류가 발생. 옮기는 과정에서 태그, 클래스 등이 삭제되어 뜯어보고 고쳐줌.

- Nav-bar : Home 이 직관적이지 못한 것 같아 Find로 고쳐줌. 고양이 찾기 -> 나의 고양이 취향은? 으로 변경. 

- 지역 세부페이지 고양이카드 정렬시, 상하 여백이 생김

justyfi-content : flex-start;
align-content : flex-start;

- 긴 작업과 공부가 필요한 작업은 주말에 하기로 결정.

5. Next UP

- 모달창 띄우기

- 지역세부(고양이 리스트) 카드 일정 갯수 나오면 페이지 넘겨주기

- 도 이름 클릭 -> 시 이름 닫기

- api 연결