🌊 메인 프로젝트 - 제로힙 프로젝트 소개 프로젝트 명 : 제로힙 프로젝트 배포 링크 | 프로젝트 Github 프로젝트 기간 (ver.1) : 2023. 06. ~ 2023. 07. (4주) 제로힙 화면정의서 바로가기 제로힙 기획서 바로가기 제로힙 팀원 회고 바로가기 프로젝트 개요 요즘은 SNS에서의 과시가 당연시 되는 시대입니다. 과시를 조장하는 SNS가 아닌 절약을 유도하는 SNS와, 나의 소비 내역을 기록할 수 있는 가계부를 함께 기획하였습니다. 나의 ‘절약 팁’을 유저들에게 공개하며 메인에 노출시킬 수 있으며, 유저들은 해당 게시물에 투표 기능을 이용하여 훌륭한 팁을 명예의 전당에 노출시켜 절약을 유도하며, ‘제로빌리티’도 ‘힙’하다는 것을 알리고자 합니다. 1. 기록해요, 가계부 제로힙에서는 ..
🌊 [Main Project] 스프린트 3, 마지막 회고 회고는 이전에 적었는데, 다시 부랴부랴 블로그로 옮겨옵니다 ㅎㅎ.. 오늘이 데모데이라니 🥹 정말 믿을 수가 없다.. 오늘 회고에서 다룰 세 가지 로컬 테스트 CORS : 중요한건 꺾이지 않는 마음 👊 배운 것 배우고 싶은 것 로컬 테스트 전체적으로 나의 로컬테스트가 미흡했던 것 같다. 준프님과 아서님이 로컬테스트에 대해 엄청 강조하셨는데, 우당탕탕 진행하다보니 로컬테스트를 진행하지 못한게 너무 아쉬웠다. 테스트를 진행하려하면 이미지 서버.. 기타 등등의 문제로 서로 어떻게 하면 좋을까 하며 거의 배포서버에서만 진행했는데 그러다보니 처음에 잘 지켜지던 컨벤션도 무너지고 PR도 중구난방으로 하게 되고, 급한 맘에 dev로 바로 push도 바로 하게 된..
🌊 [Main Project] 스프린트 2 회고 스프린트 2 기간동안 내가 고려했던 것이 있는데 바로 아래 세 가지다. 이 세가지에 대해 회고하고자 한다. 웹 접근성 Git 전략 공통 컴포넌트 웹 접근성 우린 스프린트 1 멘토링 때 멘토이신 준프님께서 웹 접근성에 대한 설명을 포함하여 내년부터는 법제화가 된다는 소식을 알려주셨는데, 사실 나는 웹 접근성에 대한 지식이 살짝은 있는 편이었다. 과거에 웹 접근성 PDF문서를 읽어본 적이 있고 처음에 HTML,CSS를 배울 때 웹접근성을 염두해두고 배웠기 때문에 배경색과 글자 색의 색상대비 4.5:1, 헤딩 태그 등, img에 alt값 넣어주기 등 부트캠프 기간 내에 교육과정에도 포함되어 있었고 회사 다닐 때도 접근성 심사를 통과해본 적이 있었기 때문에 알..
🌊 [Main Project] 기획 회고 프로젝트 기획 팀 빌딩 멘토링 기획 수정 디자인 브랜치 전략 next.js 프로젝트 기획 메인프로젝트를 진입하기 전 선아님이 함께 메인프로젝트를 하자고 제안해주셨다. 프론트앤드로는 내가 세 번째로 합류하게 되었지만 이미 계시던 팀원분이 취업 이슈로 빠지게 되셔서 선아님과 단 둘이 남아 기획을 새로 검토하게 되었다. 선아님이 내게 프로젝트 팀을 제안해주셨을 땐 챗봇을 사용 가능한 가계부를 기획이 되어있었는데 챗봇의 비용적인 문제와, 챗봇을 공부하기엔 너무 짧은 시간 등을 고려하여 새로 주제를 선정하게 되었는데 처음에 그저 가계부만을 하기엔 우리에겐 너무 아쉬운 점이 많았다. 그래서 여러가지 의견을 내다가 금융결제원 API를 사용하여 유용한 정보를 주는 가계부에 대한..
요약 : 혹시 이후에 보고 있을 후배 기수는 꼭 배포 먼저 하시오!! KEEP 상대방과 소통하려고 노력하였다. 재사용성을 생각하며 코드 작성을 하여 styled-components는 따로 common style을 만들었고, 일반 컴포넌트도 작게 분리하였다. 백엔드분과의 협업은 처음인 지라 백엔드에 대해 이해하려고 많은 검색.. 구글 oauth를 테스트를 위해 내 컴퓨터에 서버를 켰다(ㅋㅋ) Problem&Try 사실 우리 팀은 그렇게 빠른 속도로 작업이 된 편은 아니라 우당탕탕탕의 연속이었는데 오늘 배포 환경을 구축하면서 많은 오류가 났다.. ㅠㅠ.. 아직 고치지 못 하였고 타입 에러도 해결하지 못하여서 build에 tsc를 빼고 진행하였는데 그 점이 너무 아쉽다. 해결하고 싶은 오류 회원가입 Post ..
🌊 CSR과 SSR CSR과 SSR은 개발을 처음 배우기 시작했을 때 부터 자주 듣던 용어다. 단순히 React에서 만들면 CSR, 아니면 SSR로 기억해두었지만 Next.js로 프로젝트를 진행하게 되므로 확실히 개념을 짚고 넘어가려 한다. CSR이란? CSR(Client-side Rendering)은 클라이언트에서 페이지를 렌더링을 하고 사용자가 다른 경로를 요청할 때 마다 페이지를 새로고침 하지 않고 동적으로 관리한다는 특징을 가지고 있으며 데이터 가져오기, 라우팅 등 모든 로직이 클라이언트에서 처리 된다. CSR의 특징 자바스크립트 번들 크기의 영향을 많이 받아 코드 분할을 통해 필요한 것만 필요할 때 제공해야 한다. 사용자가 웹페이지에 방문하면 최소한의 HTML 파일을 다운로드 한 후 HTML ..
🌊 상태관리 라이브러리 팀원분들과 메인 프로젝트를 함께 하기로 결심하고 🔥 메인프로젝트 진입 전 스택을 미리 정하기로 하였는데 고민해야하는 부분이 상태관리 라이브러리, CSS, 번들러, 패키지 매니저 등 굉장히 많아 각자 나누어서 알아보기로 하였다. 나는 전역 상태 관리 라이브러리와 비동기 상태 관리 라이브러리에 대해 알아보고자 한다. 오늘은 우선 전역 상태 관리 라이브러리~ 전역 상태관리 라이브러리 전역 상태 관리 라이브러리로는 Redux-toolkit과 Jotai를 고려 하고 있다. Redux-toolkit은 현업에서도 굉장히 많이 쓰이고 있고 많은 자료가 있고 Jotai는 아직은 Redux에 비해 사용량이 부족하지만 간편하게 사용할 수 있어 주목 받고 있는 라이브러리다. Redux-toolkit J..
🌊 TIL : 2023년 6월 19, 20일 오늘 한 것 토, 일, 월, 화 고생한!! 로그인 끝! 로그아웃 페이지 잘한 점 상황 처음에 내가 생각한 로그인은 서버에서 쿠키에 담아서 전달해주면 알아서 jwt 토큰이 담긴 상태로 계속 요청이 되는 형태였다. 검색해서 본 자료 중에 쿠키에 담아서 주면 쿠키에 계속 머물러 있기 때문에 요청 때도 알아서 된다는 글을 봤기 때문이다. 🧐 액션 하지만 우리 백엔드에서 쿠키로 담아오는 것에 대해 공부가 필요하신 것 같아 헤더로 받아오는 것을 유지하고 나는 그 헤더를 받아오려 시도했으나 받아와지지 않았다. 여러 검색 끝에 아래 글을 백엔드분께 작성하여 전달드렸고 백엔드분이 추가 설정을 해주셔서 나는 jwt을 받아올 수 있게 됐다. 칭찬 로그인에 대해 깊게 고민하게 된 ..