제주도 여행일정 추천
- 막연한 제주도 여행 계획에 도움을 줄 수 있는 웹 서비스
- 최소한의 정보 입력으로 제주도 여행일정을 생성
- 별도 로그인 없이 바로 서비스 이용 가능
신찬수 |
---|
- 사용 언어
- HTML, CSS, JS
- 서비스 배포환경
- github, 로컬 환경
sequenceDiagram
actor A as client
participant B as Web
participant C as server
A->>+B: 일정 생성 요청
B->>+C: 요청 전송
alt API URL이 맞다면
C->>+B: 일정 생성 및 전송
B->>+A: 생성된 일정 전달
else API URL이 맞지 않다면
C->>+B: False
B->>+A: 일정 생성 실패
end
📦jeju-itinerary-recommendation
┣ 📂css
┃ ┗ 📜style.css
┣ 📂images
┃ ┣ 📜cafe.jfif
┃ ┣ 📜logo.jfif
┃ ┗ 📜ms-icon-310x310.png
┣ 📂js
┃ ┗ 📜index.js
┣ 📜.env
┣ 📜.gitignore
┣ 📜index.html
┗ 📜README.md
- 아래 일정표는 머메이드로 작성했습니다.
gantt
title jeju-itinerary-recommendation
dateFormat YY-MM-DD
section 기획
정보 입력 :2024-02-14, 1d
일정 생성 :2024-02-14, 1d
section 디자인
리디자인(CSS) :2024-02-14, 1d
section FE
AI 연동 HTML 생성 :2024-02-13, 1d
메인 :2024-02-14, 1d
JS 분리 :2024-02-14, 1d
정보 입력 :2024-02-14, 1d
일정 생성 :2024-02-14, 1d
라이센스 검토 :2024-02-14, 1d
로고, 이미지 추가 :2024-02-14, 1d
리디자인 적용 :2024-02-14, 1d
section BE
AI 연동 및 보수(JS) : 2024-02-14, 1d
Prompt Engineering :2024-02-14, 1d
- 팀장 : 신찬수
- FE : 신찬수
- BE : 신찬수
- 디자인 : 신찬수
메인 |
graph TD;
A[HTML] --> |이벤트 발생| B[JS];
B[JS] --> |요청 전송| C[서버]
C[서버] --> |요청 처리 및 정보 전송| B[JS]
B[JS] --> |정보 전달| A[HTML]
-
CSS를 다루면서 생각보다 시맨틱 태그를 쓰려고 하는 게 쉽지가 않았다.
-
github 환경에서 민감한 데이터 노출과 같은 보안적인 문제를 생각할 수 있었다.
-
github 환경에서 vanilla JS가 어떤 한계를 갖는지 확인할 수 있었고 추후 langchain이나 nodeJS로 보완해야겠다는 생각이 들었다.