Just Do IT!

스파르타코딩클럽 내일배움캠프 60일차 본문

스파르타코딩클럽 내일배움캠프/TIL

스파르타코딩클럽 내일배움캠프 60일차

MOON달 2023. 1. 20. 21:52
728x90
반응형
오늘 일과 간단 요약
  1. 프로젝트 시작
  2. 팀 회의
  3. 와이어 프레임 제작

 

 

 

 

 

 

 

 

프로젝트 시작

개인 공부 하는 시간이 너무 짧게 느껴진 만큼 프로젝트도 굉장히 성큼 다가왔다. 설날에 프로젝트라니...ㅋㅋㅋㅋ

어제까지 걱정을 엄청 했는데, 주제가 예상과 달라서 발제하는 동안 좀 놀랐다.

지도, 유튜브, 설문조사 세 가지 중 하나를 필수로 사용하는 프로젝트여서 저번에 냈던 아이디어들은 쓸모가 없어졌다.

 

어찌되었든 우리 조는 긴 회의와 룰렛(!) 결과를 토대로 지도 API를 사용해서 프로젝트를 하기로 했다.

문화재청 API를 받아와서 문화재 관련 프로젝트를 하는 걸로.

 

 

 

 

 

 

 

팀 회의 (S.A. 작성)

사실 API를 쓰는 게 처음이라서 좀 어색하다.

react native 강의 중에 movie review 앱을 만들 때 썼었는데 그건 native 때 써본 거라서 조금 다른가 궁금하다.

실제로 웹페이지에 적용해 본적이 없던 것 같은데....아, 웹개발 종합반 들을 때 날씨 API를 가져왔던 것 같긴 하다.

근데 솔직히 그건 기억 안나고...ㅋㅋㅋㅋ 따로 연습해보면서 해야지 뭐, 어쩔수 없다.

 

우리 조는 지도 API + 문화재 API를 써야 하기 때문에 이번 기회에 API 받는 거에 대해 공부를 많이 할 듯 하다.

그런데 문화재 API가 xml 파일로 되어 있어서 그걸 json 파일로 변환해서 받아야 하는데 그걸 실제로 화면 공유해서 해보느라 시간이 더 오래 걸렸다.

 

일단 변환해서 콘솔에 찍어보고 원하는 데이터가 나오는지 보는 지가 시간이 좀 걸렸다.

아무래도 xml 파일을 json 파일로 변환하면서 구조가 바뀌어서 우리가 자주 쓰는 그 부분이 맞는지 계속 헷갈렸다.

결국 원하는 게 나오는 것까지 확인하고 나서 S.A.를 작성했다.

 

 

 

 

 

와이어 프레임

메인 페이지
detail page

 

우선 필수 기능과 추가 기능을 구별하다 보니 페이지가 간결해졌다.

 

필수로 넣을 기능

  • 슬라이드
  • 내가 있는 지역 문화재 보여주기
  • 문화재 정보 받아오기
    • 문화재 종목
    • 문화재명
    • 시도명
    • 시군구명
    • 관리자

추가 기능

  • 모달
  • 건의사항 & FAQ
  • 찜 목록
  • 방문자 수.(today, total)
  • 리뷰.(CRUD)

 

 

설날이 끼어 있기도 하고 설날에 공부를 하지 못할 수도 있기 때문에 최대한 간결하게 필수 기능을 추렸다.

그리고 시간이 남는다면 타입스크립트로 리팩토링하고, 그 이후에도 남으면 CRUD하는 순으로.

생각보다 간단해져서 다 할수 있을 것 같긴 한데, 이건 자만하면 안되기 때문에...여기까지만 생각하는 걸로.

 

우선 이 중에서 나는 메인 페이지의 슬라이드 부분을 맡았기 때문에 설날 동안 최대한 이걸 해보려고 한다.

슬라이드 부분이 문화재 이미지를 받아와서 랜덤으로 한 4개 정도 자동 슬라이드 만드는 건데,

라이브러리를 사용해서 만들지 이것도 생각해야 하고 랜덤으로 가져오는 코드 식도 고민해봐야 한다.

 

설날 동안 이걸 좀 고민해보고....최대한 빨리 끝내야지.

지금까지 프로젝트 하면서 사실 뭐든 빨리 끝내는 게 제일 낫다는 결론을 내렸기 때문에 ㅋㅋㅋㅋㅋ

그래야 나중에 그나마 좀 더 편해진다. 무작정 만들어보면서 해봐야지.

그래도 혹시 모르니까 백업본도 만들어뒀다. 혼자 만들어보고 팀 프로젝트에 붙여야 겠다.

 

 

 

 

 

 

 

 

짧은 일기

사실 이번 프로젝트가 가장 회의를 길게 한 것 같다. 와이어 프레임도 임시로 만들었다가 다시 만들고...

하나하나 생각해보고 기획해야 나중에 편하기 때문에 이렇게 길게 회의하는게 더 좋은 거라고 생각한다.

그리고 와이어프레임도 다시 작성하고 나니 더 예뻐지고...뭐든 시작이 중요하니까.

 

API 받아오는 것도 혼자 연습해봐야지. 조원분이 하는 걸 보기만 해서 직접 해봐야 이해할 것 같아.

받아오는 과정 자체는 native에서 배웠던 거랑 비슷하긴 한데, 변환 과정이 좀 어려웠다.

오후에 조원분이 한 걸 본 걸 토대로 직접 해보고 그 이후에 슬라이드에 적용해야겠다.

 

역시 프로젝트를 시작하면 반강제적으로 배울게 많아진다 ㅋㅋㅋ

728x90