jayspod

프로젝트 강점 정리 Refresh Token 적용 AWS CloudFront 배포 github-action을 활용해 배포 자동화 구축 Cloudinary로 이미지 등의 asset 관리 ReactQuery InvalidateQueries를 활용해 무효화 적용(필요한 곳에 항상 최신 상태 유지) FormData로 서버에 이미지 전송 debounce를 이용한 최적화된 검색기능 구현 infinity-query를 이용한 인피니트 스크롤 react-hook-form으로 효율적으로 form을 관리 react-toastify로 토스트 알람 구현 Styled-components에서 제공하는 Global Style을 활용해 global theme, media query 구현 범용적으로 사용되는 Button, modal 등..

중간 점검 서비스 아키텍쳐 기술적 의사결정 Github Actions Github를 사용하기 때문에 효율적으로 관리할 수 있다. 초기 비용이 없다. CodeDeploy codedeploy는 AWS의 다양한 서비스와 연동되어 신속한 자동배포가 가능하다. 개발과 배포 속도가 높아져 안정적인 개발 환경을 유지할 수 있게한다. MySQL 사용하기 쉽고 오래되어서 버그가 적다. 안전하고 안정적인 트랜잭션 처리와 데이터 저장이 보장된다. S3 데이터 양에 따라 자동으로 확장되고 용량이 무제한이다. 데이터를 객체 형태로 저장하고 관리하기 때문에 서버의 부하를 줄이고 내구성이 좋다. recoil 전역상태관리할 복잡한 데이터가 많지 않아 리덕스보다 상대적으로 가벼운 recoil 선택 보일러 플레이트 코드를 줄일수 있음 ..

기술적 의사결정 Recoil 전역상태관리할 복잡한 데이터가 많지 않아 리덕스보다 상대적으로 가벼운 recoil 선택 보일러 플레이트 코드를 줄일수 있음 사용법이 직관적이고 쉬워 협업에 유리 최신 라이브러리를 도입해 봄으로써 최신 기술 도입에 익숙해지기 위함 TS 버그를 사전에 발견하고 코드의 안전성을 높임 런타임 에러를 줄임 TypeScript의 정적 타이핑이 코드 작성 시점에 오류를 캐치 ReactQuery v4 서버쪽의 데이터를 좀더 쉽게 관리쉬워 데이터 패칭, 캐싱, 동기적 서버의 상태의 업데이트에 용이 별도의 옵션을 지원하여 복잡한 코드를 reactQuery 로직을 통해 짧은 코드로 대체 프로젝트 구조가 기존보다 단순해져 유지보수하기 쉽고 새로운 기능을 쉽게 구축 최신 라이브러리를 도입해 봄으로써..

아이디어 제안 및 선정 내가 낸 아이디어로 프로젝트 주제가 선정되어 조금 더 책임감을 가지고 임했다. 아래는 주제 선정당시 아이데이션 노트. 동네 사건 및 민원을 공유하고 개선해주는 웹사이트 동네 민원을 공유하고 개선 동네 민원이란 시설, 구조 문제 (ex) 놀이터에 발생한 크랙, 보도 깨짐, 장마 전 하수구 막힘 등)에 국한 메인 페이지는 동네 지도, 사진 및 게시글 바탕을로 보여짐 랭킹 시스템 > 작은 범위의 동네인원만 투표할 수 있게 지정(like 당근마켓) 선정 이유 공인인증서로 접근하기도 힘들고 웹사이트 내 다른 카테고리가 많아 번잡한 국민신고의 불편함을 해소 민원사항을 텍스트 보단 지도와 이미지 형식으로 한눈에 볼 수 있어 접근성과 사용성을 높임 시의성: 초등생 놀이터 사고, 장마철 하수구 막..

Keep 미니 프로젝트 스케줄대로 진행 계획된 시간에 공부하기 React 선행학습 / 스터디 React Query, Redux Toolkit에 대한 기초적 이해 아침 운동 Problem 알고리즘 공부하는 시간이 줄어듦 타입스크립트 스터디 필요 운동하는 시간이 격일로 불규칙 해짐 (장마로인한 테니스 불참) 1일 1블로깅 유지하기 Try(우선순위) 미니프로젝트 추가 기능 구현 정규시간엔 프로젝트에 올인하고 타입스크립트 공부하기 프로젝트 최적화 신경쓰기 1일 1블로깅 유지하기 정해진 아침시간에 운동하기 5주차를 마치며 미니 프로젝트 주차에 프론트를 혼자 맡게 되었는데 다행히 실력도 인성도 훌륭한 백엔드 팀원을 만나 주어진 기간보다 빠르게 프로젝트를 마치게 됨 API 설계 작성부터, 와이어프레임 설계, UI ..

Keep 계획된 시간에 공부하기 React 선행학습 / 스터디 매일 30분 이상의 알고리즘 문제 풀이 아침 운동 Problem 리덕스, 리액트 쿼리에 대한 이해 부족 집중력이 꾸준히 유지되지 못함 우선순위를 두고 공부하지 못함 운동하는 시간이 격일로 불규칙 해짐 Try(우선순위) 우선순위를 두고 당일 계획대로 공부 전역 상태관리, 비동기 데이터 관리 집중 공부하기 강의 시간, 정규 시간 집중도 높이기 정해진 아침시간에 운동하기 4주차를 마치며 프로젝트가 얼마 안남은 시점에 좀 더 긴장하고 집중해서 부족한 개념을 확실히 공부해야 할 필요성을 느낌 차주는 전역 상태관리(Redux Toolkit), 비동기 데이터관리(ReactQuery), 메모리 누수, 데이터 과부하를 방지하기 위한 Throttling, De..

Keep 시간 지키며 계획된 시간에 공부하기 React 선행학습 / 스터디 수면시간을 줄여 몰입하는 공부 시간 증가 아침 운동 (월수금-테니스, 화목토일-헬스) Problem 타입스크립트 챌린지 실패 정규시간 이외의 차별화를 가져갈 포인트 필요 강의를 보는 시간 집중도 하락 우선순위를 두고 공부하지 못함 알고리즘 문제풀이 시간이 줄어듦 Try(우선순위) 우선순위를 두고 당일 계획대로 공부 다음 타입스크립트 챌린지 수강 시간표 안에서 끝까지 몰입하기 강의 시간 집중도 높이기 알고리즘 공부에 매일 30분 이상 투자 3주차를 마치며 아직은 아는 개념들로 제출하는 과제가 많다보니 일찍 과제를 제출하고 그만큼 풀어지는 듯 하다 우선순위를 두어 공부하고 매일매일 시간표를 정해 차주는 전역 상태관리, 커스텀 훅, 최..

Keep 시간 지키며 계획된 시간에 공부하기 1일 1시간 알고리즘 문제 풀이 React 선행학습 수면시간을 줄여 몰입하는 공부 시간 증가 아침 운동 (월수금-테니스, 화목토일-헬스) Problem 타입스크립트 공부가 지체됨 알고리즘 테스트에서 가장 쉬운 문제 오답 제출 강의를 보는 시간 집중도 하락 지난주보단 나아졌지만 시간표대로 철저하게 움직이지 못함 Try(우선순위) 쉬운 문제도 꼼꼼히 읽고 입력값 / 출력값 잘 확인하기 차주 월요일부터 타입스크립트 챌린지 수강하기 시간표 안에서 끝까지 몰입하기 강의 시간 집중도 높이기 2주차를 마치며 하루 12시간 이상 공부하려 노력하다 보니 지난주보다 집중하는 시간이 길어졌다. 알고리즘 문제들도 다시 익숙해지기 시작했고 블로깅 시간이 짧아지고 직접 코딩하는 시간은..

Keep 시간 철저하게 지키며 계획된 시간에 공부하기 1일 1시간 알고리즘 문제 풀이 React 선행학습 Problem 집중력이 오래가지 못하고 수면시간이 과함 계획한 타입스크립트 공부가 지체됨 휴일에 낮아지는 집중력 Try(우선순위) 그날 모르는 것 그날 완벽하게 이해하고 넘어가기 (고민하다 막히는 문제는 기술매니저님이나 스택오버플로우 활용) React, 타입스크립트 1시간 이상 공부하기 하루 한시간씩 꾸준히 운동하기 잠을 줄이고 휴일에 마음 다잡기 (시간표대로 움직이기) 첫주차를 마치며 강의와 과제 모두 이미 알고있는 개념들이 많다보니 집중력을 잃고 흐트러지는 시간이 많았다. 시간표대로 체계적으로 움직이자. Rough Schedule 7:00~8:00 운동 8:00~9:00 알고리즘 9:00~21:0..