[올해도 아좌좌🔥] 갓생을 꿈꾸는 당신을 위한 신년 계획 리마인더

안녕하세요, 갓생을 꿈꾸는 여러분!!벌써 새해입니다.🥳 다들 2024년에는 어떤 목표를 세울지, 어떻게 실천할 건지 계획 하셨나요?올해는 올해도 아좌좌🔥와 함께 2024년에 세울 신년 계획을 실천해보는건 어떠세요?올해도 아좌좌 링크 | 깃허브 링크 | 개발 노션 링크기획 배경 및 동기매년 많은 사람들이 새해 목표를 세우고 이를 달성하기 위해 노력합니다.하지만 시간이 지나면서 목표를 잊어버리거나 실천하지 못하는 경우가 많은데요, 신년 계획을 지키지 못하는 이유는 너무 다양합니다.야심차게 세운 신년 계획… 3일도 못 가는 이유 [별별심리]저희는 계획을 못 지키는 가장 큰 이유로 계획을 잊어버리거나 혼자서 나아가기가 힘들다는 점을 뽑았습니다. 그래서 “누군가가 옆에서 도와줄 수 있다면 목표를 보다 쉽게 이..

• format_list_bulleted 프로젝트/올해도 아좌좌
• · 2024. 8. 6.
• textsms

팀 프로젝트 중간 회고 : 올해도 아좌좌

벌써 데브코스 수료까지 한 달정도 남았습니다. 6월에 처음 데브코스에 합류할 때 설레는 마음으로 잘 해내보겠다 생각했는데 초심 그대로 가는것은 역시 힘듭니다. 8월까지 개인 공부와 스터디도 열심히 했었고 9월에 팀프로젝트도 마쳤는데 쌓아왔던 이 지식을 현재의 프로젝트에 잘 녹여내고있는지 확신은 들지않는 10월이었습니다.이제 취업도 해야하기 때문에 이력서도 쓰고 원서도 넣어보고 있지만 아직 부족한탓인지 좋은 결과가 있지는 않네요. 하지만 요즘 경기도 안좋고 원래 100개정도 써도 연락 올까 말까한게 취업이니 중꺾마 정신으로 열심히 해야겠다는 마음이 듭니다.(이번 프로젝트가 잘 되어서 1월에 행복하게(?) 트래픽 관리 하고 취업도 되어있으면 좋겠네요 😋)팀 프로젝트 - 올해도 아좌좌💪올해도 아좌좌 깃허브..

• format_list_bulleted 프로젝트/올해도 아좌좌
• · 2024. 8. 6.
• textsms

로그인 여부를 SSR로 잘 처리하기 (+ hydration-error)

현재 올해도 아좌좌 서비스의 디자인을 한번 갈아 엎고 다시 만들고 있습니다.지난 11월과 달리 모바일로 사용하는 유저가 더 많을 것이라 생각되어 모바일 중점으로 변경했습니다!그래서 새로 네비게이션바를 만들게 되었는데 로그인 여부만 판단해서 변경해주면 간단하게 해결될거라 생각했는데 이게 생각보다 골치가 아프네요.😂목적로그인 여부에 따라 로그인이 되어있다면 마이페이지를, 되어있지 않다면 로그인하기를 네비게이션바에 보이게 하고싶었습니다. 발생한 에러저에게 발생했던 에러는 다음과 같습니다.로그인 한 뒤 로그인하기 -> 마이페이지로 변하지 않는 문제가 있었고 f5를 눌러 직접 새로고침해야만 변경되는 문제가 있었습니다.hydration에러hydration에러는 next.js를 사용하며 가장 많이 맞닥뜨리고있는 에..

• format_list_bulleted 프로젝트/올해도 아좌좌
• · 2024. 8. 6.
• textsms

비동기 처리 고찰

토스ㅣSLASH 21 - 프론트엔드 웹 서비스에서 우아하게 비동기 처리하기 영상을 보며 내 코드를 어떻게 잘 수정할 수 있을지 고민하고있다.현재 axios를 이용해 API에 요청처리를 하고 있는데현재 내가 작성한 코드이다.import { axiosInstanceClient } from '../axiosInstanceClient';export const getAllPlans = async () => { try { const { data } = await axiosInstanceClient.get('/plans', { authorization: false, }); console.log(data); return data; } catch (error) { console.l..

• format_list_bulleted 프로젝트/올해도 아좌좌
• · 2024. 8. 6.
• textsms

JWT 쿠키에 저장하기

왜 쿠키를 사용하는가?올해도 아좌좌 프로젝트를 진행하던 중 기존 리액트 프로젝트 처럼 JWT 토큰을 로컬스토리지에 저장했다. 하지만 Next.js로 프로젝트를 만들고있기 때문에 로컬스토리지에 저장된 토큰은 서버 컴포넌트에서 접근하지 못했다...!그리고 추가적인 문제가 있는데, 만약 자동 로그인 기능을 사용하려 한다면 로컬 스토리지에 접근해 토큰을 가져와야 로그인이 되어있다는 것을 알 수 있다. 하지만 Next가 렌더링시 window에 바로 접근이 불가능한데 이 때 Recoil에 토큰의 기본값을 null로 설정해 놓은 상태에서 API를 불러오면 Authorization에 들어가는 토큰값이 null로 들어가는 문제가 생긴다 😭(+ 서버 컴포넌트에선 로컬스토리지에 접근할 수 없다. Recoil에 저장한 전역..

• format_list_bulleted 프로젝트/올해도 아좌좌
• · 2024. 8. 6.
• textsms