What⭐︎ 도쿄의 사계 > ## How⭐︎ 도쿄의 사계절 안에서 내 취향에 맞는 관광 명소를 매칭하기! 설문조사 형식으로 답변을 선택하면 내 성향에 어울리는 관광지를 매칭해서 소개해 주는 서비스. > ## Why⭐︎ 어린 나이에 홀로서기로 시작해 어느덧
<사전준비>・ 엑셀 파일에 질문/답변,명소/키워드,API시트 만들기・ 명소/키워드 분류하기・ 도쿄 공식사이트의 명소들 확인하고 내용 파악하기<메인페이지>・ 블루마에서 배너 설정・ 도쿄 타워 아침,밤 사진 설정・ 10초 간격으로 교차시키기 기능・ subtitl
What I did ・ 명소/키워드 분류한 뒤 카테고리 나누기 (그룹화) ・ 질문&답변 작성하고 카테고리 그룹과 연결시키기 (수정 필요) ・ 기존의 모달 지우고 START버튼 누르면 start페이지로 이동시키기 ・ start.html만들고 메인 베너와 글씨 등 똑같
<사전준비>・ sport-DB의 시트 작성 및 구조 표 작성・ 질문&답변 작성하고 카테고리 그룹과 연결시키기 (재확인)<메인페이지>・ Trasnlation 드롭 박스 바깥쪽 눌러도 닫히게 하기(모든 페이지에 다 동일하게 적용시켰다)・ START 버튼을 멋있게
<사전준비>・ 질문&답변 작성하고 카테고리 그룹과 연결시키는 걸 완성하고야 말았다. 정말 머리 많이 쓰고 정말 많이 힘들었기에 완성된 걸 보고 내 자신이 너무 기특하고 경이롭기 까지 하다.....(눈물 좔좔)・데이터 베이스에 넣을 관광 명소의 콜렉션 테이블의 구조
<사전준비>・데이터 베이스에 넣을 관광 명소의 콜렉션 테이블의 구조에 관광명소 이름, 관광 명소 이미지 이름, 관광 공식 사이트 URL, 디스크립션의 글귀 작성,관광 명소 아이디를 부여해서 입력 완료 했다. 다 수작업으로 하는거라 은근히 시간 많이 걸림....매칭
<사전준비>・ 데이터 베이스에 드.디.어. 완성한 관광 명소 정보들을 삽입하였다.파이썬 range 함수를 사용했는데, 잘은 모르겠지만 1.엑셀의 컬럼을 숫자로 지정해서 각각의 테이블명을 넣을 변수를 만들고 2\. 또 그 변수를 데이터 베이스 삽입 단골 변수 do
<메인페이지>・ 가장 어려웠고 여전히 아리송하고 혼자서는 도저히 무려여서 현직 엔지니어인 지인의 도움으로 겨우 만든 파이썬 코드..🎈 app.py 새로 만든 category_id라는 변수를 클라이언트와 연결시켜 준다.get요청이기 때문에 request.args.
<메인페이지>・ 즐겨찾기 코드 작성하기 기존의 데이터 베이스에 새로운 필드를 추가해서 즐겨찾기한 명소를 추가 및 해제하는 방식의 코드인데 이건 나 혼자 한테만 해당하는거라, 다른 유저가 눌르면 내가 누른 명소가 보여지게 된다.내가 원하는 모든 유저가 각각 자신만의
What I did 🎈 app.py 어느 페이지에서도 트립박스 페이지로 이동할 수 있게 함 🎈 CSS slick을 이용하여 일단 코드만 넣어 봄. {#slick / slider#} body { background:
<Mytripbox 페이지>Slick 옵션 변경 (3장씩 보이도록)버튼 누르면 모달창 등장하게 하기모달창에 메모 기능 넣기메모를 저장하면 데이터베이스에 저장 및 모달안에 표시시키기🎈 app.py🎈 CSS🎈 JS🎈슬릭 참고 사이트https://ken
<start 매칭 페이지>・ 클릭했을 때 북마크 추가 및 해제 여부 바로 뜨는 것 (그 자리에서 북마크 색깔이 클릭 여하에 따라 바로 바로 바뀜) 구현하기 >LocalStorage・ 회원가입/로그인 없이 각각의 유저가 자신만의 북마크를 구현🎈 app.py자바스크
<사전 준비>・ 일본어, 영어로 번역된 글씨 확인하면서 디스크립션 변경하기・ 매칭 디스크립션 더 짧게 변경해서 새롭게 데이터 베이스에 저장하기→→ 위에 두가지 작업은 일본어로 번역했을 때 글씨가 밀리고 짤리는 게 많아서 일일히 매칭 결과를 확인하면서 하나하나
<my trip box 페이지>・ 가장 중요한 메모 저장 및 삭제 기능을... 또 다시 현역 엔지니어인 지인의 도움을 빌어 구현하고야 말았다... (백엔드 엔지니어이지만 로컬스트로지 기능으로 사이트를 만든적이 없어서 약 1시간 반정도 소요됨. 나 혼자였으면 2주일