개발일지

공공데이터로 공개된 서점 데이터들을 추가하면서 지역이 다양해졌다. 서울, 경기, 인천, 경남 등이 데이터로 포함되면서 검색 창에서 지역 선택 옵션이 너무 많아졌고 길어졌다. 이전 기수 프로젝트에서 1차 2차로 나누어서 옵션을 선택할 수 있게 한 걸 봐서 비슷한 모양으로 구현하고 싶었다. 관련 키워드로 검색해서 코드를 찾고, 일부 수정해서 반영하였다. {#지역 1차 구분하기 위한 함수#} function categoryChange(e) { {#각각의 값이 입력될 때마다 #sigun_name에 나타나는 값임#} {#DB에 없는 값은 여기서 제외함#} var region_a = ['강남구', '강동구', '강북구', '강서구', '관악구', '광진구', '구로구', '금천구', '노원구', '도봉구', '동대..

추가로 지급된 강의 웹개발플러스에 네이버 지도 API를 사용하는 부분이 있었고, 이전 기수의 미니프로젝트에도 지도 사용한 걸 봐서 네이버 지도는 꼭 사용해보고 싶었다. 사실 손을 댄건 2일차부터였는데, 시도하다가 중간 중간에 막히기도 했고, 당장 해야할 것들이 먼저 눈에 들어와서 제대로 못하고 있었다. 급한 부분들은 거의 완료가 된 상태라서 다시 시도하였다. 나중에 생각해보면 일과 끝나고 9시 이후나, 따로 시간을 분배해서 쭉 시도했으면 더 좋았을 것 같다. - 선택한 지역의 전체 서점들을 지도로 표시하는 것 - 책방 세부정보에 개별 지도를 넣는 것 중에 고민했는데, 세부정보 페이지에 공간이 많이 남기도 했고, 후자가 조금 더 간단해 보여서 시도하였다. 세부정보 페이지에 이미 서버에서 책방 목록 정보를 ..

사전 강의에서는 한 페이지 - 서버 간의 데이터 이동이 있었는데, 이번에는 여러 페이지를 만들다보니 어떻게 해야하는지 개념이 잘 잡히지 않아서 어려웠다. 페이지1에서 입력한 변수로 페이지2에서 결과 값을 보여주어야 하는데 처음에 이걸 도대체 어떤 모양으로 잡아야지, 에서 한참 시간이 걸린 것 같다. 페이지1에서 function search() { let sigun_name = $('#sigun_name option:selected').val() let choose = $('#choose').val() $.ajax({ type: 'GET', url: '/search', data: {sigun_name_give: sigun_name}, success: function () { let temphtml = `/..

공공데이터를 활용하여 프로젝트를 진행하기로 하였다. 사서로 일할 때 가장 자주 듣지만 실제 개념 이해가 안됬던 단어가 바로 오픈API다. 일례로, 국립중앙도서관 등 공동목록에서 marc 등 서지정보를 가져올 때라든지 알라딘과 같은 서점이 제공하는 책표지, 목차정보 등을 자관 도서관 홈페이지에 가져올 때 오픈API를 활용한다. 현재 정부기관에서 진행하는 집현전 같은 프로젝트에서도 오픈API를 통해 각 기관들의 공공데이터를 수집하고 있다. 그렇지만 이게 실제로는 어떤 방식으로 작용하는 것인지 이해가 안되었는데, 항해 사전 강의를 들으면서 알 수 있었다. 사전 강의에서는 기능 구현/이해를 위해 정제된 데이터를 주지만 실제 공공데이터와 오픈API를 사용하는 것은 쉽지 않았다. 공공데이터 포털(https://ww..

1. 프로젝트 명 : Seoul Book's 서울 우리 동네에는 어떤 책방이 있을까요? 관심 지역을 선택하시면 책방 정보를 알려드려요! 2. 와이드프레임 3. 개발해야 하는 기능들 기능 Method URL request response 책방 검색하기 GET /api/search {'city':city, 'gu_name':gu_name, 'store_type':store_type} 책방 리스트 코멘트 작성 POST /api/comment {'title':title, 'id': id, 'coment':comment} 코멘트 데이터 코멘트 조회 GET /api/comment 코멘트 리스트 조회 코멘트 수정 POST /api/comment/amend {'title':title, 'id': id, 'coment'..