본문 바로가기

나의 경험/프로젝트6

GameCrew 프로젝트 개요 2023.10 ~ 2023.11_6주, FE:2, BE:2 다양한 멀티게임을 함께 즐길 수 있는 사람들을 찾는 간단한 채팅 기능이 내장된 커뮤니티 애플리케이션 만들게 된 계기 새로운 기술을 배우고자 SWR, Emotion, Socket, AWS를 활용하여 프로젝트를 진행하였다. 게임을 즐기는데 있어 대규모 멀티게임에서 함께 할 동료를 찾는 것이 어려웠다. 블로그, 카페, 디스코드 등을 활용해보았지만 어려운점이 많았다. 이에 실제 게임을 즐기는 사람들을 위한, 빠르게 동료를 찾을 수 있는 멀티게임 커뮤니티 애플리케이션을 만들기로 결정했다. SWR로 서버 데이터를 가져오고, Emotion을 활용하여 스타일링을 하였으며, Socket을 통해 채팅 기능을 구현하고 AWS를 활용하여 배포해보기로 하.. 2023. 12. 13.
행동대장 프로젝트 개요 행복한 동네를 위한 대화의 장소(2023.08 ~ 2023.09_6주, DE:1, FE:3, BE: 3 ) 동네 사건, 사고와 문제에 보다 쉽게 접근하고 공유하는 커뮤니티 서비스 만들 계 된 계기 아파트 놀이터에서 발생한 그네 사고로 12살 초등생이 사망한 뉴스를 접하게 되었던 계기로, 우리 동네 사건과 문제를 더 쉽게 이해하고 공유할 수 있는 사이트를 만들기로 하였다 사이트를 통해 사건과 문제에 대한 정보와 위치를 직관적으로 제공하고, 동네 주민들 간에 소통과 공동참여를 촉진하여, 안전과 예방에 대한 인식을 높일 수 있는 플랫폼을 구축하고자 했다 기술스택 React, JS, TS, Recoil, Styled-Component, Axios, React-Query v4, Kakao Map A.. 2023. 9. 13.
인스타그램 클론 코딩(Lifegram) 인스타그램 클론코딩을 하게 된 계기 항해에서 새로운 팀원들과 함께하는 클론코딩 주간이 왔다 어떤 페이지를 클론코딩할까 팀원분들과 함께 고민하다 현재 인기있고 제일 많이 쓰고 있은 인스타그램을 클론코딩하기로 하였다 프로젝트 개요 백과 프론트의 협업을 중심으로 인스타그램 최소 기능 클론 코딩 프로젝트 일정 일정 내용 7.21 Git Repository 구성, SA작성 7.22 FE 통신 테스트, 로그인/회원가입 기능, UI작업 7.24 게시글 CRUD, UI작업 7.25 좋아요 기능구현, 댓글 CRD, UI작업 7.26 사용자 정보 조회, 사용자 프로필 변경, UX 테스트, UX개선 7.27 문서 작업 및 발표 기술스텍 React Json Sever Axios Styled-Components React-Qu.. 2023. 8. 2.
방탈출 평가 후기 웹사이트 방탈출 후기 웹사이트를 만들게 된 계기 항해에서 하는 첫 백과 프론트의 협업이라서 규모를 작게 하여 연결시키는것을 중점으로 하기로 했다 기획을 할때 만들어야 할것을 단계별로 나누어 프로젝트를 업그레이드 하기로 했다 그래서 처음 작게 만들만하고 흥미가 있는 주제로 CRUD가 다 들어간 사이트를 만들기를 원했는데 방탈출을 좋아하여 방탈출을 별점을 매기고 후기를 남겨 서로의 경험을 공유할 수 있는 웹사이트를 만들기로 하였다 프로젝트 개요 백과 프론트의 협업을 중심으로 기획한 단계별로 방탈출 후기 웹페이지 구현 프로젝트 일정 일정 내용 7.14 프로젝트 기획, 와이어 프레임 설계, api 설계, 개발환경 세팅 7.15 ~ 7.16 1단계 기능 구현, 프론트-백 연결 7.17 ~ 7.18 2단계 기능구현, htt.. 2023. 7. 21.
웹 종합 페이지 프로젝트를 하게 된 계기 항해99에서 하는 첫 프로젝트로 토이 프로젝트를 진행하게 되었다 저번 첫 연습 프로젝트의 경험을 통해 배운점을 유의하며 진행하기로 하였다 우리 조는 프론트로만 이루어진 조였는데 저번에 연습 프로젝트를 할때는 프론트 보다는 백에 치중된 경향이 있어 이번에 프로젝트를 만들때는 프론트만으로만 만들어 보기로 하였다 프로젝트 개요 자바스크립트와 CSS , HTML 의 구조를 이해하고 자바스크립트 알고리즘을 더욱 이해하기 위해 게임을 1인 1게임 제작하여 페이지 배포 프로젝트 일정 일정 내용 6.5 프로젝트 기획 6.6 도메인 설계, 개발환경 세팅 6.6 ~ 6.8 개발 시작 및 각 작업 branch → develop branch로 merge 6.8 ~ 6.9 발표 및 코드 리뷰 프로젝트 .. 2023. 6. 11.
맵 지도 프로젝트 프로젝트를 하게 된 계기 항해99를 하면서 팀원들과 토이 프로젝트를 하기 전 연습 삼아 작은 연습 프로젝트를 하기로 했다 이제 막 항해99를 들어가 강의를 들어 개발을 시작한 나에게는 부담스러운 일이지만 실패하더라도 이것도 또한 하나의 경험이 되기 때문에 자신감을 갖고 시작하게 되었다 기술 Stack Frontend: Html, CSS, JS Backend: mongoDB, Flask 맵 지도 프로젝트 아이디어 팀원들과 여러 아이디어를 내면서 처음에는 여행계획을 짜기 위해 장소를 픽하고 그에 따른 계획 내용을 적는 프로젝트를 생각했으나 시간과 실력을 생각한 프로젝트 규모를 줄여 지도 api를 이용해 장소 즐겨찾기를 만들기로 하였다 프로젝트 인원 및 나의 역할 프로젝트 인원은 총 3명으로 나는 그중 로그인.. 2023. 6. 8.