코드는 나만의 비밀 다이어리가 아니야

개요

난 이론적인 것으로는 효율적으로 배우지 못하는 유형의 사람이다.

주어진 숙제하는 걸 제일 재미없어하고 내 상상력을 발휘할 수 있는 것들을 좋아하는 사람.

그래서 이론적으로 별 뽑는 과제나 만들라는 프로그램 만드는 게 제일 하기 귀찮다.

(물론 어쩔 수 없이 하다 보면 재밌긴 하다)

그래서 다음 주 자바 시험이 있는 나는 어쩔 수 없이 공부는 해야겠는데

그냥 공부하는 건 너무 재미없으니까 앱을 개발하기로 했다.

 

마침 최근 홍콩 미식 단톡방을 보고 한식 맛집 지도가 있었으면 좋겠다는 생각을 하던 참이었으니까.

 

 

최근 블로그 맛집 포스팅을 하면서 이걸 어떻게 더 유명하게 만들 수 있을까를 생각하다가 한국 식당 전문으로 하는 맛집 앱이 없다는 걸 깨달았다.

 

최근 봉루와 ㅇㅂㅍ의 리뷰를 하면서 둘을 비교해 봤는데, 맛집 비교를 하려면 일일이 하나하나 검색해서 비교해야 하는 부분이 꽤나 비효율적이라고 생각했다.

 

심지어 위치를 알고 싶을 때도 일일이 지도에 검색하거나 맛집 리뷰에 적힌 위치를 찾아야 한다.

 

여러 맛집 중 가까운 곳을 가고 싶을 땐 일일이 지도에 검색해가며 비교해야 한다.

 

 

너무 귀찮지 않나?

 

물론 나와 비슷한 생각을 해서 맛집 지도 앱이 이미 개발된 걸로 알지만, 한국 맛집 전문으로 리뷰까지 올려놓고 비교하는 맛집 지도는 없는 거로 안다.

 

적어도 홍콩에서 유명하진 않다.

안 유명하니까 저렇게 홍콩 미식 오픈 채팅방에 계속 '여기 어때요?' 같은 질문이 올라오지.

 

 

그래서 자바로 안드로이드 앱을 개발해 보려고 한다.

시험 기간이니까 일단은 시험 전까지 해야겠고... 그럼 이틀 만에 대충 구조는 완성해야겠다.

 

안드로이드 앱? 사실 코틀린 쓰는 게 더 편하다.

 

근데 난 자바 시험이 있으니 자바로 개발해야지.

 

---

개발 환경

 

1. 개발 언어: JAVA

• 앞전에서 설명했듯이 난 자바 시험 때문에 이걸 만드는거다.
• 여러분은 꼭 코틀린으로 만들어라...! 

2. DB: Google Firebase > cloud-hosted NoSQL database.

• 사실 내가 1학년때 미리 들은 웹개발 수업에서 배운건 MongoDB다.
• 근데 우리 팀원이 배운거로 안하고 firsbase를 들고와서 개발하길래 프로젝트는 이거로 했다.
• 심지어 리포트에서 MongoDB 대차게 디스하길래 이거로 해보기로 했다... 

3. 서버: 아직 안정했다. 

어플 구상

1인개발. 그리고 서버와 디비연결 이외의 모든것을 하루만에 개발해야하는 (내일이 시험이다) 특성상

최대한 간단한 UI 로 적은 기능에 집중하기로 했다. 

<맛집추>

- 맛집 추천/리뷰 앱
- 구글 맵 api 기반
- 맵 위에 클릭이벤트 넣고 식당 좌표 표시
- 검색기능 
- 내 위치랑 거리 비교 (이건 나중에 넣을 예정)
- 뭔가 dijkstra라는걸 써보고싶은데 어떻게 써야될지 모르겠다. 이건 시간 많을때 하는거로...

ex) 
- 맵 위에 한식 맛집들이 표시되어있음
- 클릭 시 내 블로그 링크로 이동ㅎㅎㅎㅎㅎ 조회수개꿀
- 다른사람이 리뷰 추가하고싶으면 내 블로그에 댓글달게 만들고 db연결해서 앱에서 조회가능
- 검색기능. '탄소' 검색시 맵에서 탄소만 뜸
- 즐겨찾기 기능 (즐겨찾기 클릭하면 즐겨찾기한 맛집만 보임)
- 거리 비교 기능 (여러 곳 클릭하면 현재 위치와 거리 비교)
- 평점 비교 기능 (이건 나중에 유저 많아지면 추가)

어플 기능

최대한 한 페이지 내로 하는게 목표

- 메인 화면 구현
	- 메인화면 상단 검색창 구현
    	- 검색시 해당 식당으로 좌표 이동
        
    - 지도 위에 식당 표시
    - 식당 카테고리 검색 기능

랜딩페이지를 제작하기 위해서 HTML 구조를 잡다가 문득 Article 과 Section중 무엇을 선택해야 할까 의문이 들었다. 

두 태그 모두 HTML 5의 시맨틱 태그이다. <article> 과 <section> 태그는 출력에 변경 사항이 없기 때문에 서로를 대체할 수 있지만 구분하면 개발자와 브라우저가 해당 콘텐츠의 종류를 이해하기 쉽게 만들어준다. 

<article> 태그:

다른 컨텐츠가 필요하지 않은 독립적인 내용을 다른다. 

여러 <article> 태그를 메인 콘텐츠 안에 넣을 수 있지만, 각 기사는 독립적인 내용을 포함한다. 

예로 유튜브에서 한 페이지에 다른 종류의 비디오를 포함시키는것을 생각하면 된다. 

<section> 태그:

이 태그는 페이지를 소개, 연락처 정보, 세부 정보 등과 같은 세부적인 섹션으로 분할하는 데 사용된다. 

<section>은 다른 <section>태그 안에 포함될 수 있다.

일반 블록을 그룹화 하는 식.