# 서브 프로젝트

34개의 포스트
post-thumbnail

AWS S3에 이미지 업로드하기

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

1일 전
·
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

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개의 댓글
post-thumbnail

Github Packages로 npm 패키지 배포하기

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

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

Docker로 테스트 환경 분리하기

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

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

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

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

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

커서 기반 페이지네이션 구현하기

저는 학교다닐 시절 친구들과 프로젝트를 할 때, 항상 SQL에서 페이지네이션에 offset을 사용했었습니다.하지만, offset 값이 커질 수록 성능 저하가 심해진다는 문제점이 있다고 합니다.공부 차원에서 진행한 매우 작은 프로젝트다 보니 저런 문제를 느껴볼 일이 없었

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

개인 블로그 데이터 모델링 하기

ERD란 ERD는 Entity Relationship Diagram의 약자로, 데이터들의 관계를 그림으로 표현한 것입니다. ERD를 통해서 RDB의 데이터들을 모델링할 수 있습니다. 고유 표기법을 통해서 1:1, 1:n, n:n 관계를 깔끔하게 표현할 수 있습니다.

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

AWS Lambda에서 Express 사용하기

기존에 express같은 웹 프레임워크를 쓰다가 Lambda로 넘어오게 되니 많은 문제점을 만났습니다.그 중에서 가장 크게 불편했던 점이 라우팅과 관련된 코드를 다 짜줘야 한다는 것이었습니다.예를 들면,이런 코드들을 계속 만들어야 합니다.각 path 별로 람다 함수를

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

Serverless framework로 AWS 인프라 구축하기

serverless는 서버리스 애플리케이션을 위한 인프라를 매우 빠르고 편리하게 구축할 수 있게 도와주는 프레임워크입니다.Lambda, IAM, API Gateway, VPC 등 아주 많은 AWS 서비스들을 지원합니다. 원하는 서비스를 골라 설정파일에 내용을 적어주면,

2020년 12월 29일
·
0개의 댓글
post-thumbnail

MSA 기반 백엔드 설계해보기

MSA는 MicroService Architecture의 약자로, 독립적으로 자신의 기능을 수행하는 여러 서비스들을 조합하여 하나의 애플리케이션을 이루는 개념입니다.MSA는 모놀리식 아키텍처와 반대되는 개념이라고 볼 수 있습니다. 아래 두 사진을 보시면 이해가 빠르실

2020년 12월 28일
·
0개의 댓글
post-thumbnail

블로그 개발 시작

예전부터 개인 블로그를 하나 갖고싶었습니다. 티스토리, velog, medium 같은 이미 잘 만들어진 서비스들도 있지만, 어딘가 하나씩 부족하다고 느끼는 부분이 있었습니다.그래서 제 마음대로 커스터마이징하고, 확장하고.. 놀 수 있는 개인 블로그를 만들기로 결정했습니

2020년 12월 28일
·
0개의 댓글
post-thumbnail

React Context로 모달 인터페이스 구현하기

기존에 작성했던 코드의 불편했던 점 저는 이전에 진행했던 Referring이라는 프로젝트에서 모달을 아래와 같은 방식으로 구현했었습니다. 모달을 사용하는 컴포넌트에서 state를 하나 만들어 모달을 사용하는 방식인데, 저는 이런 방식으로 모달을 구현했을 때 문제점을

2020년 12월 20일
·
0개의 댓글
post-thumbnail

CRA 없이 React 개발환경 구축해보기

CRA를 안쓰게된 이유 저번 글에 이미 적었던 내용이지만, 저는 리액트를 시작한 이래로 3개월 동안 CRA로만 프로젝트를 만들었습니다. 명령어 한 줄이면 필요한 설정을 끝마칠 수 있다는 점이 정말 편하고 좋았지만, 나름 프론트엔드 개발을 한다는 사람이 개발환경도 혼

2020년 11월 28일
·
0개의 댓글
post-thumbnail

AWS, Travis CI, NginX, Docker로 무중단 CI/CD 자동화 구축하기

고등학교 1~2학년 시절, 코로나 솔루션을 시작하기 전에 진행했었던 프로젝트들은 지금 생각하면 매우 끔찍할 정도로(사실 그때도 그랬습니다) 정말 막장이었습니다.배포할 때 딱히 자동화란 없었고 직접 EC2 인스턴스에 접속해서 돌아가던 서버를 중단시킨 후, github 저

2020년 11월 26일
·
0개의 댓글
post-thumbnail

AWS CloudFront로 캐싱 도입하기

좋은 사용자 경험을 위해서 가장 기초적으로 중요한 것 중 하나는 서버의 응답 속도라고 생각합니다.캐싱을 도입하기 이전에는 HTTPS를 사용할 목적으로 CloudFlare라는 서비스를 연결해서 사용하고 있었는데, CloudFlare의 가장 큰 문제는 응답속도가 매우 느려

2020년 11월 26일
·
0개의 댓글