daanta-real / hexagram_semi Goto Github PK

카카오맵 API의 키 발급 및 서블릿(or JSP) 반영 연습

• API 키 발급
• API 서블릿 적용 실습
• API 사용법 실습
• API 적용

자기 아이디어가 누락된 팀원에게는 추가 아이디어를 접수받아 각자의 의견을 최대한 반영하였으며, 이후 투표를 통해 최종 주제를 선정함.

1. 추가된 주제
   new 1. 꾸르잼 사이트
   new 2. 관광지 검색 사이트

2. 최종 주제선정
   new 2. 관광지 검색 사이트
   https://korean.visitkorea.or.kr/main/main.do#home

1. ERD 기준 테이블 작업하기

글제목: 공공API를 JAVA를 이용하여 데이터를 뽑아내기
추출대상: (위치정보/지명이름/ 그 외의 상세정보들)
탐구내용: 처음에 커밋한 코드에 대한 문제점 및 개선점 확인

선아 기능구현 중

• 회원가입 아이디 중복검사
• 회원가입
• 로그인
• 회원정보수정(닉네임, 이메일, 폰번)
• 비밀번호변경
• 회원탈퇴
• 관리자-회원등급수정
• 관리자-회원전체목록조회

홈페이지 레이아웃 선정

21/10/13 웹사이트 Flow Diagram 작성웹사이트 제작에 필요한 전체 흐름도를 작성해야 합니다.
Draw.io 를 이용하여 웹페이지/서블릿들의 전체 구조와 그 흐름도를 작성할 필요가 있습니다.

제작할 홈피 주제 선정을 위해, 아이디어 브레인스토밍 실시 후 각건 주제 적절성 검토하였음.

1. 싸이월드
2. e-book → 주제가 모호하여 실제 구현하기도 애매함
3. ERP → 구현 가능 범위가 광범위하여 명확한 목표를 정하기가 어려움
4. 쇼핑몰
5. 공중화장실검색
6. 매물 알리미 → 주제가 모호함
7. 깃북 → 댓글관련 기능이 없는거같음
8. 미세먼지 → 게시판 구현과 연관성이 적음
9. 코로나 → 게시판 구현과 연관성이 적음
10. 주식 → 게시판 구현과 연관성이 적음
11. 트위터분석 → 게시판 구현과 연관성이 적음
12. 신발 드로우 트래커 → 게시판 구현과 연관성이 적음
13. 구내식당 찾기 → 게시판 구현과 연관성이 적음 + 연관데이터 확보 어려움
14. 부동산 → 연관데이터 확보 어려움
15. K-미디어 검색 → 연관데이터 확보 어려움
16. 도서검색 사이트 → 연관데이터 확보 어려움
17. 코스트코 주차장 자리 보기 → 연관데이터 확보 어려움 + CRUD 구현 불가
18. 도서관 빈자리 찾기 → 연관데이터 확보 어려움(빈자리 정보 캐내면 불법임)
19. 다나와 → 나쁘지 않은 아이템이긴 한데 난이도가 매우 높아 걱정.(검색 끝판왕)
20. 나이키매니아
21. 미코 - 미니 IT기기 커뮤니티
22. 언론사 사이트

모듈화를 완성하고, 검색기능을 구현하고 a 혹은 form 태그를 활용하여 페이지끼리의 관계를 구현하였습니다.
추가적으로 더 기능을 구현하고 아이디어를 확장시키기 위해서 조원들과 토론하길 원합니다.
우선 사진으로 내용 구현을 공유합니다,

배색은 레이아웃과 함께 홈페이지 UI/UX에 중요한 영향을 끼치는 요소입니다
웹사이트에 어떤 테마의 색을 쓰느냐에 따라서 사용자 느끼는 느낌이 다릅니다
밝은 빨간색을 쓰면 생동감 있어 보이는 반면 채도가 낮은 블랙톤 계열을 쓰면 차분해 보이는 식입니다
사용자에게 우리 웹사이트가 어떤 느낌으로 보이게 하고 싶으신가요?
각자의 의견을 취합해 보겠습니다

API로부터 획득한 JSON Parsing 모듈 생성

• 작업내용: 뽑아낸 데이터를 바탕으로 JSP를 통해서 API의 데이터를 Parsing하여 언제든지 가져다쓸 수 있게 JAVA 파일을 모듈화시키기
• 목표 결과물: Utils,Dao,Dto 생성
• 참고사항: 여기서 Dao는 기존의 CRRUD와 구조가 다르다. => 공공 데이터를 빼오는 것이므로 필요한 데이터를 조회하기 위한 파라미터를 생성하는 메소드 / 조회 및 상세 조회인 R의 메소드 가 있음.

API로 데이터를 뽑아서 최종 모듈화를 시켜봤습니다.
아직 없는 기능도 많지만 한번 확인부탁드립니다.

브레인스토밍 목록을 심사한 결과 반영, 검토해야 할 목록을 최소한으로 추림.

1. 싸이월드
2. 쇼핑몰
3. 공중화장실검색
4. 나이키매니아
5. 미코
6. 언론사사이트

우리가 홈페이지에 어떤 구조의 레이아웃을 적용할지 고민해봐야 합니다
레이아웃을 뭘 고르느냐에 따라서 사용자 눈의 동선도 달라지고 눈에 보이는 홈페이지 구성이 완전히 달라질 수 있습니다

우선 괜찮은 레이아웃들이 어떤 것들이 있는지 조사해 봅시다
여러 사이트에서 다양한 레이아웃을 긁어모아 봅시다

크런치 기간 ( 21/11/15(월) ~ 26(금) ) 기간 동안 작업일지를 작성합니다.
각자 저녁에 아래의 양식을 지켜서 여기에 댓글 달아주시면
다음 날에 제가 취합해서 완성본을 만들겠습니다.

• 오늘의 목표: 오늘 하기로 한 일
• 오늘의 달성내역: 그 중에서 내가 해낸 일
• 미달사유: 그 중에서 내가 해내지 못한 일에 대한 고찰
• 내일의 목표: 다음 날의 목표

가독성에 좋은 폰트를 선정하여 우리 웹사이트에 사용하고자 합니다.
좋은 폰트 있으면 댓글 주세요

21/10/15(금) 회의록

1. 초기 DB 사양 확정 ⇒ 현사양 유지

   1. 빠른 진행을 위해 현사양으로 고정
   2. 플젝 진척에 따라 구조 수정 대응 可

2. 초기 메뉴구조 확정 ⇒ 3개로 최종 확정

   1. 변경 전: 5개 (관광지 소개/축제 소개/코스 공유/관광지 후기/이벤트 소개)
   2. 변경 후: 3개로 수렴 (관광지 소개/코스 공유/이벤트 소개)

3. 적용 API 확정 ⇒ 한국관광공사 관광사진정보 API

   1. 가용 API 목록 정리: 총 9종
      ※ 현시점 키 확보된 것 기준으로 목록을 추림
   2. 후보군 수렴: 3번, 9번
      ① 3번: 한국관광공사 관광사진정보 (전국)
      ② 9번: 비짓제주 관광정보 (제주)
   3. 최종 확정: 활용도가 좀더 높은 3번으로 확정

4. 레이아웃 확정 ⇒ 6번 심플 레이아웃 사용

   1. 후보 확인: 후보지 1~9번
      ※ 성진님이 주신것도 1번에 포함
   2. 토의 결과: 6번(header + contents만 있는 구조) 확정
      ※ 메뉴 추가에 따라 1(header+nav+contents)로 변경될 수도 있음

ERD 코스 테이블 작업 - 조수현

[사용 API 선정]
본 웹사이트의 참고 DB가 될 여행정보 API를 선정하는 작업.

1. 대한민국구석구석 https://korean.visitkorea.or.kr/main/main.do#home
2. 한국관광데이터랩 https://datalab.visitkorea.or.kr/datalab/portal/main/getMainForm.do
3. 국토교통부관광지 https://www.data.go.kr/data/15058656/openapi.do
4. Tour API https://api.visitkorea.or.kr/main.do
5. Visit Jeju https://www.visitjeju.net/kr/visitjejuapi
6. 국내여행코스총정리 https://korean.visitkorea.or.kr/main/cs_main.do
7. 제주투어API https://tourapi.visitjeju.net/#/intro
8. 트립어드바이저리뷰 https://www.tripadvisor.co.kr/
9. 한국관광공사API http://2021tourapi.com/sub03.php

ERD : https://www.erdcloud.com/d/2gcL6zrgLDngNtYmN

기본적으로 작성한 ERD의 내용을 SQL테이블로 만들어보고 추가할 컬럼의 제약조건과 설정등을 상의해서 발전시킬 예정입니다

제가 해보겠습니다~

첫 작업된 ERD 기반으로 기초 ERD 맵 구성

<기능 추가 제안>
홈/ABOUT US/플래너/탐색/투어/이용방법/FAQ/리뷰/고객센터/로그인

Originally posted by @soeun407 in #11 (comment)

1. 페이지별 UI가 모두 달라 통일 필요함
   → 단위 메뉴 별 CSS파일을 작성하여 공통 사용 위한 레이아웃을 정해줌
   ※ 단, 크기나 상세 레이아웃은 담당자가 결정

• 앨범형 레이아웃
• 필터형 레이아웃
• 게시판형 레이아웃 (3열 이상인 구조에서 사용)
• 테이블형 레이아웃 (첫열 th인 2열 구조에서 사용)

• 선정 레이아웃 이용