나의 첫번째 프로젝트
이번 년도 1월에 처음으로 웹 개발이라는 것을 접하게 되면서 드디어 시작하게 나의 첫 프로젝트이다. 처음으로 내가 처음부터 끝까지 제작해보는 것이기에 설레이기도 하면서 걱정이 많이 되기도 하다.
일단 이 프로젝트를 진행하면서 나의 최종 목표는 완성하기…! 완벽하게 만들지는 못하더라도 일단 처음부터 끝까지 목표한 것을 완성하는 것이 최종 목표이다. 디자인이나 기능들은 나중에 수정하면 되니까~
Trip Or Travel
나의 첫번째 프로젝트의 이름은 Trip Or Travel 이다.
부제목은 여행을 가거나 여행을 떠나거나! 로, 여행일지를 작성할 수 있는 서비스이다.
여행기록 서비스로 한 이유
일단, 나는 여행을 굉장히 좋아한다. 평소와는 다른 풍경과 경험을 할 수 있기 때문이다. 그래서 여행다닐 때 마다 항상 영상을 많이 찍어두는데, 영상을 편집해야지~ 항상 생각은 하지만 10분 영상 하나 만드는데 최소 24시간은 투자를 해야하기 때문에 쉽지가 않다. 편집을 하지 않고 있으니 영상들은 쌓여가고 결국 클라우드 용량이 부족하기에 이르게 되었다. 클라우드를 늘리기에는 매달 나가는 비용이 조금 부담이기도 하고… 편집을 하기에는 학기중이라 시간이 없고…
그래서 생각한 것을 어디에라도 기록은 해야겠다! 생각이 들었다. sns에 하기에는 남들이 본다는 시선 때문에 쓰고 싶은 말이나 사진들을 막 올릴 수가 없다. (내 성격이 그렇다..)
그리고 2022년에 휴학하고 3월에 친구들과 제주도 한 달 살기를 할 것이기 때문에 이 한 달을 제대로 기록하고, 내가 직접 사용하면서 유지,보수도 해볼 겸! 이게 진짜 목적
프로젝트 주제를 여행 일지로 정했다.
기능 설명
- post box
여행 기록을 작성하는 박스
사진 업로드, Trip버튼으로 post box를 열고 닫을 수 있게 구현한다. - 여행 발자국
여행 다닌 곳들을 한눈에 볼 수 있도록 시각화
posting을 하면 자동으로 지도에 마커가 찍히고, 한국 뿐 아니라 다른 나라를 여행 갔을 때도 입력할 수 있도록 Google Map API를 사용한다. - 여행 일지
posting한 내용 카드
인스타그램처럼 사진 업로드를 필수적이게 하면서 제한된 글자 안에 여행 일지를 작성하도록 한다. 사진은 1개만을 업로드 할 수 있다. 글자수를 제한한 이유는 카드의 사이즈를 일정하게 만들고 싶어서 제한하였다.
레이아웃
나는 미술적인 감각이 zero인 사람으로… 일단 나의 나름 대로 깔끔하게 정리를 해 보았다. 그저 위에 그렸던 것을 CSS작성할 때 조금이라도.. 편하라고.. 정리했달까…
웹 페이지의 디자인은 음… 직접 만들면서 계속 변경할 것 같다! 딱히 크게 정해둔 건 없고, 여러 영상이나 사진들을 참고해서 만들 것 같다.
일단 생각해둔 웹 서비스의 느낌은 바다 느낌? 청량하고 힐링되는 느낌으로 만들고 싶다. 시그니쳐 색은 당연히 파랑으로 갈 것이다.
Comments