프로젝트

드디어 ... 4개월간 길다면 길고 짧다면 짧았던 프로젝트가 끝났습니다 !! 이번 프로젝트는 정말 얻어가는게 많은 프로젝트였습니다. 프로젝트 진행 방식부터 프로젝트 구조나 새로운 기술 도입 등 가장 많은 도전을 했던 프로젝트였습니다. 프로젝트에 대한 자세한 설명은 프로젝트 리드미에 작성해두었습니다. ( 한달 정도는 서버가 열려있기 때문에 만들어진 프로젝트를 사용해보고 싶은 분은 배포 링크를 통해 사용해볼 수 있을 겁니다 !! )https://github.com/baejb/FE GitHub - baejb/FE: 프론트엔드 레포지토리프론트엔드 레포지토리. Contribute to baejb/FE development by creating an account on GitHub.github.com 프로젝트를 통..

지난 포스트에서는 리액트 쿼리에 대해 작성해보았고 오늘은 실제로 진행중인 프로젝트에 적용한 내용에 대해 작성할 것이다 !  왜 리액트 쿼리를 사용했는가 ? 현재 메인 화면에 진입했을 때 MainLayout.tsx 에 존재하는 네비게이션 바에서 회원 정보를 넘겨주어 네비게이션 바에서 회원 정보를 렌더링 하는 형식으로 코드를 작성했었다.   리액트 쿼리 적용 전 회원 조회 코드  MainLayout.tsxconst { data, callApi, statusCode } = useApi(); useEffect(() => { const fetchData = async () => { const token = localStorage.getItem("accessToken"); const hea..

!!! 프로젝트에 적용하려고 하자마자 에러가 떴다.. 그래서 처음 이유로는 App 을 QueryClient 로 감싸주지 않았다는 이유였는데 하지만 나는 모두 감싸준 상태였다.. import React from "react";import ReactDOM from "react-dom/client";import App from "./App.tsx";import "./index.css";import { BrowserRouter } from "react-router-dom";import { QueryClient, QueryClientProvider } from "@tanstack/react-query";import { ReactQueryDevtools } from "@tanstack/react-query-devt..

구르미월드를 마무리하고 잠깐의 휴식기간을 가지던 중 백엔드 친구로부터 새 프로젝트 제안을 받게 되었다 ! 초기 아이디어는 모두 정한 상태였고 프론트엔드로 개발에만 참여하면 되는 상황이었기 때문에 흔쾌히 프로젝트에 참여하기로 하였다 !! 바쁘게 살아야 느슨해지지 않을 것 같아서 이번 프로젝트 또한 열심히 참여해야겠다고 다짐했다 !  프로젝트 소개 안녕하세요, 우리 프로젝트는 음악 커뮤니티를 만드는 것을 목표로 하고 있어요. 이 커뮤니티는 리스너들이 음악 앨범에 대한 평가와 코멘트를 남길 수 있는 기능을 제공할 거예요. 이렇게 모은 데이터를 기반으로 통계 대시보드를 제공하여 사용자들이 음악을 더 깊이 있게 탐험하고 공유할 수 있도록 할 거에요. 또한, 커뮤니티 활동을 촉진하기 위해 사용자들의 활동에 대한 수..

드디어 약 2달동안 진행했던 '구르미 월드' 개발을 끝마쳤다 .. ! 계획은 약 1달 반 동안 진행하려고 했지만 개발을 하면서 점점 욕심이 생기고 기능들을 추가하고 수정하느라 시간이 좀 더 걸렸던 것 같다. 물론 프로젝트에만 매진한 것도 아니기도 했고 다른 것도 하면서 진행하느라 좀 더 늦춰진 거 같긴하다 . 사실 취업준비를 하면서 지금 새 프로젝트를 시작하는게 맞을까 ? 하는 고민도 있었지만 하길 잘했다 느꼈다. 리액트를 주로 사용하긴 하는데 시간이 지나면 기본적인 것도 헷갈리고 헤맸던 부분도 있었는데 이번 프로젝트를 통해 리액트에 대한 기반을 다질 수 있었고 백엔드와 원할하게 소통하는 방법을 익힐 수 있었다. 바로 전 프로젝트에서는 백엔드 분들과 협업할 때 백엔드 분들이 사용하시는 용어들을 이해하지 ..

한 배 탄거다 프로젝트 이름 : 구르미 월드 프로젝트 기간 : 12/19 ~ 1/31 팀원 : 프론트 1 , 백엔드 1 (총 2명) 팀명 : 한 배 탄거다 프로젝트 소개 : (친구의 성과 내 성을 붙여 팀명을 지었다.. 너무 마음에 든다 .. 한 배 탄거다 .. ! ) 오래간만에 프로젝트를 하나 시작하게 되었다. 졸업을 앞 둔 백엔드 친구와 통화를 하던 중 방학 때 할 것도 없는데 프로젝트 하나 해보자 ! 제안을 받았고 나도 현재 코딩테스트 준비 말고는 딱히 공부 중인 것이 없어서 흔쾌히 제안을 승낙했다. 요즘 날씨가 부쩍 추워져서 매트와 함께 살던 나는 새로운 프로젝트를 할 생각에 들뜬 마음으로 이불을 걷어내고 즉시 카페로 달려나와 아이디어 회의를 하게 되었다. 아이디어 회의에서는 첫 번째로 유용한 기..