profile
주니어 웹 프론트엔드/백엔드 개발자 입니다. 서브 프로젝트를 굉장히 좋아하고, velog에 기록으로 남기고 있습니다.
post-thumbnail

AWS S3에 이미지 업로드하기

S3에 이미지를 업로드하는 여러 방법을 비교하고, 실제로 이미지를 업로드 해봅시다.

2021년 7월 25일
·
0개의 댓글
post-thumbnail

Github Pages에 HashRouter로 SPA 적용하기

react-router의 HashRouter로 Github Pages에 SPA를 적용하는 방법을 소개합니다.

2021년 5월 19일
·
0개의 댓글
post-thumbnail

AWS Lambda에 query string으로 array 전달하기

API Gateway가 query string을 어떻게 파싱하는지 알아보고, AWS Lambda에 query string으로 array를 보내는 방법을 소개합니다.

2021년 5월 19일
·
0개의 댓글

document.visibilityState로 유저가 탭을 보고 있는지 알아내기

이커머스 서비스를 개발하는 회사에 다니고 있는데, 유저가 다른 사이트로 이동했다가 저희 사이트로 다시 돌아왔을 때 Toast Notification을 띄워줘야하는 요구사항이 있었습니다.처음에는 이 글을 보고 window에 focus 이벤트를 걸어서 유저가 돌아온걸 인식

2021년 5월 12일
·
0개의 댓글
post-thumbnail

Docker로 React 애플리케이션 배포하기

지금까진 누가 접근하더라도 문제가 없는 공용 웹만 개발해서 배포했었지만, 어떤 서비스의 어드민을 직접 배포해보는건 처음이었습니다.따라서 고민을 많이 해보다가 내린 결정이 "Docker로 로컬에 컨테이너를 실행시켜서 배포하자"였습니다.그 이유는, 어차피 어드민이 더 추가

2021년 5월 10일
·
0개의 댓글
post-thumbnail

Cross-Origin Resource Sharing (CORS) 이슈 해결하기

개요 드디어 개인 블로그 프로젝트의 모든 백엔드 기본 작업이 끝나서, 어드민 프론트엔드 작업을 시작하게 되었습니다!!

2021년 5월 10일
·
0개의 댓글
post-thumbnail

OpenAPI Specification으로 API client 자동 생성하기

OpenAPI Specification에 대해서는 이전 글을 참고해주세요. API client? 구글에게 프로그래밍에서 client가 뭐냐고 물어보면 아래처럼 답변이 나옵니다. 간단히 요약하자면, 다른 무언가에게 요청을 보내

2021년 5월 1일
·
0개의 댓글
post-thumbnail

Open API Specification 3.0.1로 API 스펙 명세하기

Open API Specification? >The OpenAPI Specification (OAS) defines a standard, programming language-agnostic interface description for HTTP APIs, which

2021년 3월 27일
·
0개의 댓글

프로그래머스 문제풀이 - 두 개 뽑아서 더하기 (Swift)

https://programmers.co.kr/learn/courses/30/lessons/68644?language=swift우선 중복된 값이 저장되지 않도록 하기 위해 Set을 만들어준 후, 한 칸씩 이동하며 뒤에있는 나머지 값들을 모두 더해주면 됩니다.그

2021년 3월 25일
·
0개의 댓글
post-thumbnail

AWS SDK로 AWS Lambda 기반의 마이크로 서비스끼리 호출하기

이 글에서는 Github Packages Registry를 사용하고 있습니다. 이 글을 참고해주세요. 마이크로 서비스 간 통신 방법 잠시 제 개인 블로그의 백엔드 아키텍처를 복습해보자면, blog-api-gateway에

2021년 2월 28일
·
2개의 댓글
post-thumbnail

Mocha, Chai, SuperTest로 BDD 기반의 테스트코드 작성하기

BDD는 Behaviour Driven Development의 약자입니다.이 답변(https://softwareengineering.stackexchange.com/questions/135218/what-is-the-difference-between-writi

2021년 2월 27일
·
0개의 댓글
post-thumbnail

백엔드에서의 에러 처리에 대한 고찰

백엔드 애플리케이션을 개발하다보면 항상 깔끔한 에러 처리에 대해 고민하는 것 같습니다. 이 글에서는 어떻게 보면 어렵지만, 어떻게 보면 답이 매우 뻔했던.. 그런 고민 과정들을 풀어보려 합니다.

2021년 2월 19일
·
0개의 댓글

프로그래머스 문제풀이 - 땅따먹기

https://programmers.co.kr/learn/courses/30/lessons/12913두 번째 행부터 시작해서 바로 위 행의 값들 중 최댓값을 찾아서 더해나가면 됩니다. 단, 같은 열을 연속해서 밟을 수 없다는 점만 주의하면 됩니다.값이 위와 같

2021년 2월 12일
·
0개의 댓글
post-thumbnail

Github Packages로 npm 패키지 배포하기

Github Packages는 깃허브에서 제공하는 패키지 호스팅 서비스입니다.오직 제 개인 블로그 서비스에서만 쓰일 패키지를 배포해야 하는데, npm에서는 private package를 배포하려면 돈을 내야하는 것으로 알고 있어서 Github Packages를 선택하게

2021년 2월 12일
·
0개의 댓글

프로그래머스 문제풀이 - 다음 큰 숫자

https://programmers.co.kr/learn/courses/30/lessons/12911처음 주어진 수를 2진수로 변환하고 1의 개수를 구한 후, 1씩 올려가면서 개수가 같을 때 리턴하면 됩니다.

2021년 2월 11일
·
0개의 댓글

프로그래머스 문제풀이 - 올바른 괄호

https://programmers.co.kr/learn/courses/30/lessons/12909열린 괄호가 나왔을 때 1을 더하고, 닫힌 괄호가 나왔을 때 1을 빼면서 순회하면 됩니다.중간에 balance가 0 아래로 떨어지면 열린 괄호가 없는데 닫힌 괄

2021년 2월 11일
·
0개의 댓글
post-thumbnail

Visual Regression Test 도입기

Visual Regression Test? visual regression test는 변경사항을 반영하고도 똑같은 UI가 유지되는지를 검사하는 테스트입니다. 예를 들어, 버튼의 height를 바꾼다거나, 실수로 margin을 지웠다거나.. 아니면 리팩토링을 하다가 U

2021년 2월 10일
·
2개의 댓글
post-thumbnail

Docker로 테스트 환경 분리하기

Docker란 도커는 컨테이너 기반의 오픈소스 가상화 플랫폼입니다. 가상 머신과의 차이는, 가상 머신은 OS 전체를 가상화하여 실행하지만 도커는 host OS와 자원을 공유하고 필요한 부분만 가상화됩니다. 따라서 가상머신보다 가볍고, 도커만 있다면 환경에 구애받지

2021년 2월 9일
·
0개의 댓글

프로그래머스 문제풀이 - 가장 큰 정사각형 찾기

https://programmers.co.kr/learn/courses/30/lessons/12905지금까지 하던 것 처럼 단순 순회로 풀 수 없는 문제였습니다. 효율성 테스트에서 시간초과로 짤리더군요..(1, 1)부터 시작해서 현재 좌표의 값이 0이 아닌 경

2021년 2월 7일
·
0개의 댓글
post-thumbnail

SSH로 GCP VM 인스턴스 접속하기

기존에 MySQL 서버를 AWS RDS로 사용하려고 했으나, 아직 돈이 없는 저는.. 슬프게도 최소사양 GCP 인스턴스를 택하게 되었답니다.Secure Shell의 줄임말로, 두 컴퓨터 사이에서 public 네트워크를 통해 통신할 때 안전하게 하기 위해 사용되는 프로토

2021년 2월 6일
·
0개의 댓글