개발기

개발하면서 일어났던 일이나 게시글 단위로 작성하기는 민망한 내용에 대해서 기록하기 위해 개발기를 써보려고 한다.

 

[2020.08.15]

- kokkok-web Github 리퍼지터리 생성 (initial commit)

- node-sass 의존 추가 (scss 사용 목적)

 

[2020.08.16]

- 메인 화면에 UI 작업 (이미지 메뉴, 지역 목록, 축제 배너 등)

 

[2020.08.18]

- jest에서 flat() 함수 등 es6 문법을 인식하지 못하는 문제 해결 (core-js를 import)

- 메인 화면에 UI 작업 (BEST 명소 추가)

- kokkok-api Github 리퍼지터리 생성

- kokkok-api에서 area 테이블의 kind 칼럼의 enum이 DB에는 소문자고 Entity에는 대문자여서 발생한 에러 해결

 

[2020.08.19]

- Vercel에 kokkok-web 배포 (https://kokkok-web.vercel.app/areaList)

 

[2020.08.21]

- 명소 리스트에서 지역명 선택하는 기능 구현(같은 지역을 한 번 더 눌렀을 때 제외되는 기능은 아직...)

    - useEffect에서 location.search가 변경될 때마다 선택된 지역명 목록이 갱신되도록 작성

 

...[코딩 테스트 등 공백기]

 

[2020.08.24]

- 명소 리스트에서 여러 지역명을 토글로 선택할 수 있도록 수정

    - 기존에 선택하는 부분만 Link를 적용하고 선택 해제는 click 이벤트로 처리하려고 한 부분을 선택/해제 모두 Link를 통해서 하도록 수정

 

[2020.08.25]

- 명소 리스트에서 명소들 보여주기 위한 단일 명소 UI 작업

 

[2020.08.26]

- 명소 리스트를 감싸는 DOM 작업

   - 아이폰이나 아이패드에서 <IonContent>내에 정의된 <IonToolbar>로 인해 지역 리스트와 명소 리스트 UI 사이에 간격이 올바르게 유지되지 않고 있음.

    - 이 부분은 Home Tab에서도 동일하고 Home Tab의 여러 정보에 있는 <IonListHeader> 들이 UI가 이상함

    - 개발 테스트 할 때 안드로이드 말고 애플 제품들도 확인을 한 번씩 해봐야 할 듯

 

[2020.08.27]

- 명소 리스트 탭에서 지역명 리스트 고정 bar가 아래로 스크롤을 내렸을 때 <IonToolBar>와 사이에 미세한 간격이 있던 부분 해결

    - `margin-top: -5px` 적용

- ios의 경우 메인 화면에 항목별 <IonListHeader>와 내용들 사이의 간격이 없던 문제 해결

    - `align-items: center` 적용

 

...[취업 활동, 스터디(r2dbc) 등 공백기]

 

[2020.09.15]

- 명소 리스트에 무한 스크롤 적용 中 (ionic react에서는 공식적으로 지원하지 않아서 기존 react 라이브러리 적용)

 

[2020.09.23]

- 명소 리스트에 무한 스크롤 적용 (미구현된 부분은 이슈로 남겨두고 처리)

    - github.com/YoungWukJeon/kokkok-web/issues/3

- 명소 로딩 아이콘 가운데로 이동

 

[2020.09.24]

- 명소 상세 정보를 보여주기 위한 페이지 초기 설정 작업 中 (라우팅 설정과 페이지 작업을 해야함)

 

[2020.09.25]

- 명소 상세 정보의 라우팅 설정 완료

    - 해당 페이지로 이동할 때 내가 원하는 탭으로 까지 이동하게 하려면 `/탭URL/페이지URL` 이런 식으로 작성해야 하나 봄

    - 위의 이유로 탭URL을 상수로 뺄 필요가 있음

 

[2020.09.26]

- 명소 상세 정보의 URL Params 구하기

- 상세 정보에서 보여줄 더미 데이터 생성

 

[2020.09.27]

- 명소 상세 정보 댓글 더미 데이터 형식 지정

 

[2020.09.28]

- Route 설정 변수로 추출

 

[2020.09.29]

- 컴포넌트끼리 클래스 명이 같은 DOM이 있을 때 css가 공유되는 부분 일단 해결

    - TouristAttractionList와 TouristAttractionDetail에서 공유하기와 좋아요 버튼 쪽이 충돌

        - 같은 탭 때문인지는 알아봐야 함

    - 현재는 상위 DOM의 클래스 내부에 속성을 지정하는 형태로 수정

    - react-app-rewired와 customize-cra를 통해서 해결 방안 모색(eject를 시키지 않고 커스텀 설정 적용)

 

...[취업 활동, 나태함 등 공백기]

 

[2020.11.01]

- 데이터베이스 테이블 재설계