분류 전체보기
-
사용자를 생각하게 하지마! 리뷰 :: 마이구미책 리뷰 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 역할의 버튼을 위해 선언하곤했다. 이동 제출 언급된 사용 형태와 코드만으로 추..
-
[HTML] img 태그의 loading="lazy" 이해 :: 마이구미HTML, CSS 2024. 1. 14. 16:31
이 글은 img 태그의 loading 속성에 대해 알아본다. 속성을 보면, 이미지를 lazy 로딩할 수 있게 도와주는 속성으로 쉽게 이해할 수 있을 것이라 생각한다. 이 글에서의 핵심은 왜 사용하는지? 어떻게 사용하는지? 보다는 주의사항을 한번 알아본다. img loading attribute - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#loading img 태그의 loading 속성은 꽤나 유용하게 사용할 수 있다. 큰 작업없이 loading="lazy" 선언만으로 우리가 원하는 동작을 이끌어낼 수 있다. (더 많은 것들을 원한다면, 해당 속성만을 통해 제어하는 것이 힘들 수 있음) 브라우저 지원도 현재로써는 큰 이슈 없을만큼 대부분..
-
Docs for Developers 리뷰 :: 마이구미책 리뷰 2023. 12. 29. 13:36
이 글은 "Docs for Developers - 기술 문서 작성 완벽 가이드" 라는 책을 리뷰한다. 본인은 평범한 프론트엔드 개발자이다. 개인적인 생각과 해석이 들어가 있을 수 있다. 책 링크 - https://m.yes24.com/Goods/Detail/118266847 이 책은 제목 그대로 "기술 문서" 에 관련된 글이다. 대부분의 개발자는 문서화의 중요성과 필요성은 느끼고 있을 것이다. 하지만 문서를 작성하는 것도 힘들고, 문서화를 하더라도 최신화하면서 유지보수하는 것은 더더욱 어려운 과제이다. 본인은 문서화를 추구하는 입장이지만, 동료들에게까지 전파하여 체계적으로 관리하는 것은 성공하지 못하고 있다. 그래서 이 책은 새로운 무언가를 배울 수 있지 않을까? 해서 구매를 시도해보았다. 알다시피 문서..
-
Nginx proxy_pass 설정 이슈 :: 마이구미AWS 2023. 11. 25. 14:26
이 글은 직접 겪은 nginx proxy_pass 설정과 관련 있는 이슈를 다룬다. 본인이 경험한 이슈는 뒤늦게 알았지만... 이미 많은 사람들이 겪어서 관련 글들이 존재한다. nginx - https://www.nginx.com/blog/dns-service-discovery-nginx-plus/ nginx 의 proxy_pass 설정을 활용하고 있는 서비스가 존재한다. 간략하게 나타내면, 다음과 같은 구조로 구성되어있다. 실제 서비스 도메인은 mygumi.com 으로 구성된다. 사용자가 만약 mygumi.com/mygumi 경로로 진입한다면, 내부적으로 다른 도메인을 가지고 있는 서비스를 진입하게 된다. 이를 위한 nginx 설정은 다음과 같다. // nginx.conf location /mygumi..