learning code refactoring production

Posted by yunki kim on November 1, 2021

  2020년 1학기 부터 끌고온(?) 프로젝트가 드디어 끝났다. 정확히는 1학기때 끝냈으나 여름 방학때 리액트를 배우면서, docker, nginx를 배우면서 이 기술들을 적용해볼 프로젝트가 필요했고 1학기때 했던 프로젝트를 리팩토링해 프론트를 react로 하고 docker, nginx, https를 적용했다. 리팩토링을 하면서 배우게 된거는 다음 링크에 적어 두었다.

https://iskull-dev.tistory.com/183?category=911357 

 

learning code refactoring

올해 여름 방학때 리액트를 시작하고 리액트를 좀 더 숙련되게 사용하기 위해 시작한 프로젝트이다. 그런데 중간에 멋사 플잭으로 인해 도커, 쿠버네티스를 공부해야 하는 상황이 되었고 이 프

iskull-dev.tistory.com

  인프라 부분 얘기를 하자면 다 처음 해보는 거라 많이 해맸다. nginx를 예전에 사용해 볼려고 시도를 했었지만 실패하고 이번 프로젝트에서 처음부터 다 다시 시작했다. docker 역시 처음 배우는 거라 인강을 보면서 개념을 익혔고 차근차근 단계를 밟아 나가면서 이번 프로젝트에 적용을 시킨 결과 결국에는 성공했다. HTTPS 역시 이번 프로젝트를 하면서 동작 과정을 처음으로 배우게 되었고 그 과정에서 HTTP가 동작하는 좀 더 세부적인 과정(3 way handshake같은)을 알 수 있었다.

  HTTPS를 적용시키기 위해 도메인도 하나 구매했다(skullkim-dev.com). 이 도메인은 단순히 이번 프로젝트를 위한 것이 아닌 내 포트폴리오 웹사이트를 만들기 위한 목적으로 구매한거다. 따라서 이 도메인을 재활용해 올해 내에 나의 포트폴리오 웹사이트를 만들 예정이다. 

프로젝트를 하면서 공부한 내용:

https://iskull-dev.tistory.com/category/%EC%9D%B8%ED%94%84%EB%9D%BC

 

'인프라' 카테고리의 글 목록

 

iskull-dev.tistory.com

https://iskull-dev.tistory.com/200?category=906431 

 

HTTPS

기존 HTTP는 클라이언트, 서버 사이의 요청, 응답을 평문으로 전송하기 때문에 중간에 이런 데이터들을 가로채서 볼 수 있었다(와이어샤크 등을 통해). 이런 문제를 해결하기 위해 클라리언트, 서

iskull-dev.tistory.com

https://pentacent.medium.com/nginx-and-lets-encrypt-with-docker-in-less-than-5-minutes-b4b8a60d3a71

 

Nginx and Let’s Encrypt with Docker in Less Than 5 Minutes

Getting Nginx to run with Let’s Encrypt in a docker-compose environment is more tricky than you’d think …

pentacent.medium.com