이번주는 좋은 것과 나쁜 것이 무엇이 있었나요? 좋은 것 새로 백엔드 팀원으로 오신 재은님과 함께 핏을 맞춘 것 디자인 QA 반영한 것 msw 연동한 것 나쁜 것 QA, msw 반영 외에 추가 작업은 진행하지 못한 것 이번주 진행했던 학습/개발 내용은 무엇이었나요? 학습 내용 Next 13 msw 앱 배포 관련 리서치 HTTP 완벽 가이드 개발 내용 디자인 QA 반영 msw 연 아쉬운 부분을 개선하기 위해서 필요한 것은 무엇인가요? 짧은 주기의 의사소통 규칙적인 수면 습관 다음주는 어떻게 보낼 예정인가요? api 연동 및 앱 출시 관련 리서치
이번주는 좋은 것과 나쁜 것이 무엇이 있었나요? 좋은 것 함께 모여서 개발한 것 무언가를 구현하는 데 있어서 시간을 쓰며 고민한 것 나쁜 것 개발의 싱크가 맞지 않는 것 이번주 진행했던 학습/개발 내용은 무엇이었나요? 학습 내용 Next 13 디자인 토큰 개발 내용 치킨 비교 페이지 치킨 디테일 페이지 치킨 비교함 치킨 브랜드 페이지 가장 고민을 했던 부분은 무엇이었나요? 한정된 자원에서 개발을 해나가는 것 같은 동작을 구현하더라도 어떻게 구현하는게 더 좋은 방식일지 생각하는 것 아쉬운 부분을 개선하기 위해서 필요한 것은 무엇인가요? 회사 업무를 진행하는 것 처럼 사이드 프로젝트의 업무도 스케쥴 관리하기 기술적 도전을 하고, 이를 뒷받침할 수 있는 아티클, 공식 문서 학습하기 다음주는 어떻게 보낼 예정인..
8월 30일에, Astro 3.0이 소개가 되었고 내용은 아래와 같다. - View Transitions API - Image Optimization (stable) - SSR Enhancements for Serverless - HMR Enhancements for JSX - Optimized Build Output View Transitions API 두 번째 단락을 보면 View Transitions API를 주요 웹 프레임워크 중에서 처음으로 지원하게 되었다고 한다. View Transitions API라는 것은 A 페이지에서 B 페이지로 전환할 때 애니메이션을 추가할 수 있도록 지원하는데, 이는 기존에는 SPA 내부에서만 가능했던 것이었다. 많은 개발자들이 지난 몇 년간 네이티브 환경에서 pag..
이번주는 좋은 것과 나쁜 것이 무엇이 있었나요? 좋은 것 디자인 피드백을 반영한 것 새로운 개념들을 계속 접하는게 익숙해진것 나쁜 것 예비군 훈련이 있어서 작업 진행이 더딘 것 회의가 정상적으로 진행되지 못한 것 이번주 진행했던 학습/개발 내용은 무엇이었나요? 학습 내용 Next 13 React Native 개발 내용 치킨 비교 페이지 (진행중) 헤더 정렬 옵션 필터 옵션 치킨 리스트 가장 고민을 했던 부분은 무엇이었나요? 매일 정해진 시간을 프로젝트에 잘 사용하는 것 회의 관련하여 매일, 정해진 시간등 비율을 잘 잡는게 필요할 것 같음 아쉬운 부분을 개선하기 위해서 필요한 것은 무엇인가요? task를 잘게 나누고, 하루에 얼만큼 진행할 수 있을지 미리 계획하고 개발하기 진행상황 공유하기 다음주는 어떻게..
이번달에 접하게 된 책은 '사실은 이것도 디자인입니다' 라는 제목의 책입니다. 저는 프론트엔드 개발자로 일을 하고 있는데요. 사용자와 맞닿아있는 영역을 개발하고 있기 때문에 이제는 사용자 경험(UX)에 대한 이해도 개발자가 갖춰야 할 역량이라는 생각이 들었습니다. 그래서 평소에 관심을 갖고 있던 디자인에 대한 책을 읽어보게 되었습니다. 이 책은 디자이너가 아니더라도 프로덕트를 개발하는 사람들이라면 읽어봐야 할만한 내용들을 담고 있습니다. 특히 일상 속에서 접할 수 있는 제품들을 예시로 들면서 다양한 디자인이 설명되어 있어 이해하는데 어려움이 없었습니다. 책의 목차는 아래와 같습니다. 1장 - 매일 쓰는 앱에 숨겨진 비밀 2장 - 디자인을 보는 새로운 시각 3장 - 디자인에 윤리가 중요하다고? 4장 - 디..
보통 개발환경 세팅을 할 때 CRA(Create-React-App), Vite, CNA(Create-Next-App)과 같이 간단하게 프로젝트를 구성할 수 있는 방법을 많이 사용하다보니 tsconfig.json 파일을 직접 작성할 경우가 많이 없었던 것 같습니다. 혹은 TypeScript만으로 프로젝트를 한다고 해도 tsc -init과 같은 명령어를 이용해서 세팅하고 자세히 들여다 보는 경우가 없어서 tsconfig.json 파일의 옵션들에 대해서 제대로 알기가 어려웠는데 이번에 react-world 프로젝트를 진행하면서 다시 찾아보게 되었습니다. 아래 소스코드는 react-world 프로젝트에서 작성한 tsconfig.json 파일입니다. // tsconfig.json { "compilerOptions..
이번주는 좋은 것과 나쁜 것이 무엇이 있었나요? 좋은 것 디자인에 대해 팀원 모두의 생각을 공유한 것 모임을 여러번 가져간 것 웹뷰 개발환경 세팅한 것 나쁜 것 Docker로 CI/CD를 구축하는 과정을 마무리하지 못한 것 이번주 진행했던 학습/개발 내용은 무엇이었나요? 학습 내용 Next 13 React Native, Webview AWS ECS, ECR Docker 개발 내용 개발환경 세팅 AWS ECR 세팅 메인 페이지 개발 가장 고민을 했던 부분은 무엇이었나요? Docker로 컨테이너 기반 CI/CD 파이프라인을 구축하는 것 Next13에서 여러가지 라이브러리들을 사용하는 것 React Native Webview 개발 환경을 세팅하는 것 아쉬운 부분을 개선하기 위해서 필요한 것은 무엇인가요? 인프..
이번주는 좋은 것과 나쁜 것이 무엇이 있었나요? 만들 제품에 대해 팀원들끼리 핏을 맞추면서 유저 플로우, 와이어 프레임을 작성하는 과정이 잘 진행되어 좋았던 것 같습니다. Next.js와 Docker를 학습하는 과정속에서 배우는 것도 좋았습니다. 나쁜 것은 따로 없었습니다. 이번주 진행했던 학습/개발 내용은 무엇이었나요? React와 Next.js의 공식문서를 학습했습니다. MPA부터 시작하여 SSR, Streaming SSR까지 웹을 개발해온 방식의 흐름을 학습하였습니다. RSC에 대해 학습하였습니다. Docker에 대해 학습을 진행했습니다. 가장 고민을 했던 부분은 무엇이었나요? 팀프로젝트로 개발할 제품에 대해서 사용자에게 높은 가치를 주려면 어떻게 해야 할지에 대해 팀원들과 그리고 개인적으로 고민을..
