https://codepen.io/EONJENOG/pen/OJeRYxz
이미지 태그
...
codepen.io
[img태그]
- 닫는 태그가 없다.
- 기본적으로 src속성과 alt속성이 생성된다.
ㄴ src → 이미지 경로
ㄴ alt → 이미지 설명 (이미지 이름)
- 이미지태그는 너비속성과 높이속성으로 사이즈를 조절할 수 있다.
[Unsplash] https://unsplash.com/ko
- 상업적으로 이용가능한 무료 이미지 사이트
ㄴ 조건: 원본 이미지를 그대로 사용할 수 없고 두장 이상의 이미지를 합성해서 2차 창작물로 만들어 내야 상업적으로 이용 가능하다.
ㄴ 브랜드표시가 있거나 사람 얼굴 인식이 가능한 이미지는 따로 저작권이 있기 때문에 조심해서 사용해야된다. (사람 얼굴은 어떤 사람인지 인식하지 못하는 형태로 사용하면 된다.)
[포트폴리오와 소스 저작권]
- 포트폴리오도 상업적인 목적이기 때문에 상업적으로 이용 가능한 소스만 찾아 사용해야 된다.
ㄴ 리디자인은 홈페이지 내에 있는 이미지를 사용 가능하나 모델은 저작권 따로 있기 때문에 사용하면 안된다.
ㄴ 브랜딩인 경우 다른 홈페이지에 있는 이미지를 사용할 수 없다. 오직 상업적인 무료 이미지만 사용 가능하다. (핀터레스트나 비핸스처럼 다른 사람이 올린 작품은 무조건 사용할 수 없다. 인터넷 서칭 이미지도 마찬가지이다.)
https://codepen.io/EONJENOG/pen/wvLzbEX
이미지 박스와 over-flow: hidden;
...
codepen.io
[vscode]
한국어 버전 다운 후 "Change Language and Restart"
[파일과 폴더 개념]
파일: 확장자가 붙어있는 것들
폴더: 파일을 정리하는 것들
[확장자]
.jpg
,png
.exe
.html
.css
.js
[vscode]
- 처음 시작할때는 폴더 생성 후 안쪽에 파일들을 생성한다.
- 폴더 안에 폴더를 생성할 수 있다.
예시) docs/image/img.jpg