Project (8) 썸네일형 리스트형 AI 웹 서비스 : 구해줘! 지구 - 5주차 회고 (06/28~07/02) 시간이 정말 빠르게 지나간 것 같다. 처음에는 언제 5주가 지나나 했는데... 5주차 들어서면서는 '아직 남은 구현도 많고, 다듬어야 할 부분도 많은데! 한 주만 더 주세여...!' 라고 생각하게 되었으니 ㅠㅠ 마지막 날까지 수정한 결과 그대로 처음 기획했던 기능은 다 넣었다. 이번 프로젝트는 익숙치 않은 next.js와 typescript를 사용하면서 속도가 더뎠지만, 나름 많은 것을 배운 기회가 되었다. 다음엔 좀 더 익숙하게 사용할 수 있길 바라며... 공부해야지! 내가 완료한 기능인트로 페이지 : 이미지 및 레이아웃 수정퀴즈 페이지 : 퀴즈 도전 횟수 제한, 퀴즈 데이터 적용 ("quizs" 엔드포인트로 get 요청), 포인트 적립 ("points" 엔드포인트로 route=quiz인 쿼리스트링.. AI 웹 서비스 : 구해줘! 지구 - 4주차 회고 (06/21~06/25) 내가 완료한 기능대형폐기물 페이지 : json 파일 추가, select 박스로 데이터 받아와서 좌표 찍기 구현로그인, 회원가입 페이지 : sessionStorage 토큰 활용, recoil 이용하여 상태값 저장 앞으로 남은 구현 목록퀴즈 페이지 : 포인트 적립 및 하루 3번 도전 가능하게 구현 결과 화면 AI 웹 서비스 : 구해줘! 지구 - 3주차 회고 (06/14~06/18) 나머지 페이지 레이아웃을 거의 다 잡았다. 이제 남은 일은 기능 구현하는 것이다! 제발 잘 되길... 내가 완료한 기능인트로 페이지 : 동영상이 화면 꽉차게 CSS 수정, 아래 화살표 애니메이션 구현대형폐기물 페이지 : Kakao map api 좌표-주소 변환 적용로그인, 회원가입 페이지 : 레이아웃 구현퀴즈 페이지 : 레이아웃 구현 앞으로 남은 구현 목록각 페이지 Api 연결Recoil 사용하여 로그인 구현 AI 웹 서비스 : 구해줘! 지구 - 2주차 회고 (06/07~06/11) 저번 주에 기획을 마무리하고, 본격적으로 개발에 들어갔다. 아직 백엔드 코드가 완료되지 않았기 때문에, 프론트엔드에서는 모든 화면의 레이아웃부터 잡기로 했다. 내가 좋아하는 CSS~!! 레이아웃 잡는건 재밌다 ㅋㅋㅋ 그래서 이번 주는 각자 맡은 페이지 별로 레이아웃을 잡고, 간단한 기능을 추가하는 것으로 마무리하였다. 그 중 메인에 동영상을 자동재생하여 보여주기로 했는데, 꽉 찬 화면이 깔끔하고 아주 맘에 든다~! 내가 완료한 기능인트로 페이지 : 레이아웃 구현, 동영상 적용우리동네 대형폐기물 페이지 : 레이아웃 구현, kakao map api 적용 앞으로 남은 구현 목록로그인, 회원가입, 퀴즈 페이지 레이아웃 구현Api 연결하여 데이터 적용 결과 화면 AI 웹 서비스 : 구해줘! 지구 - 1주차 회고 (05/31~06/04) 엘리스 4기 3번째 팀 프로젝트가 또 다시 시작되었다. 이번엔 생활 폐기물 분리수거를 도와주는 웹 서비스를 만들기로 하였다. 2차가 끝난지 얼마 지나지 않은 것 같지만...ㅎ 저번 프로젝트 보다 더 많은 것을 이해하고 개발할 수 있는 내가 되길 바라며 시작! 프로젝트 소개팀 구성Frontend - 2명, Backend - 2명, 인공지능 - 2명프로젝트명구해줘, 지구! : 분리배출 안내 웹 서비스프로젝트 기능 설명이미지 인식을 통한 분리배출 방법 안내, 대형 폐기물 안내 사이트 연결, 퀴즈 및 포인트 적립 등언어 및 프레임워크TypeScript, Next.js, Express, PostgreSQL, Python라이브러리 및 도구front - mui, react-chartjs-2, recoil, rea.. 데이터 분석 웹 서비스 : Boardmon - 3주차 회고 (05/03~05/07) 어느덧 3주의 기간이 모두 지났다. 급격히 친해졌던 2주차를 뒤로하고, 3주차에 들어서면서는 프로젝트 마무리에 쫒겨 하루 하루가 정말 보람찬 하루였던 것 같다. 팀원 중 해결되지 않는 문제가 생기면 백엔드, 프론트엔드... 자신이 어떤 포지션인지에 국한되지 않고 누구든지 달려가서 서로를 도왔다...♥ 그렇게 계속 진행하다보니, 서로의 코드를 이해할 수 있는 시간이 된 것 같고, 함께 문제를 해결하면서 새로운 문제 해결 방법도 익힐 수 있었다~~!! 정말... 이번 프로젝트는 소통의 중요성를 크게 느끼게 해주었고, 이러한 팀원을 만나게 된 것은 나에게 넘나 큰 행운이다! 기능 구현 내용Boardgame 페이지 완성BoardgameData 컴포넌트 구현 : 보드게임 데이터 요청 후, 페이지네이션 적용하여 .. 데이터 분석 웹 서비스 : Boardmon - 2주차 회고 (04/26~04/30) 2주가 정말 금방 지났던 것 같다. 벌써 팀원들과 무척이나 친해져서 밤새 같이 코딩하다가도 회의랍시고 잡담으로 빠지는 경우가 수두룩 했지만 ㅋㅋㅋ 정말 너무너무 재미있었다!!! 기능 구현 내용Boardgame 페이지 구현BoardgameData 컴포넌트 구현 : 보드게임 데이터 요청 후, BoardgameCard으로 데이터 전달BoardgameCategory 컴포넌트 구현 : 카테고리 조건 별로 데이터 요청BoardgameCard 컴포넌트 구현 : 보드게임의 대한 정보 렌더링 Note. BoardgameData 컴포넌트 구현useState : 보드게임 데이터 저장useEffect : 보드게임 카테고리 조건 선택이 바뀔 때 실행할 함수conditionGamesHandler : 보드게임 카테고리 조건이.. 데이터 분석 웹 서비스 : Boardmon - 1주차 회고 (04/19~04/23) 엘리스 4기에서 이루어지는 팀 프로젝트 2번째가 시작되었다! 데이터 분석 웹 서비스로, Kaggle에서 데이터셋을 가져와 정제하고, 그것을 시각화하여 사용자에게 제공하는 웹 페이지를 구현하는 것이 목표이다. 이전 프로젝트와는 다르게 기획부터 직접 하게 되면서, 백엔드 3명, 프론트엔드 3명 총 6명으로 구성된 우리팀은 하루의 대부분을 회의로 보내게 되었다....^^ 아침 스크럼부터 오후 오피스아워까지!! 이번에 만난 팀원들의 에너지가 얼마나 좋은지 ㅋㅋㅋ 아이디어도 통통 튀고, 열정적이었던 분위기 덕분에 나도 점점 의욕이 솟은 것 같다. 그렇게 우리팀의 프로젝트 주제는 보드게임 추천 웹 서비스가 되었다. 프로젝트 소개팀 구성Frontend - 3명, Backend - 3명프로젝트명BOARDMON : .. 이전 1 다음
