https://codepen.io/limyena/pen/RwdxpmW
img태그
...
codepen.io
이미지 사이즈 조정할때는 img 태그 후 해야함.
[사진 무료이용 사이트]
언스플래쉬, 픽사베이 등
[img태그 특징]
- 너비나 높이 둘 중 하나만 커스텀하면 이미지 비율이 유지되면서 사이즈가 조절된다.
- img태그는 너비높이 둘 다 커스텀하게되면 비율이 망가진다.
이때 해결할 수 있는 코드는 object-fit: cover;라는 코드가 있다.
[저작권]
- 포트폴리오도 상업적인 목적으로 생각해야한다.
- 무료로 사용할 수 있다고해서 상업적으로 사용할 수 있는것은 아니다. 라이센스에 상업적으로 무료 이용이라는 문장이 있어야 포트폴리오에 사용할 수 있다.
[언스플래쉬]
- 상업적으로 무료이용이긴 하나, 2차 가공(합성, 디자인)이 된 상태여야지 상업적으로 이용 가능하다.
- 사람 얼굴이 나오는 경우 초상권이 있어서 조심스럽게 사용해야한다.
[리디자인]
- 리디자인이라고 하는 경우 원래는 안되지만 포트폴리오에 한해서 브랜드에 있는 이미지를 사용할 수 있다.
https://codepen.io/limyena/pen/ZEPvKEM
비율이 망가지는 img
...
codepen.io
[vscode]
html -> !+탭 -> body에 코드 입력
타이틀 밑에 링크 연결
