프로젝트/모두의배달 (2) 썸네일형 리스트형 리액트 프로젝트 배포를 리버스 프록시 구조로 개선하기 http 완벽 가이드 책을 공부하면서 http 2.0과 1.1의 차이를 학습했고 현재 제가 진행중인 최근 프로젝트에서 썸네일 같은 이미지들을 많이 다룰 일이 생겼고 슬슬 배포도 진행중인 상황이라 http 2.0이 많이 필요한 상황이었습니다. 스터디를 통해 알게된 것은 http 2.0은 https 위에서만 돌아간다는 것입니다. (브라우저 정책) 그래서 프로젝트에선 이미 웹서버와 let's encrypt를 이용해 인증서를 발급받고 https를 구축한 상태이기 때문에 문제가 없지 않을까 토론하던 중 문제를 발견하게 됩니다...! 바로 위 사이즈의 as-is 상태처럼 프론트 빌드 파일이 있는 웹서버하고는 https가 적용되지만 js가 브라우저에서 돌아가면서 api 서버와 직접적으로 통신하게 되는 구조여서 이 a.. CSS 여백을 컴포넌트로 관리하는 이유 주말마다 프론트 개발자 친구와 같이 클론코딩을 하고 있던 중 이해하기 어려운 코드를 보게 되었습니다. 이 사이트는 컴포넌트간 여백을 위 코드처럼 컴포넌트로 관리하는 것입니다. 굉장히 간단하지만 이유를 생각하기 어려웠습니다. 왜 저렇게 하는 걸까? 보통은 margin을 주든, padding을 주든지 할텐데 큰 이슈는 아니어서 그냥 저는 css로 margin을 주는 식으로 개발을 진행했습니다. 그러던 중에 다른 페이지에서 이전에 활용한 컴포넌트를 재사용하는 일이 있었는데 이전에 사용했던 여백이 컴포넌트 코드에 포함되어 있어서 여백을 수정해야 하는 상황이 발생했습니다. 그래서 제가 했던 방법은 여백을 props로 margin을 조정하여 주게끔 구현하고 있었는데 문뜩 위 코드가 떠오른 겁니다. 여백 자체를 컴포.. 이전 1 다음
