꿈꾸는 개발자의 블로그

저번 주에 기획을 마무리하고, 본격적으로 개발에 들어갔다. 아직 백엔드 코드가 완료되지 않았기 때문에, 프론트엔드에서는 모든 화면의 레이아웃부터 잡기로 했다. 내가 좋아하는 CSS~!! 레이아웃 잡는건 재밌다 ㅋㅋㅋ 그래서 이번 주는 각자 맡은 페이지 별로 레이아웃을 잡고, 간단한 기능을 추가하는 것으로 마무리하였다. 그 중 메인에 동영상을 자동재생하여 보여주기로 했는데, 꽉 찬 화면이 깔끔하고 아주 맘에 든다~! 내가 완료한 기능 인트로 페이지 : 레이아웃 구현, 동영상 적용 우리동네 대형폐기물 페이지 : 레이아웃 구현, kakao map api 적용 앞으로 남은 구현 목록 로그인, 회원가입, 퀴즈 페이지 레이아웃 구현 Api 연결하여 데이터 적용 결과 화면

엘리스 4기 3번째 팀 프로젝트가 또 다시 시작되었다. 이번엔 생활 폐기물 분리수거를 도와주는 웹 서비스를 만들기로 하였다. 2차가 끝난지 얼마 지나지 않은 것 같지만...ㅎ 저번 프로젝트 보다 더 많은 것을 이해하고 개발할 수 있는 내가 되길 바라며 시작! 프로젝트 소개 팀 구성 Frontend - 2명, Backend - 2명, 인공지능 - 2명 프로젝트명 구해줘, 지구! : 분리배출 안내 웹 서비스 프로젝트 기능 설명 이미지 인식을 통한 분리배출 방법 안내, 대형 폐기물 안내 사이트 연결, 퀴즈 및 포인트 적립 등 언어 및 프레임워크 TypeScript, Next.js, Express, PostgreSQL, Python 라이브러리 및 도구 front - mui, react-chartjs-2, rec..

어느덧 3주의 기간이 모두 지났다. 급격히 친해졌던 2주차를 뒤로하고, 3주차에 들어서면서는 프로젝트 마무리에 쫒겨 하루 하루가 정말 보람찬 하루였던 것 같다. 팀원 중 해결되지 않는 문제가 생기면 백엔드, 프론트엔드... 자신이 어떤 포지션인지에 국한되지 않고 누구든지 달려가서 서로를 도왔다...♥ 그렇게 계속 진행하다보니, 서로의 코드를 이해할 수 있는 시간이 된 것 같고, 함께 문제를 해결하면서 새로운 문제 해결 방법도 익힐 수 있었다~~!! 정말... 이번 프로젝트는 소통의 중요성를 크게 느끼게 해주었고, 이러한 팀원을 만나게 된 것은 나에게 넘나 큰 행운이다! 기능 구현 내용 Boardgame 페이지 완성 BoardgameData 컴포넌트 구현 : 보드게임 데이터 요청 후, 페이지네이션 적용하여..

2주가 정말 금방 지났던 것 같다. 벌써 팀원들과 무척이나 친해져서 밤새 같이 코딩하다가도 회의랍시고 잡담으로 빠지는 경우가 수두룩 했지만 ㅋㅋㅋ 정말 너무너무 재미있었다!!! 기능 구현 내용 Boardgame 페이지 구현 BoardgameData 컴포넌트 구현 : 보드게임 데이터 요청 후, BoardgameCard으로 데이터 전달 BoardgameCategory 컴포넌트 구현 : 카테고리 조건 별로 데이터 요청 BoardgameCard 컴포넌트 구현 : 보드게임의 대한 정보 렌더링 Note. BoardgameData 컴포넌트 구현 useState : 보드게임 데이터 저장 useEffect : 보드게임 카테고리 조건 선택이 바뀔 때 실행할 함수 conditionGamesHandler : 보드게임 카테고리..

엘리스 4기에서 이루어지는 팀 프로젝트 2번째가 시작되었다! 데이터 분석 웹 서비스로, Kaggle에서 데이터셋을 가져와 정제하고, 그것을 시각화하여 사용자에게 제공하는 웹 페이지를 구현하는 것이 목표이다. 이전 프로젝트와는 다르게 기획부터 직접 하게 되면서, 백엔드 3명, 프론트엔드 3명 총 6명으로 구성된 우리팀은 하루의 대부분을 회의로 보내게 되었다....^^ 아침 스크럼부터 오후 오피스아워까지!! 이번에 만난 팀원들의 에너지가 얼마나 좋은지 ㅋㅋㅋ 아이디어도 통통 튀고, 열정적이었던 분위기 덕분에 나도 점점 의욕이 솟은 것 같다. 그렇게 우리팀의 프로젝트 주제는 보드게임 추천 웹 서비스가 되었다. 프로젝트 소개 팀 구성 Frontend - 3명, Backend - 3명 프로젝트명 BOARDMON ..