전체 글256

• 

  [nginx] 기초적인 proxying 방법 nginx에 대해서는 https://drspace.tistory.com/249 이 글에서 간략히 개념을 배워본 적이 있다. 수업을 듣다가 웹 서버라는 단어가 나와서 정리한 거다.싸피에서 프로젝트를 할 때는 nginx 설정은 백엔드 팀원들이 거의 해서 다뤄 볼 기회가 없었는데, 직접 nginx 설정을 해 볼 기회가 생겨서 그 과정을 정리해본다. 1. 사용 목적 마이그레이션이 필요한 워드프레스 웹사이트가 404 에러를 뱉어낼 경우 원래는 워드프레스 상에 위치한 404.html 파일을 유저에게 보여줬었다. 이 설정은 nginx.conf 파일에 되어 있었다. 404 에러를 만날 경우 폴백 함수로 보낸 후, 일관된 URL 처리를 위해 불필요한 slash를 제거하고 대문자는 소문자로 모두 바꾼 후 /404.html.. Programming/ETC 2025. 3. 27.

• 

  (늦은) 2025년 2월 회고: Nest.js 강의 추천, Storyblok, 요즘 사용하는 AI 도구들, 속초 워케이션 2월에는 Nest.js 강의를 듣는데 개인공부 시간을 거의 다 썼다. 빨리 백엔드 공부를 하고 싶은데 다른 것들을 이것 저것 같이 하려니 집중이 잘 안되는 것 같아 집중해서 빠르게 완강하기로 했고, 진도가 잘 나가는 모습을 스스로 지켜보면서 잘 선택했다고 생각했다. 사실 1년 전 쯤 구매했던 Nest.js 강의가 있었는데 업데이트가 원활하지 않고 다루는 범위가 다소 좁다는 생각이 들었는데, 평이 좋아서 새로 구매해 본 강의는 100% 만족중이다. (홍보 아님!)  [코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core 강의 | 코드팩토리 -코드팩토리 | , 백엔드가 처음이어도 누구나 OK! 트렌디한 NestJS로 서버 개발을 배워보세요. NestJS .. My/Riverlog 2025. 3. 13.

• 

  [네트워크] POST, PUT, PATCH의 차이점 Nest.js 공부를 하면서 Postman을 많이 쓰고 있다. 그동안 patch를 써본 적이 거의 없는데, 인강에서 강사님이 put 대신 patch를 쓰시는 걸 보고 세 요청의 차이를 정리해보려고 한다. https://docs.tosspayments.com/blog/rest-api-post-put-patch POST, PUT, PATCH의 차이점 | 토스페이먼츠 개발자센터REST API 디자인의 기본이 되는 POST, PUT, PATCH 메서드를 자세히 살펴볼게요.docs.tosspayments.com 토스페이먼츠 개발 블로그에 RFC 문서를 참고한 내용이 잘 정리되어 있다. POST: 리소스를 생성하거나 꼭 그렇지 않아도 백엔드에서 정의한 다양한 작업을 수행-> 리소스 생성 및 다양한 작업에 사용 PU.. Programming/Computer Science 2025. 2. 22.

• 

  [Jest] 특정 테스트 파일만 제외하고 실행하고 싶을 때 많은 프로젝트에서 테스트 도구로 Jest를 사용하고 있다. 이 때 테스트 파일에 시간이나 날짜 관련 데이터가 있는데, 나와 타임존이 다른 곳에서 개발한 경우 로컬에서 테스트가 통과하지 못하는 경우가 있다. 어느 나라에서 테스트를 실행해도 문제가 없도록 테스트를 작성하면 가장 좋겠지만, 당장 pull request를 만드는 경우 Jest config를 수정해서 한 파일을 제외할 수 있었다. // jest.config.jsmodule.exports = { testPathIgnorePatterns: ['실행하고 싶지 않은 테스트 파일명'], ...} 이렇게 적어주면 (여러 개 파일 작성 가능) 전체 테스트를 실행했을 때 해당 테스트 파일은 실행하지 않는다. 테스트 대상 파일이 아니라 테스트 파일(예.. Programming/Javascript, Typescript 2025. 2. 15.

• 

  2025년 1월 회고: 타 팀 지원, Storyblok, Storybook 공부하기, 2024년 리뷰 패킷, 오랜만에 클라이밍, 스키 1월 첫 주까지도 휴가인 미국 사람 많음 + 역대급 긴 설날 연휴로 1월은 체감 상 거의 2-3주로 느껴진 것 같다. 실제로 업무량을 따지면 그렇게 많지는 않았지만, 빅 이벤트가 있기는 했다. 바로 타 팀 지원을 나가게 된 것! 우리 팀원들과 같이 하게 됐다면 더 좋았겠지만, 한 명만 필요하다고 해서 혼자 하게 되었다 ^^; 업무 자체는 너무 재미있고 onboarding buddy나 팀원들도 아주 친절하다. 온보딩 기간동안 Storyblok을 배우게 되었는데, 트위터에서 유명한 어떤 개발자분이 다닌 적 있는 회사라서 알고는 있었지만 사용해보는 건 처음이었다. Storyblok 은 headless CMS라서 FE 프레임워크와 연결을 해줘야 한다. 여러 props를 Storyblok 상에서 뿌려줄 수 있어서.. My/Careerlog 2025. 2. 3.

• 

  [SSAFYcial] 싸피에서도, 현업에서도 자주 쓰는 Git 명령어 알아보기 개발에 입문하고 가장 먼저 배우는 것들 중 하나가 바로 Git일 텐데요. 오늘은 제가 개발을 거의 알지 못하던 SSAFY에서 처음 배웠지만, 개발자로 일하고 있는 지금도 자주, 또는 유용하게 쓰고 있는 Git 명령어들을 소개해보려고 합니다! Git이란많은 분들이 알고 계시겠지만 Git은 '버전 관리 시스템' 입니다. 개발을 하면서 여러 명이 하나의 코드 베이스에 수많은 변경 사항을 만들어야 하기 때문에, 이 과정에서 코드의 버전을 잘 기록하고 활용하기 위해 만들어진 도구인데요. 2005년, 리눅스 커널을 개발하던 개발자들이 만들었습니다. 이 Git을 사용하기 위한 명령어들을 터미널에 입력하면 내 코드의 상태를 자유자재로 저장하거나 되돌릴 수 있습니다. git add, git commit -m, git p.. Programming/ETC 2025. 1. 16.

• 

  개발자는 개발만 잘해도 될까 예전에 저장해놨던 토스 개발자분들의 대화를 오늘 봤다. 개발자라면 너무도 공감할 수밖에 없는 이야기가 나와서 기록해 본다.대화를 거칠게 요약해보자면 결국 개발의 퀄리티보다는 제품의 성공이 중요하다는 것이고, 이건 내가 1년 반동안 서비스를 개발하면서 제품을 성공도 시켜보고 실패도 시켜보면서 직접 체감할 수 있었던 부분이다. 이 부분까지는 많은 분들이 하시는 말씀이지만, 이 대화에서 새롭게 다가왔던 부분은 "기능의 요구가 들어왔을 때 그 기능을 구현하는 것보다, 왜 그 기능이 필요한지를 먼저 파악함으로써 더 효과적인 해결책을 제시할 수 있다...요구 사항 정의에 시간을 투자하는 것이 장기적으로 더 나은 결과를 가져올 수 있다"는 것이었다. 이 말을 듣자마자 내가 그동안 개발해왔던 것들 중 몇가지가 바로 떠.. Programming/ETC 2025. 1. 12.

• 

  2024년 11, 12월 일/공부 회고: AWS Certified Developer - Associate 합격, Cypress 써보기, 신기능 개발, SVG 공부, 사이버대 마지막 학기 종강, 2024년 돌아보기 11월과 12월은 2주 넘게 휴가가 있었고, 미국 회사는 크리스마스 주를 포함한 연말에 일을 거의 하지 않아 업무량이 많지 않았다. 그래서 글 하나에 기록을 모아봤다. 얼마 전 런칭한 제품에 더해진 추가 기능을 주로 개발했고, 공통 컴포넌트를 만드는 등 코드 상의 개선도 있었다. 그 과정에서 SVG 아이콘 컴포넌트를 만들면서 SVG에 대한 공부도 처음으로 해봤다. 나에게 SVG는 그저 벡터 이미지였는데, 개발자가 조정할 수 있는 영역이 많았고, 크기를 조정하려면 단순히 width와 height를 고치는 것뿐만 아니라 viewbox도 고려해야 한다는 점을 알았다. 신기능 데이터 관련 로직이 FE에 몰려 있어 복잡한 로직을 BE로 빼고 새로운 GET 함수로 완전히 교체하는 과정에서 BE 개발자와 소통도 자주.. My/Riverlog 2024. 12. 31.

• 

  [Python, VSCode] MacOS 맥북에서 Python 환경 설정하기 알고리즘 수업을 들으면서 오랜만에 파이썬을 사용하고 있다. 맥에서 파이썬을 쓰는 건 항상 윈도우 PC에 venv 가상환경을 설치해서 쓰던 싸피 시절과는 꽤 달라서 맥 그리고 VSCode 내에서 파이썬 사용 경험을 기록해보려고 한다. 1. pyenv를 설치한다.먼저 nvm과 유사한 python 버전 매니저인 pyenv는 기본적으로 설치하는 것이 좋다.brew install pyenv 2. 원하는 버전의 python을 설치한다.사실 맥북에는 python2가 기본으로 설치되어 있다. 하지만 나는 3이 필요해서 pyenv를 이용해 설치했다.pyenv install {version} 3. (python3 사용하는 경우) pip3를 사용해 원하는 모듈을 설치한다.python3를 설치했다면 pip3, python의 .. Programming/Python 2024. 11. 11.

• 

  2024년 10월 일/공부 회고: 새 기능 만들기 올인, 협업 제대로 해보기 10월은 쓸 말이 별로 없을 정도로 신기능 개발에 올인한 한 달이었다. ^^;  개발이 마무리 되어 가는 시점에서 나름 기한도 잘 맞추고 팀원들과의 의사소통도 잘 해가면서 잘 마무리한 것 같(아보이)지만, 몇 가지 배운 점이 있어 정리할 필요가 있다고 생각해서 적어 본다. 10월 프로젝트로부터 배운 점들1. PM이 된 것 처럼 제품을 자세히 분석하자 이번 프로젝트가 기존 프로젝트와 달랐던 점은 팀원들과 일을 거의 정확히 1/n으로 했고, 그 일들이 함께 깊이 연관되어 있었다는 거다. 입사 후 맡았던 프로젝트들을 돌이켜 보면 1. 혼자 프로젝트의 메인을 리드하거나 2. 나눠서 하더라도 거의 완전히 분리되어 있는 경우 두 가지 중 하나였다. 그런 경우 PRD와 티켓, Figma를 통해 제품의 얼개를 파악하고.. My/Riverlog 2024. 11. 4.

• 

  [에러 기록] SyntaxError: unknown: Namespace tags are not supported by default React 앱에서 SVG를 MUI SvgIcon에 넣어 SVG 아이콘이 필요한 곳에 사용 중이었는데, 새로운 아이콘을 만드는 과정에서 앱이 렌더링이 안되면서 해당 에러가 나타났다. 처음에는 MUI와 관련된 에러인가 했지만, 스택오버플로우에서 SVG와 JSX(React)가 충돌해 발생하는 에러라는 사실을 알게 됐다. SVG는 XML(미리 태그가 지정되지 않은 마크업 언어)로 쓰여진 2차 벡터 그래픽 마크업 언어다. 이 때 namespace라는 건 XML을 사용하는 다른 언어들과 충돌하거나 혼동되지 않도록 이것이 SVG에 속한다고 명시해 주는 역할을 하는 요소다. 웹앱에서 SVG의 경우 이제 namespace를 사용하지 않아도 된다고 한다. 그런데 이 때 Figma에서 export한 SVG의 경우 간혹 가다.. Programming/React 2024. 10. 21.

• 

  [SSAFYcial] 국내 + 해외 리크루터 눈에 띄기 좋은 링크드인 관리법 안녕하세요! SSAFY 수료생 기자단으로 활동하게 된 리버입니다 ^_^ 저는 서비스 기업으로의 첫 이직을 링크드인을 통해서 할 수 있었는데요, 그래서 오늘은 제가 이직 전부터 지금까지 조금이라도 매력적으로 보일 수 있는 링크드인을 만들기 위해 노력했던 과정을 공유하려고 합니다. SSAFY에서 진행한 프로젝트나 교육받은 내용들도 잘 녹여낼 수 있으니, 끝까지 잘 따라와 주세요~ 영어 프로필 설정하기 최근 채용 시장에서는 글로벌 HR 플랫폼이나 프리랜서 계약을 통해 인재 채용의 국경이 많이 사라진 편입니다. 그래서 외국에서, 혹은 우리나라에서 원격으로 외국 회사에서 일하는 게 보다 쉬워졌죠. 링크드인에서는 외국 리크루터와 소통하거나 외국 기업에 지원할 때, 외국에서 접속했을 때 보여지는 영어(또는 다른 언어.. My/Careerlog 2024. 10. 4.

• 

  2024년 9월 일/공부 회고: Offsite과 미국 여행, Women Tech Week, inspiring만으로 좋은가?, 사이버대 마지막 학기, 장학금/대학 헌팅 시작 회사 2024 Offsite과 미국 여행9월의 절반 정도는 회사 offsite과 미국 여행으로 보냈기 때문에 쓸 말이 많지는 않다. 미국 여정의 소감은 다른 후기 글에서 이미 적어 보았다. 갈 때마다 좋은 에너지를 얻고 오고 있다. 만약 지금의 회사를 다니지 않았더라면 또 다른 좋은 경험들을 했으리라고 생각하지만, 해외에서 일하는 것에 대한 영감을 지금만큼 많이 얻었을 것 같지는 않다. 후회하지 않기 위해 하루라도 젊을 때 도전해보려고 한다. Women Tech Week미국에 가기 전 서울시에서 주최한 Women Tech Week 행사에서 여러 여성 개발자들의 강연을 듣고 왔다. 여성 개발자들은 여성이라서 더 특별한 영감을 준다. 가정이 없는 분들은 없는 분들 대로, 일-가정 양립을 지혜롭게 해 나가신 .. My/Riverlog 2024. 10. 4.

• 

  기획/디자인의 중도 변경에 대한 프론트엔드 개발자로서의 생각 이번 offsite에서나 온라인에서 기획/디자인이 중도에 변경되는 데 있어서 개발자들이 많이 고충을 토로하는 걸 알고 있다. 심지어 디자이너가 변경되었다는 걸 공개적으로 명시하지 않고 변경 이력 표시가 명확하지 않은 Figma 상에서 슬쩍 디자인을 바꿔 놓고, 그 사실을 알 리 없는 개발자가 결과물을 내놓으면 구현이 잘못되었다고 개발자 탓을 한다는 케이스도 주변에서 직접 들었다. (이런 건 정말 프로라고 할 수 없는 모습이라 할 말도 없는 상황이긴 하다...^^) 이 문제에서 자유로울 수 있는 서비스 개발자는 없을 거라는 생각이 든다. 이러한 중도 변경은 개발자에게 예고 없는 공수 증가를 가져올 뿐만 아니라, 그러한 노력에 대한 치하는커녕 변경으로 인해 늘어난 개발 기한을 억울하게도 개발자의 탓으로 모두.. My/Careerlog 2024. 9. 26.

• 

  2024 회사 offsite 후기 + 라스베가스, LA 여행 올해로 두 번째 회사 offsite에 참석하게 되었다. 이번 offsite 장소는 라스베가스! 대한항공에 직항이 있었지만 돌아오는 길에 LA 여행을 함께 하기로 했다.  라스베가스대한항공 미주 노선 ICN -> LAS 글루텐프리 특별 기내식 작년에 아시아나 탈 때는 신청 안했던 특별 기내식을 이번에 신청해봤는데, 결과는 완전 대만족!!돌아올 때 먹었던 비빔밥, 오믈렛보다 훨씬 맛있었다. 닭가슴살과 매시드 포테이토도 맛있었지만 아침에 나온 웨지감자와 야채 구이가 너무 맛있었고 머핀이나 이런 거 말고 담백한 빵을 주는 점도 좋다! 내년에도 신청할 것... 라스베가스까지는 10시간 반 정도 걸리는데 옆자리에 가는 내내 코를 고는 사람이 걸려서...^^ 그거 빼고는 별로 힘들지 않게 갔다. 진짜 문제는 도착한 .. My/Careerlog 2024. 9. 25.