https://codepen.io/leenyooo/pen/mdopWYV
이미지태그
...
codepen.io
img태그 특징
width 혹은 높이 둘중 하나만 커스텀하면 이미지 비율이 유지 되면서
사이즈가 조절 된다.
css에서 직접태그하기
img 태그는 너비높이 둘 다 커스텀하게 되면 비율이망가진다.
이때 해결할 수 있는 코드는
object-fit: cover;
object-fit: cover; -> 사용처
1. 고정형 이미지 -> 망가진 비율 복구
2. 반응형 이미지 -> 세로가 고정된 반응형 이미지 구형
3. 비디오 -> 너비높이 커스텀 구현
object-fit: cover; -> backgroung-image속성에 사용할 수 없다.
저작권
- 포트폴리오도 상업적인 목적으로 생각해야한다.
- 무료로 사용할 수 있따고 해서 상업적으로 사용할 수 있는것은 아니다.
라이센스에 상업적으로 무료 이용 이라는 문장이 있어야 포트폴리오에 사용할 수 있다.
언스플래쉬
-상업적으로 무료이용이긴 하나, 2차가공(합성, 디자인)이 된 상태영야지 상업적으로 이용가능하다.
- 사람 얼굴이 나오는 경우 초상권이 있어서 조심스럽게 사용해야한다.
리디자인
리디자인이라고 하는경우 원래는 안되지만 포트폴리오에 한에서 브랜드에 있는 이미지를 사용 할 수 있다.
브랜딩을 해서 만드는게 제일 좋긴하다.
https://penguin-kim.tistory.com/76
[Mac] 파인더 (Finder)에서 태그가 지워지지 않을 때 해결 방법
1. Finder - Tag 윈도우에는 폴더가 있다면, 맥에는 Finder (파인더)라는 친구가 있다. 파인더의 기능 중에 태그라는 녀석도 있는데 Unity 태그와 같은 기능이라고 보면 된다. 태그를 지정해두고 해당 태
penguin-kim.tistory.com
어려워....
'웹01' 카테고리의 다른 글
웹1_240201 수업 (vscode) - 삼성디자인 탑바 만들기-1 (0) | 2024.02.01 |
---|---|
웹01_240131수업 (0) | 2024.01.31 |
웹01_240126수업(flex-grow) vscode설치 (0) | 2024.01.26 |
웹_240125수업 (0) | 2024.01.25 |
웹1_240123 ( flex 시작) (0) | 2024.01.23 |