[CSS] Flexbox 잘 다루는 방법, 이미지 넓이에 맞춰서 출력하는 방법

- Flexbox 잘 다루는 방법

: 팀원분이 Flexbox Froggy를 해보셨는 데 CSS 잡는 데 도움이 많이 되셨다고 해서 사용 해봤다!

https://flexboxfroggy.com/#ko

Flexbox Froggy

---

- 이미지 넓이에 맞춰서 출력하는 방법

: 게시물 작성 시 이미지를 업로드 하면 미리보기를 통해서 사용자가 업로드한 이미지를 출력 할 수 있도록 만들었습니다. 이미지 크기에 상관없이 잘리는 부분 없이 보여 줄 수 있도록 background-image CSS 코드를 사용 했습니다.

 background-image: url("이미지 주소");
 background-size: contain;
 background-position: center;
 background-repeat: no-repeat;