Project/TeamProject (37) 썸네일형 리스트형 [팀플 - Travel Jeju] 4th course - Travel Course UI [ 오늘 할 일 ] 여행경로 찾기 기능을 구현하기 위해서 UI부터 구성 기능 추가할 것 정리 팀원 전체 회의 [ 전체적인 흐름 ] 화면단에서 세개의 bar (navbar / left-sidebar / right-sidebar)를 나눈다 메인에 지도를 넣고 나머지 3개의 bar UI 구성 첫 번째 과정으로는 큰 틀을 3개의 bar와 메인(지도 삽입 부분)으로 구성하였다 아직 데이터를 가져오는 코드들은 구상하지 못하였고, css만 이용해서 아래 이미지와 같이 UI를 구성하였다 왼쪽, 오른쪽 사이드바에만 스크롤을 넣어야 하는데 (카드가 많아졌을 때 지도는 스크롤되면 안 되기 때문에 해당 부분에서만 스크롤이 되어야 한다 ) overflow-y 속성에 scroll 값을 주고, 높이를 결정하면 해당 부분에만 스크롤.. [팀플 - Travel Jeju] 3rd course - Map Coordinates [ 오늘 할 일 ] 경로 찾기를 구현하려면 맛집 & 관광지 카드 클릭 시 지도에 마커를 표시하는 기능을 넣어야 한다 (위 이미지의 오른쪽 리스트에서 카드 형식으로 DB에서 데이터를 가져와 만들어줄 예정이다) 지도에 마커를 표시하기 위해서는 좌표를 알아야한다 사용자가 맛집 & 관광지를 등록할 때 좌표를 스스로 넣기에는 많이 부담된다고 판단 사용자가 등록할 때 지도를 삽입해 좌표를 백엔드단에서 알아서 처리해 구해주는 기능을 구현해야 한다 [ 전체적인 흐름 ] 카카오맵을 가져와서 키워드로 장소를 검색해서 원하는 장소를 선택할 수 있게 한다 장소 선택 시 자동으로 위도, 경도를 구해서 DB에 들어갈 값을 채우기 위해 입력값에 자동으로 들어가게 해야 한다 처음으로는 키워드로 장소를 검색하고 목록 리스트를 띄워주는.. [팀플 - Travel Jeju] 2nd course - Modal [ 오늘 할 일 ] 멀티 폴리곤 클릭 시 해당 구역의 정보를 DB에서 가져와 모달에 띄워주기 [ 전체적인 흐름 ] Modal을 hidden으로 숨겨서 미리 띄어놓는다 => Modal을 미리 띄어 놓는 이유는 ajax로 json 데이터만 넘어오게 만들 예정이기 때문이다 멀티폴리곤에 클릭 이벤트를 적용한다 이벤트 발생 시 ajax로 페이지 이동 없이 데이터를 DB에서 가져온다 => 단순히 폴리곤을 클릭 시에 데이터만 수정해주면 되기 때문에 ajax를 이용하였다 모달 UI 및 transform 구성 처음에는 카카오에서 발급받은 키를 이용하여 카카오 맵을 가져왔다 그 후로 미리 만든 폴리곤을 적용시킨 결과 - 폴리곤 만드는 방법 1일차 참조 https://woongbin96.tistory.com/207 그 후에.. [팀플 - Travel Jeju] 1st course - MultiPolygon [ 오늘 할 일 ] 미리 구성된 UI화면 단의 이미지를 멀티 폴리곤으로 만들기 후에 폴리곤을 클릭 시 해당 구역의 내용들을 DB에서 값을 꺼내와 모달로 띄워줄 예정 [ 전체적인 흐름 ] QGIS 프로그램 - shp파일 원하는 구역별로 만들기 shp 파일 -> geojson 파일로 변환 카카오맵 API 이용하여 geojson으로 폴리곤 만들기 - 현재 UI 화면 : 단순 일러스트 이미지로 대체했었다 - 벤치마킹 : 카카오맵 API에서 멀티 폴리곤이 서울로 적용되어 있는 모습 mouseover / click / mouseout 이벤트도 함께 적용되어 있었다 멀티 폴리곤을 만들기 위해서는 json 형식으로 원하는 구역의 좌표값을 받아와야 한다 QGIS 프로그램을 통해 대한민국을 원하는 방식으로 쪼갠 데이터를 .. [팀플 - Travel Jeju] DB 설계 최종 팀 프로젝트가 시작되었다 프로젝트 시작은 DB설계, 유스 케이스 등 팀원 간 협의하면서 구조를 쌓는 게 먼저라고 생각했다 DB설계라는 것 자체가 시작도 전에 너무 어려울 것 같은 느낌이 들었었고, 경험이 적어 잘못 설계하는건 아닐까 라는 생각도 지속적으로 들 것 같아서 1차 프로젝트 때도 DB설계에는 크게 관여하지 않았었다 하지만 언제까지 그럴순 없었고, 무엇보다 이 프로젝트를 내가 기획했기 때문에 전체적인 구조가 대강 머릿속에 그려지는 내가 DB설계를 도맡아 하는 게 맞는 것 같았다 몰론, 글을 쓰는 지금 이 순간에도 수정해야 하는 부분이 보인다 또한 기능을 하나하나 추가하면서 변동되는 컬럼들, 비즈니스 로직을 단순화 시키기위해 DB에 비중을 좀 더 주는 것으로 인해 변동되는 테이블도 많을 것이고.. 최종 팀 프로젝트 사전발표 글을 쓰기에 앞서, 최종 팀 프로젝트 사전 발표는 학원 내에서 나 홀로 진행되었다 비전공자 출신인 내가 4개월의 과정을 거치면서, 따라가기 힘든 부분들이 많은 만큼 혼자 자습하는 시간이 많아졌고, 열정적인 친구 한 명 둔 덕분에 스터디를 형성하게 되고 그 시간들이 모여 강사님께서 발표자를 나로 추천해 주신 것 같아 기쁜 마음으로 준비하게 되었다 몰론 전공자 분들도 발표를 시키면 나보다 더 짜임새있게 잘하시는 것은 당연한 얘기다 성격이 유별난 덕분인지 1차 팀 프로젝트 때 강사님께서 밸런스있게 팀을 나눠주시는 것에 대해 한 가지 의구심이 들었다 '팀 프로젝트 시작 전에 각자 하고 싶은 프로젝트를 간단하게라도 준비해와 발표 과정을 거쳐 프로젝트별로 하고 싶은 인원끼리 뭉치는 게 더 좋은 결과물을 내지 않을까.. [팀플 - movie_kiosk] End 2주간의 첫 팀 프로젝트가 끝나게 되었다 후련하기도 한편으로는 아쉬운 마음도 든다 코드 내용과 트러블슈팅, 화면 캡처본 등은 깃허브 리드미 파일에 작성하였다 https://github.com/kes0421/POS GitHub - kes0421/POS Contribute to kes0421/POS development by creating an account on GitHub. github.com 팀 프로젝트가 끝나고 강사님께서 PPT를 만들어서 발표하는 시간을 갖는다고 하셨다 각 조마다 차례대로 발표가 이루어졌고, 강사님께서 아쉬운 부분들을 피드백해주셨다 우리 조의 가장 큰 문제는 디자인이었다 포스기 프로젝트는 CRUD가 기본적인 기능이어서 기능적인 부분은 잘 만들었는데, 이미지가 이쁘지 않거나, 전체적.. [팀플 - movie_kiosk] 9th course (CRUD) 오늘 시도한 기능 구현은 게시판의 가장 기초적이면서 핵심적인 CRUD이다 아직 검색 기능까지는 구현하지 못했지만, 상품을 추가/수정/삭제할 수 있게 기능을 구현하였다 처음으로는, 원래 UI 테스트용으로 넣어놨던 상품들을 다 삭제하고 DB에 상품들을 추가한 후에 이클립스와 연동해서 GUI로 화면을 띄웠다 상품 재고를 가져오는 코드이다. ProductsInventory는 DB의 모델이고 그 모델 안에 sql문으로 모든 것을 가져와서 ArrayList배열에 넣어준다 후에, 원하는 페이지(현재는 관리자 페이지)에서 모델 안에 들어 있는 값들을 하나씩 꺼내서 원하는 위치에 값을 넣어주는 형식으로 진행하였다 영화관의 재고관리 자체가 애매한 부분이 참 많아서 (팝콘과 음료의 재고를 개당으로 표현하기 애매) 완제로 나.. 이전 1 2 3 4 5 다음