이번 미션은 'memegle 웹사이트의 성능을 개선하라!' 였다. 미션 전의 나는 '성능'에 대해서 제대로된 정의조차 할 수 없었다. 단순하게 "그냥 빠르게 돌아가면 되는 것..?" 추상적으로 떠올렸다. 아래의 요구사항 체크리스트를 하나씩 짚어가며 천천히 알아가보자! ✅ 미션 요구사항 및 체크리스트 정적파일 크기 줄이기 1. 소스코드 크기 줄이는 방법 1-1) Gzip 압축하기! Gzip이란? 압축프로그램이다. 모던 브라우저에서는 모두 내장되어 있으며, 서버(ex. aws, 스프링, nginx)에서 설정가능하다. 따라서 나는, aws CloudFront에서 지원하는 Gzip 압축 기능을 활용했다. CloudFront 동작 설정에 `자동으로 객체 압축` 옵션을 Yes로 선택! 1-2) .css 파일 압축하..

1. 미션 소개 2. 미션에서 기억에 남는점 2-1. 백엔드와의 협업 경험 2-2. msw 2-3. 나의 api 변천사 3. 리뷰리뷰스터디 1. 미션 소개 🛒 장바구니 배포 페이지 🛒 이번 미션은 장바구니 기능이 중점적인 간단한 커머스 사이트를 구현하는 것이었다. ver. Mobile ver. Web 2. 기억에 남는 점 2-1. 백엔드와의 첫 협업,, 🎤 📌 API 명세서 백엔드에서 일방적으로 명세를 보내주지 않고, 만나서 명세를 어떻게 주고받으면 좋을지 얘기해서 굉장히 유익했다. 또한, 자잘한 요청들을 쉽게 할 수 있었고 백엔드에 대한 이해도를 높일 수 있었다. 만나서 소통하니까 일하는 느낌을 받아서, 함께 만들어나간다는 느낌도 강하게 받을 수 있었다. 초반에 서로 얼굴을 보지 못한 채로 테스트 할 ..

Content 1. 간단한 소감 2. 수업 요약 및 연계된 코드 리팩토링 3. 새롭게 알게 된 내용 feat. 리뷰리뷰스터디 1. 간단한 소감 https://react-payments-git-step3-kangyeongmin.vercel.app/ React App react-payments-git-step3-kangyeongmin.vercel.app 이번 글은 레벨 2의 두번째 미션 '페이먼츠'에 대한 회고이다. 카드 정보를 간편하게 입력하는 것이 핵심이었고, storybook을 활용한 CDD를 처음 도입해본 미션이었다. 리뷰어와도 디엠으로도 많은 이야기를 나누며 리팩토링을 진행했고 그를 통해 많은 것을 깨닫고 성장한 미션이어서 왠지 모르게 애틋한 미션이다. 어서 빨리 망각하기 전에 기록하자!! 2. 수..

🎤 간단한 소감 레벨2의 첫번째 온보딩 '다시, 점심 뭐먹지'미션에서는 React & Typescript 에 처음으로 들어갔다!!! 😆 사실 리액트를 어느정도 알고 있다고 생각했지만, 그것은 나의 큰 오산이었다. 🗻 자신감이 많이 하락했긴 했지만, 이동욱님이 특강에서 말씀해주셨던 내 삶의 자신감을 잃게 해주지 않는 6가지의 기둥들을 나도 잘 마련해보고, 그곳에 집중하려 한다. 또한, 중요한 것은 '지금의 나?'가 아닌, '성장하고 있는 중이냐?'라는 점. 이번 회고글에서는 페어프로그래밍으로 미션을 진행하며,, 리뷰리뷰스터디💕에서 다른 크루들의 리뷰를 살펴보며,, 새롭게 알게된 점이나 사람들이 공통적으로 받았던 피드백에 대해 정리해보려 한다! 순서가 뒤죽박죽이라 옆에 중요도(3점 만점)를 표시해보았다 ㅎㅎ..