전체 글

[HTML] 스크립트

자바 스크립트 코드를 작성하거나 외부 스크립트 문서를 가져올 때 사용 속성 async 스크립트의 비동기적(Asynchronously) => (순차적x 필요에 따라 사용) 실행 여부. src 필수 속성 src 외부 스크립트 사용 URL. src 적용 시 내부에 작성된 스크립트 코드는 무시됨. 속성 defer 문서파싱(구문 분석) 후 작동 여부. 실행 시점. src 필수. 속성 type 표준이 text/javascript라서 선언 안해도 된다 YUJINSS! const myName = document.getElementById('my-name'); console.log(myName.innerText); 코드가 순차적으로 읽히므로 head에 script를 연결하면 body의 내용을 script에서 연결 못한다..

[HTML] 내장 콘텐츠

다른 HTML 페이지를 삽입 속성 name 프레임의 이름 (여러 프레임이 들어갈 수 있으므로) 속성 src 속성 width 속성 height 속성 allowfullscreen 전체화면 속성 frameborder 프레임 테두리 사용(기본:1) 속성 sandbox 보안↑읽기전용으로 삽입. iframe은 외부 컨텐츠를 들여오는 것이므로 보안에 취약해서 사용. sandbox 사용하는 대신 외부 컨텐츠의 내부 코드가 일부 작동하지 않을 수 있음. 경우에 따라 아래 속성 사용 -allow-form -allow-scripts -allow-same-origin *유튜브 영상

[HTML] 멀티미디어

이미지 삽입 필수속성 src source의 약어. 이미지 URL 필수속성 alt alternative의 약어. 대체 텍스트 속성 width 속성 height => 크기를 조절하는 용도로 사용할 시 한쪽만 입력해도 됨, 별도의 픽셀단위 사용 x 숫자만 입력 css 통해서 이미지 크기 조절 가능. 이미지 크기가 고정된다(이미지 고정X, 크기 고정O) *반응형 웹사이트 제작 시 사용 srset에서 제시한 이미지 중에서 뷰포트의 너비에 최적화된 이미지를 브라우저가 골라서 출력하게 된다 속성 srcset source set의 약어. 출력될 이미지 후보들의 URL과 원본크기의 목록 정의. 이미지 2장 이상일 시 활용. px 단위가 아닌 w(Width descriptor 가로너비)나 x(Device pixel rat..

[VSCode] VSCode 터미널을 Git Bash로 사용하기

설정으로 들어간다. (ctrl + , )< terminal.integrated.shell.windows 검색 < settings.json에서 편집 클릭 아래 코드 추가 "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe" ctrl + S 를 누르거나, 검색창에 터미널을 검색하면 터미널 관련 단축키 설정을 할 수 있다. 새 터미널을 여는 기본 단축키 : ctrl + shift + `

[HTML] 인라인 텍스트

anchor의 약자. 현재문서 -> 외부 문서로 하이퍼링크를 건다. 속성 download : 파일 다운로드 받게 해주진.. 않고! 그런 용도라는 것을 명시해주는 역할 속성 href :링크 URL 설정 속성 rel :관계 설정 속성 target : 링크 URL의 표시 위치/ 현재 화면에서 뜰 건지(_self), 새로운 화면에서 뜰 건지(_blank) 속성 type : 링크 URL의 MIME 타입 버튼으로 많이 사용하는 태그이기 때문에 스타일링하기 위해 display를 block으로 바꿔서 많이 쓴다. 다른 페이지로 이동, 같은 페이지내의 특정 위치로 이동, 파일 다운로드 등 가능 abbreviation(약어)의 약어. 속성 tilte : 전체 글자나 설명을 제공. =>전역속성 Using HTML is fu..