풀스택 미니 프로젝트
총 14주 중, 1주차에 진행하게 됩니다. 사전준비 과정에서 웹개발의 A-Z를 가볍에 모두 배웠고, 1주차에 현업에서 자주 쓰이는 주요 기능들을 추가로 배웁니다.
이러한 배움을 바탕으로 풀스택으로 미니 프로젝트를 진행합니다. 팀원들과 합심하여 문제를 해결하는 방식을 배워나감으로써, 개발자의 자질을 점차 갖추게 됩니다.
풀스택 프로젝트를 통해 프로젝트에 필요한 자신감과 협업의 자질을 갖추게 되고, 나의 적성을 확인하여 주특기 선택을 원활하게 할 수 있습니다.
1조
Doggy Note
반려견 유치원에 맡겨진 반려견들이 그 동안 어떻게 지냈는지 보여주는 알림장 같은 서비스 입니다.
2조
제로웨이스터
환경오염을 해결하기 위해 작은 것부터 하나씩 함께 실천해 나가보아요! #제로웨이스트 챌리지에 참여하는 인스타그램 게시물 중 마음에 드는 게시물을 북마크 하여 저장하고, 나는 어떻게 하면 좋을지 더 좋은 아이디어를 생각하여 추가로 메모해 봅니다.
3조
12시에 만나요
원격 상담을 위해 예약을 할수 있음으로, 고객님들이 언제 상담 가능한지 보시고 바로 예약을 할수 있는 서비스를 만들었습니다.
4조
산 넘어 산
전 세대를 아울러 등산의 인기가 높아지고 있는 지금, 혼자 등산하시나요? 함께 등산할 동행을 찾아주는 동행찾기 플랫폼입니다. 가고자 하는 산의 위치, 정보를 찾을 수 있어요. 정보 탐색이 끝났다면, 동행을 찾는 글을 올려 직접 팀을 꾸려볼 수도 있어요 우리 이제 함께 등산해요!
5조
eat cloud
세상의 모든 맛집 저장소
6조
우리동네 TMI
내가 타 지역으로 여행을 떠나기 어려운 상황에 반대로 타인이 내가 살고 있는 곳으로 여행을 온다면? 운영자가 거주하는 지역 중심으로 지역을 소개하는 글을 작성하여, 추후에는 소개 지역을 넓힘으로써 사용자들이 자신이 살고 있는 지역을 홍보할 수 있도록 확장해나갈 수 있는 웹서비스이입니다.로컬 여행에 대해 보다 더 해당지역에 관한 여행을 하는데 도움을 줄 수 있는 웹서비스입니다. (제출시점 기준 EC2에서 돌아가지 않는 기능이 있어 데모영상은 로컬호스트로 연결하여 기능을 구현한 영상입니다. 수정하도록 하겠습니다.
7조
Thanks for finding
멜론에서 크롤링을 해왔고, 좋아하는 음악을 서로서로 추천하고 추천받을 수 있는 사이트를 만들었습니다!!
8조
VIII LIQUOR
랜덤 칵테일 추천, 칵테일 검색 기능을 가지고 있는 웹 사이트 ! 조원 설명과, 문의내용 페이지가 있어요 : )
9조
Scrappers
현재 실시간 검색어가 없어진 시점 간편하게 이슈를 확인하고 싶은 사람들을 위한 프로젝트입니다. 네이버와 다음에서 실시간 1~4위 뉴스를 보여줍니다. 그 중 관심있는 뉴스는 저장을 할 수 있습니다. 저장된 뉴스는 각 카드별로 댓글이나 좋아요 버튼을 누를 수 있고, 최신,댓글 수, 좋아요 수로 필터링 할 수 있습니다.
10조
뉴편함
메일링서비스 춘추전국시대로써 정작 어떤 메일링서비스가 있는지 찾아보기는 쉽지가 않습니다. "모든 뉴스레터 서비스를 한눈에 모아 볼수있게끔 만들어보면 어떨까?"하는 생각에 프로젝트를 진행하게 되었습니다.
11조
"항해샵 (Hanghae#)"
실시간으로 중고물품 거래가 가능한 웹사이트입니다~! 판매자가 게시글을 올리고 구매자는 원하는 물품을 검색하여, 마음에 드는 물품을 구매할 수 있어요. 그리고, 메인화면에서 최신순으로 등록된 게시글들을 정렬하여 볼 수 있도록 구현했습니다.😁
12조
moodic
감성과 함께하는 음악, MOODIC은 감성에 따른 음악을 공유하고 추천해 주는 사이트입니다. 평소 나만 알기 아까웠던 노래나 다른 사람들에게 추천하고 싶은 노래가 있었다면 MOODIC에서 공유해 주세요! 여러분이 공유해 주신 음악은 누군가의 하루에 힘이 되어줄 거예요!
13조
공유문화
공유문화는 말 그대로 문화를 공유하는 사이트이고 그중에서도 전시회와 공연 정보를 제공합니다. 로그인을 한 사람에게는 전시회와 공연에 관한 리뷰를 작성할 수 있게 구현했습니다. 그리고 공유님을 등장 시킴으로써 재미도 주었습니다.😀
14조
To be developer
항해 99를 진행하며 뼈가 되고 살이될 지식이 담긴 책을 소개해드리고 책별로 코멘트를 남겨 의견 교환과 소통을 할 수 있도록 만들어두었습니다 :)
15조
T.A.T(Traveling Place, Accommodation, Tourist Attraction)
여행지 위치에따라서 명소, 숙박을 패키지 형태로 편리하게 추천해주는 웹사이트를 구현해 봤습니다. T.A.T는 3가지 파트로 구성되어 있습니다:
1 . 로그인/회원가입 페이지가 랜딩페이지로 구성되어있습니다. 2.여행지, 명소, 숙박을 선택할 수 있는 페이지가 구성되어있습니다. 여행지, 명소, 숙박 선택기준은 네이버 검색 추천입니다.선택을 완료하면 해당 패키지가 저장이 되어 마이 페이지에 저장됩니다. 3.패키지가 저장된 마이페이지가 구성되어있습니다. 패키지를 여러개 만들어 저장할 수 있고 삭제하고 싶은 패키지는 삭제할 수 있습니다. 또한, 해당 패키지 리뷰를 코멘트박스에 남길 수 있습니다.
16조
My Netflix
다양한 영화&드라마와 더불어 퀄리티 높은 자체 컨텐츠로 많은 구독자를 보유한 넷플릭스 이러한 넷플릭스 작품에 대한 간단한 리뷰뿐 아니라 나만의 한 줄 해시태그, 신선한 별점 항목을 기록하고 공유할 수 있는 넷플릭스 아카이빙!
17조
주.먹.밥! (주는대로 먹는 밥!)
* 오늘도, 메뉴 선정이라는 중대한 선택의 갈림길에서 갈등하시는 분 * 최신 인기메뉴 top10 + 원하는 지역의 맛집의 정보를 받아보세요! * 웹 스크래핑으로 가져온 최신 인기 맛집 정보를 제공합니다! * bulma 기반의 깔끔한 웹 사이트 디자인도 만끽하세요!
18조
종합병원 예약시스템
간단히 병원예약을 할 수 있는 웹사이트 입니다. 간단한 회원가입 후 질료일,진료시간 등을 입력해서 예약이 가능합니다. 다른 환자분이 먼저 예약을 하면 다른 환자분은 다른 날짜 및 시간을 선택해야 합니다. 위와 같은 저의의 예약 시스템은 병원 예약 뿐만 아니라, 영화예약, 대중교통 예약, 티켓 예약 등 다양한 방면에서 사용할 수 있습니다.
19조
호텔피디아 (Hotelpedia)
'여기어때' 서비스의 크롤링 데이터 기반으로 국내 호텔 예약을 도와주는 서비스입니다.
20조
나혼자레시피
혼밥러/자취러들을 위한 레시피 추천 사이트 입니다! 다른 사용자에게 내가 좋아하는 레시피를 추천해주고 내가 관심가는 레시피는 좋아요를 꾹 눌러 담아가요 :)
21조
My Favorite Youtuber
설명: 요즘엔 길가는 사람 중 3명 중 1명을 붙잡으면 유튜버를 해볼 생각이 있거나 혹은 유튜브 채널이 있는 경우가 많습니다. 그만큼 1인 콘텐츠 제작에 대한 진입장벽이 엄청나게 낮아졌으며 날마다 수많은 유튜버들이 날마다 나오고 있는데요 그만큼 자신들이 좋아하는 유튜버 또한 다양하고 구독자가 낮아 아직 유명하지 않아도 양질의 콘텐츠를 가지고 있는 유튜버들을 추천할 수 있는 사이트를 를 만들고 싶었습니다.
22조
팝콘 극장
1. 기획 배경 :사전 강의 때 배운 개념을 최대한 활용하면서 유용한 기능을 가진 프로젝트를 고민하다 사전 강의 '무비스타'와 '나 홀로 메모장' 이 떠올라 크롤링을 통해 영화 데이터를 가져와 좋아요 와 리뷰 작성 그리고 로그인 로그아웃이 탑재된 미니 프로젝트를 기획하게 되었다. 2. 서비스 설명 :바쁜 현대인들에게 현재 상영 중인 영화들을 한눈에 보기 쉽게 리스트로 보여주면서 로그인을 하여 좋아요 횟수나 리뷰를 작성할 수 있고 인기 영화를 확인할 수 있습니다. 3. 프로젝트 진행 중에 겪었던 어려움 1) 쿠키/세션, JWT 인증 방식이 무슨 말인지 몰랐었다. 2) API 크롤링을 아무리 해도 DB에 담기지 않는 오류가 발생했다. 3) git을 처음 사용하여 오류만 발생하고 commit, push이 되지 않았었다. 4) 로그인, 로그아웃이 구현되지 않아 아무 반응이 없는 오류가 발생했었다. 5) 개발을 협업으로 진행해본 경험이 전무해서 어떤 순서로 진행해가야 할지 초반에 너무 막막하였다. 6) 분업을 하려 해도 BE, FE를 나눠서 담당할 능력치도 갖추지 못한 상태였다. 4. 어려움을 극복한 방법 :사전에 숙지해온 부분(크롤링, 프론트 틀 잡기)은 자연스레 분담해서 진행되었고 전혀 새로운 기능들은 좁게 가이드라인을 잡고(ex. 로그인 버튼 만들자) 다 같이 달려들어 모르거나 막히면 알려주고 먼저 각자 에러가 나면, 에러코드를 복사하거나 핵심 단어를 넣어 구글링하였습니다. 그래도 해결이 안 된다면 팀원들과 공유하여 에러를 하나씩 해결해나갔습니다. 팀원들이 알고 있는 지식을 도움받고, 본인이 알고 있는 지식은 팀원들에게 알려주면서 팀원들이 짠 코드와 본인의 코드를 비교하며 오류 체크도 하였습니다. 5. 구현한 기능 :메인 페이지 ( 영화 제목, 평점, 영화 상세페이지 링크, 이미지, 감독, 장르, 좋아요 횟수) 로그인 ( 아이디, 비밀번호(HS256)) 리뷰 ( 아이디, 코멘트) 6.R&R(Role&Responsibilities) 크롤링 : 주:이재윤 보조:이정주 검토: 박민경 html : 주:박민경,이정주 검토:이재윤 로그인:주:이재윤,이정주,박민경 회원가입:주:이재윤,이정주,박민경 리뷰: 주:박민경 검토:이정주,이재윤 좋아요:주:박민경 보조:이재윤 검토:이정주 로그아웃: 주:이정주 보조:이정주 검토:이재윤 영화 api: 주:이재윤 보조:이정주 검토:박민경 기획:와이어프레임:이정주 디자인:박민경 이재윤 7. 완성도 : 처음엔 완성을 목표로 부실한 기획을 한 느낌이 많이 들었는데 대화를 하다 보니 계속 욕심이 생겼고 와이드 스크립트 수정 및 이것저것 더 추가하다 보니 완성도가 많이 올라갔지만 욕심을 커버하지 못한 시간과 실력으로 구현하지 못한 아쉬운 부분들이 떠올라 최종 완성도는 개인적으로 95% 정도라고 생각한다.
23조
왜 안돼!? 왜??
저희 프로젝트는 갑자기 발생한 오류 때문에 화가 날 때 부정적인 감정 들을 쌓아 놓지말고 외부로 분출하는 소통의 공간을 만들어봤습니다! - 다른 사람들과 분노를 공유 함을 통해서 위로와 위안을 받고 다시 개발에 집중 할 수 있게하는 것이 이 사이트에 목적입니다. - 가장 공감을 많이 받은 게시글 best3를 선정합니다. - 본인이 표출한 분노가 몇 점인지 나타내주는 분노 지수를 통해서 개인의 분노를 객관적으로 생각 할 수 있게 해줍니다. - 사이트 전체의 키워드를 분석하여 빈도가 높은 순으로 글의 크기를 나타내어 전체적인 키워드를 한 눈에 보기 쉽게하였습니다.
24조
Game Tree
게임을 좋아하는 사람들을 위한 게임 정보 공유 사이트입니다. 한눈에 쉽고 빠르게 게임에 대한 정보들을 확인할 수 있으며 크롤링을 통해 유저가 게임제목만 입력해도 정보를 공유할 수 있도록 했습니다. 빠르고 간단하게 정보를 공유할 수 있도록 최소한의 정보로 로그인을 할 수 있고 로그인을 하지않아도 게임정보를 확인하고 추천할 수 있습니다
25조
보자보자 운송장 서비스
여러 사이트에서 쇼핑을 할 경우 우리는 운송장 관리의 불편함을 겪곤 합니다. 그런 당신을 위해 운송장 기록을 도와 한눈에 보여주는 서비스!
26조
편의점 맥주 털기!!
‘내 4캔에 실패란 없다.’ 취향에 맞는 맥주 고르기를 도와주는 서비스 입니다. 나의 최애 맥주가 아직 등록되어 있지 않다면 직접 등록할 수도 있고, 추천도 가능합니다.
27조
책다나와!
다양한 책 판매 사이트를 한눈에 모아 놓은 책다나와 사이트?! 검색창을 이용하여 간편하게 책을 찾아보세요~ 와이어 프레임 및 계획은 스케일이 작지만 개발에 있어서 꼭 들어가야 할 항목에 대해 더 자세히 파 헤쳐보고 기능의 원리를 이해하며 내가 평생 사용할 개념인 것 처럼 공부를 했습니다. 그 결과, 강의 내용에서 제공된 코드들에 버그를 발견하여 수정/추가를 하게 되었고 더욱더 탄탄한 웹사이트를 개발 하게 되었습니다.
28조
오늘의 커피
스타벅스 메뉴 중 사람들이 가장 좋아하는 커피를 보여드립니다! 주요 기능 - 사람들이 많이 찾는 커피 메뉴를 위에 먼저 보여드려요. - 메뉴 검색을 통해 원하는 커피를 찾을 수 있어요. - 로그인을 하면 '좋아요' 버튼과 '싫어요'버튼을 이용할 수 있어요. - 좋아하는 커피에 '좋아요'를 눌러 화면의 위로 올릴 수 있습니다. 반대로 '싫어요'로 화면에서 밑으로 내리는 것도 가능해요. - 커피에 다른 사람이 남긴 댓글을 확인할 수 있으며 로그인을 하면 댓글을 달 수 있어요.
29조
항해일지!!!
99일간의 항해를 위한 항해일지를 작성한다. 99일간의 항해는 험난하고 고난의 연속이다. 하지만 친구와 동료와 함께 라면 걱정이 없다. 그래서 항해일지도 혼자 작성하는 것 보다 친구 것을 볼 수 있게 open해 두었다. 하지만 친구 email를 모른다면 친구 추가를 할 수 없는 함정이 있다. 친구와 같이 항해일지를 작성하고 싶다면 이메일을 정중하게 물어볼 것!!! 99일간 나만의 항해일지를 작성하면서 지식과 코딩의 실력을 늘려보자
30조
오늘의 전시, 오 전
요즘에는 어떤 전시회가 열릴까 ? 오늘 다녀온 전시회 기록을 남겨볼까 ? 전시회 정보와 개인 전시회 기록 메모를 위한 사이트 ! 전시회 정보는 물론 예약과 위치까지 쉽게 확인해보세요 ! 전시회 다녀와서 기록 남기는 것도 잊지 말아요 !
31조
항스트99
항해에서 주어지는 미션을 등록하고, 등록한 미션을 수행하였을 때 완료 처리를 함으로써 성취감을 얻기 위한 나만의 투두리스트입니다! 미션 외에도 성취하기 위한 나만의 Daily Todo 를 작성해보세요!
32조
좋아하는 국내 여행지 기록!
* 가봤던 or 가보고 싶은 여행지 중 좋았던 곳은 찜하기 클릭! * 찜했던 여행지들은 마이페이지에서 모아보기 * 많은 여행지를 빠르게 찾으려면? 지역별로 분류해볼 수 있어요! * 별로였거나 이미 갔다왔다면? 하트를 한번 더 눌러 마이페이지에서 제거할 수 있어요! 구현기능: 1) 구글 지도 스크래핑 2) 좋아요 ON -> 마이페이지 이동 3) 좋아요 OFF -> 마이페이지 삭제 4) 네비게이션 바 클릭시 해당 탭으로 이동
33조
Dotrip
설명 - 여행에서의 추억을 남겨보자, 여행리뷰 페이지 Dotrip - 내가 다녀온 여행지의 사진을 추가하고, 여행지에서 느꼈던것을 간단하게 남겨보세요! - 다른 사람들이 다녀온 여행지를 구경해보세요!
34조
TOGEDO!
혼자서 해결하는 습관은 사회에서 가장 중요한 능력일 것 입니다. 하지만 우리 모두 실천하기 어렵다는 사실을 압니다. 우리는 종종 할 일을 미루지 않으려 주변 사람에게 알리곤 합니다. 이러한 경험에 착안하여 저희는 유저들(동료, 친구)이 매일 해야할 일을 공유하여, 서로에게 동기부여를 만들고자 웹서비스 TOGEDO!를 만들었습니다.
35조
H9C (Hanghae99 Community: 항해99 커뮤니티)
행해 99 웰컴키트 속 항해 지도에서 영감을 받아 99일간의 항해 내용을 기록 할 수 있는 커뮤니티 사이트를 만들었습니다.
 챕터를 진행하면서 힘들었던 점이나 좋았던 일, 앞으로 다가올 항해에 대한 기대감 등을 남겨주세요!
36조
항해GPS
항해 99 동료들과 함께 사용 할 수 있을 만한 서비스가 뭐가 있을까 고민하다가 '항해GPS'를 만들게 되었습니다. 항해GPS사용 설명서 '항해GPS'는 항해일지, 보물창고, s.o.s 총 3페이지로 구성되어 있습니다 항해일지는 표류하는 동안 팀원들과 함께한 시간들을 이미지와 글로 공유할 수 있는 공간 입니다. 보물창고는 완주하는 항해99를 위해서 서로에게 도움이 될만한 보물같은 영상과 뉴스들을 공유할 수 있는 공간 입니다. s.o.s는 모르는 것이 생겼을때 항해99 동료들에게 구조요청을하는 곳 입니다.