분류 전체보기
-
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 가 존재한다면, 크게 고민할 것이 없다. 하지만 정적 데이터 성향은 결국 프론트에서도 관리해야하는 니즈가 나올 수 있다. 예를 들어보면, 서비스 단위가 아닌 모듈 기반으로 패키지들을 분리하는 경우이다. 그 중 하나의 예가 디자인 시스템을 들 수 있다. 이번 글에서는 디자인 시스템의 경우를 기반으로 이야기를 이어나간다. 서비스 단위의 규모가 작지 않은 단위라면, 대부분 라이브러리를 채택하여 사용할 수..
-
[프로그래머스] SQL Lv.1 요약데이터베이스 2023. 5. 13. 20:20
이 글은 프로그래머스 코딩테스트 문제중 "SQL, Lv.1" 에 대한 내용이다. 문제에 대한 풀이가 아닌 팁들을 남기려고한다. (풀이는 아래 깃헙 링크를 참고) 문제 리스트 - https://school.programmers.co.kr/learn/challenges?order=recent&levels=1&page=1&languages=mysql 풀이 코드 - https://github.com/hotehrud/acmicpc/tree/master/programmers/Lv.1 프로그래머스에서 제공하는 Lv.1 에 해당하는 SQL 문제를 풀어보았다. (MYSQL 기준) 쉬운 문제이더라도, 다른 사람의 풀이를 보면서 많은 팁들을 보게 된다. 그러한 내용들을 정리해보고자한다. 어떤 방식이 더 좋고 나쁘고를 말하..
-
[프로그래머스] 코딩테스트 Lv.0 요약알고리즘 2023. 5. 7. 11:22
이 글은 프로그래머스 코딩테스트 문제중 "코딩테스트 입문" 에 대한 내용이다. 문제에 대한 풀이가 아닌 팁들을 남기려고한다. (풀이는 아래 깃헙 링크를 참고) 문제 리스트 - https://school.programmers.co.kr/learn/challenges?order=recent&page=1&partIds=33882 풀이 코드 - https://github.com/hotehrud/acmicpc/tree/master/programmers/Lv.0 프로그래머스에서 제공하는 Lv.0 에 해당하는 100 문제를 풀어보았다. 쉬운 문제이더라도, 다른 사람의 풀이를 보면서 많은 팁들을 배우게 되었다. 그러한 내용들을 정리해보고자한다. 어떤 방식이 더 좋고 나쁘고를 말하고자 하는 것이 아니라는 것을 참고해주길..
-
구글 엔지니어는 이렇게 일한다 리뷰 :: 마이구미책 리뷰 2023. 4. 1. 15:37
이 글은 "구글 엔지니어는 이렇게 일한다" 라는 책을 리뷰한다. 본인은 평범한 프론트엔드 개발자이다. 개인적인 생각과 해석이 들어가 있을 수 있다. 책 링크 - https://product.kyobobook.co.kr/detail/S000061352347 개발자라면, 누구나 빅테크들이 어떻게 일하고 있는지 궁금할 것이다. 책은 굉장히 두껍고 700 페이지를 차지하고 있다... 많은 문제들을 구글이 어떻게 해결했고, 그 과정들을 다루고 있다. 한편으로는 구글정도의 회사가 아니라면 고민하지 않는 문제들도 많다고 느끼긴 했다. 그래도 충분히 그러한 과정들은 흥미롭고 많은 지식을 습득할 수 있다. 실제로 우리가 그냥 당연히 사용하고 있는 도구, 시스템 등을 과거로부터 구글은 어떻게 고민했고, 해결해 나가고 있는..
-
쿼리스트링 복수값 전달하기 :: 마이구미Javascript 2022. 12. 11. 19:24
이 글은 쿼리스트링(querystring) 을 사용하는 사례 중 하나를 다뤄본다. 정확히는 하나의 필드에 여러개의 값을 넣는 경우에 대한 내용이다. 글의 예제들은 URLSearchParams API 와 qs 라는 모듈을 기반으로 작성되었다. 예제 코드 - https://codesandbox.io/s/multi-querystring-gopv63 URLSearchParams - https://developer.mozilla.org/ko/docs/Web/API/URLSearchParams qs - https://github.com/ljharb/qs 쿼리스트링을 활용하는 대표 사례는 검색 필터 조건을 들 수 있다. 이미 URL 에 포함된 쿼리스트링의 값을 기반으로 검색 조건의 값들을 셋팅하여 사용자에게 더 나은..