분류 전체보기
-
러닝 타입스크립트 리뷰 :: 마이구미책 리뷰 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..
-
요즘 우아한 개발 리뷰 :: 마이구미책 리뷰 2023. 11. 4. 16:22
이 글은 "요즘 우아한 개발" 이라는 책을 리뷰한다. 본인은 평범한 프론트엔드 개발자이다. 개인적인 생각과 해석이 들어가 있을 수 있다. 책 링크 - https://www.yes24.com/Product/Goods/122535338 누구나 제목과 표지를 보면 어떤 책인지 추측할 수 있다. 우아한형제들은 기술 블로그를 꾸준히 운영하고 있는 건 개발자라면 누구나 알고 있을 것이다. 이 책은 기술 블로그의 모음집으로 볼 수 있는 것 같다. 본인은 사실 기술 블로그가 잘 운영되고 있는 것은 알고 있으나, 거의 읽어본 적은 없다... 그래도 배울 점이 많다는 것은 이미 알고 있기에, 한번 책을 구매하게 되었다. 개발적인 내용뿐만 아니라, 우아한형제들의 전체적인 문화를 엿볼 수 있다. 네트워크, DB 등 본인에게는..
-
[UI/UX] 비활성화 상태 버튼 :: 마이구미HTML, CSS 2023. 10. 9. 17:03
이 글은 비활성화(disabled) 상태를 가지는 버튼에 대해 다룬다. 제목만 보면, 주제의 범위가 광범위하다. 글의 핵심이 정해져있지 않을 수 있으나... 그냥 찾아보고 공부한 것들을 끄적끄적 해보려고한다. 개인적인 생각이 많이 담겨져있다는 것을 알아두길 바란다. 본인이 고민한 것들을 요약하자면, 다음과 같다. 버튼 태그에 disabled 속성을 사용하면, 커서의 모양이 금지 모양으로 변하면 좋겠다. mui 는 비활성화 상태에 있어서, 왜 기본값으로 커서의 모양을 변경하지 않는것인가? 비활성화 상태의 버튼을 사용하는 것이 정말 사용자에게 유용할까? 1, 2 번은 같은 주제이지만, 3번은 직접적으로 연결되어있지는 않다. 1, 2번의 경우에는 비활성화 상태를 조금 더 사용자에게 인지시켜주고 싶은 니즈의 배..
-
[intl] 다국어 처리 :: 마이구미알아두면 좋은 라이브러리 2023. 9. 10. 19:04
이 글은 다국어를 처리하는 방법을 다룬다. 무겁지 않고, 가벼운 내용으로 사례를 기반으로 이어나가본다. 다국어 처리에 있어서, 라이브러리를 사용하는 경우, 직접 구현해보는 경우 2가지를 살펴본다. 라이브러리는 react-intl 를 사용한다. 서비스는 다국어 관리가 필요한 경우가 발생할 수 있다. 별도 API 가 존재한다면, 크게 고민할 것이 없다. 하지만 정적 데이터 성향은 결국 프론트에서도 관리해야하는 니즈가 나올 수 있다. 예를 들어보면, 서비스 단위가 아닌 모듈 기반으로 패키지들을 분리하는 경우이다. 그 중 하나의 예가 디자인 시스템을 들 수 있다. 이번 글에서는 디자인 시스템의 경우를 기반으로 이야기를 이어나간다. 서비스 단위의 규모가 작지 않은 단위라면, 대부분 라이브러리를 채택하여 사용할 수..