-
가상 면접 사례로 배우는 대규모 시스템 설계 기초 2 리뷰 :: 마이구미책 리뷰 2024. 10. 13. 14:32
이 책은 가상 면접 사례로 배우는 대규모 시스템 설계 기초 2 를 리뷰한다.이 책은 1편에 이어 2편이 나오게 되었다.본인은 평범한 프론트엔드 개발자이다. 개인적인 생각과 해석이 들어가 있을 수 있다.1편 책 리뷰 - https://mygumi.tistory.com/403책 링크 - https://m.yes24.com/Goods/Detail/124138645 21년 1편을 읽던 당시를 회상해보면, 굉장히 좋았던 책으로 기억한다.그래서 2편도 나오자마자 구매를 하였었다. (구매하고 한참 뒤에 읽게 되었지만...) 개인적으로는 2편도 흥미롭게 읽었다.하지만 1편보다는 조금 더 어려웠고, 너무 깊은 내용들은 훅훅 넘어가는 식으로 읽긴 했다.중간중간 관련 내용에 대해 GPT 와 다른 글들을 참고하면서 읽어서 ..
-
우아한 타입스크립트 with 리액트 리뷰 :: 마이구미책 리뷰 2024. 10. 10. 11:36
이 글은 우아한 타입스크립트 with 리액트 책을 리뷰한다.본인은 평범한 프론트엔드 개발자이다. 개인적인 생각과 해석이 들어가 있을 수 있다.책 링크 - https://m.yes24.com/Goods/Detail/123049083 개인적으로 다른 회사들은 어떻게 개발하고 있지? 이런 것들은 어떻게 사용할까? 이 고민은 어떻게 생각하고 해결했을까? 등 항상 궁금하고 관심이 있는 주제이다.그래서 목차도 보지 않고... "배민 개발 사례" 라는 키워드만을 가지고 구매하였다. 책을 직접 받고나서야 목차를 보게 되었다.조금은 기대보다 재미없겠다... 라고 생각이 들었다.그리고 도입부에서부터 책의 대상을 주니어 개발자로 언급하여 기대를 덜하게 되었다. 전체적으로 실제 배민의 개발 사례를 예시로 들어주었다.그리고..
-
[React] IOS 페이지 트랜지션 구현해보기 :: 마이구미React 2024. 10. 7. 10:57
이 글은 React 에서 페이지 트랜지션을 구현해본다.페이지 트랜지션은 IOS 처럼 리스트 페이지간 좌우 슬라이드 애니메이션으로 진행한다. 전체 코드 및 실제로 동작하는 예제를 제공할 예정이니 글을 끝까지 읽어보길 바란다. 구현하고자하는 페이지 트랜지션은 무엇인가?이 글에서 구현해보는 애니메이션을 먼저 확인해보자. 첨부 파일을 기반으로 요약하면 다음과 같다.하단 네비게이션바 간의 이동에서는 애니메이션이 없는 상태이다.리스트 페이지에서 아이템을 클릭하면 상세 페이지로 이동하는 경우에 상세 페이지는 Slide 애니메이션이 적용된다.리스트 페이지에서 아이템을 클릭하면 상세 페이지로 이동하는 경우에 리스트 페이지는 FadeInOut 애니메이션이 적용된다. 1, 2번이 주요 내용이고, 3번의 경우에는 응용이라..
-
사용자를 생각하게 하지마! 리뷰 :: 마이구미책 리뷰 2024. 10. 4. 23:31
이 글은 "사용자를 생각하게 하지마!" 라는 책을 리뷰한다.본인은 평범한 프론트엔드 개발자이다. 개인적인 생각과 해석이 들어가 있을 수 있다.책 링크 - https://m.yes24.com/Goods/Detail/15238736 이 책의 주제는 제목에서 예상할 수 있다.UX 관련 책이다.리뷰평들이 좋길래 한번 읽어보게 되었다. 책에서도 언급되어있듯이 너무 당연하고 기본적인 거 아니야? 라고 생각이 들곤 했다.그래도 현실에서 경험하는 것들과 비교하여 보다 적절하게 비교하면서 설명해준다고 느꼈다. 개인적으로 기억에 남았던 내용을 기록하고자한다. 사용자는 최선의 선택을 하지 않는다.최소 조건만 충족되면 만족한다. 본인의 앱이나 웹사이트를 처음 이용했을 때를 회상해보았다.눈에 보이는 것들을 분석하지않고, ..
-
[React] react-query 에러 핸들링React 2024. 9. 29. 14:40
이 글은 react-query 의 에러 핸들링에 대해 알아본다.API 요청에서 4xx, 5xx 와 같은 상태코드를 받는 경우라고 이해하면 된다.react-query - https://github.com/tanstack/query 이번 주제는 코드를 통해 진행하게된다.해당 코드는 특정 라이브러리들을 기준으로 진행된다.사용하는 라이브러리의 기본 지식은 필요하지만, 모르더라도 에러 핸들링의 전체적인 흐름만 이해해도 좋을 것이라고 생각하고 있다. react-queryaxiosreact-error-boundary 우리는 API 에러 응답에 대해서 핸들링 해야한다.기본적으로 HTTP status code 를 4xx, 5xx 응답한다면, 에러라고 받아들이고 있다. API 가 에러 응답을 한다면, 클라이언트는 무엇..
-
퇴사를 준비하며 지난 4년 회고 :: 마이구미개발 회고 2024. 3. 18. 16:50
본인은 9년차 평범한 프론트엔드 개발자이다. 무언가를 이룬 것도 내세울만한 것도 없고, 그러니 누군가에게 조언을 해줄 상황도 아니다. 게다가 각자 추구하는 방향이 다르고, 각자 가치관이 다르고, 각자 처해진 상황이 다르다는 것은 너무 잘 알고 있다. 그러니 오해가 없길... 그냥 스스로 지난 4년간 느꼈던 것들, 생각이 변한 것들... 그러한 것들을 나를 한번 돌아보고 정리해보고자한다. 뭐 물론... 새로운 경험을 통해 지금의 생각도 또 변할 수 있을 것이다. 야놀자를 다닌지 어느덧 4년이란 지났다. 이제 야놀자를 떠나 새로운 출발을 해보려고한다. 야놀자 입사전의 나는 첫 직장부터 스타트업을 시작으로 4년간 여러 스타트업에서 일을 했다. 그러다가 스타트업에 비해서는 더 큰 규모를 가진 야놀자로 이직을 ..
-
러닝 타입스크립트 리뷰 :: 마이구미책 리뷰 2024. 1. 28. 16:24
이 글은 "러닝 타입스크립트" 이라는 책을 리뷰한다. 본인은 평범한 프론트엔드 개발자이다. 개인적인 생각과 해석이 들어가 있을 수 있다. 책 링크 - https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=307683870 제목 그대로 타입스크립트 관련 책이다. 항상 사용하던 방식대로, 조금 더 복잡한 타입이 필요하면 구글링해서 사용하고있다. 조금 더 타입스크립트 능력을 다지기 위해서 관련 책을 구매해서 읽어보게 되었다. 각 주제에 대해 과하지않게, 쉽게 이해할 수 있는 예제들로 구성되어있다. 하지만 간단한 예제라서, 예제를 통해 한번 더 직접 활용하면서 이해하는 것이 필요해보인다. 개인적인 기준으로 몇가지를 기록하려고 한다. 기록하지 않은 것들 이외에도 유용한 내..
-
[HTML] button type 속성의 기본값 :: 마이구미HTML, CSS 2024. 1. 17. 22:33
이 글은 button 태그의 속성 중 type 에 대해 다뤄본다. button type 속성의 기본값을 인지하지 못해서 발생한 이슈를 남겨보려고한다. button type - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type 4가지 버튼들이 등장하는 이유를 알아보자. antd Button 컴포넌트 mui Button 컴포넌트 button 태그 type 속성의 값이 submit 인 button 태그 대부분 button 태그의 type 속성에 대한 존재를 이미 인지하고 있을 것이다. 본인의 경우에는 대부분 지정하지 않고, form 요소 내부에서 submit 역할의 버튼을 위해 선언하곤했다. 이동 제출 언급된 사용 형태와 코드만으로 추..