분류 전체보기

[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..

[HTML] 문자 콘텐츠

ordered list 정렬된 목록 . 순서가 필요한 목록. 순서가 중요도를 의미할 수 있다. 속성 type : 숫자,알파벳,로마자 등으로 정렬 가능 속성 reversed : 정렬번호를 역순으로 적용 속성 start : 지정한 시작번호에서부터 정렬 unordered list 정렬되지 않은 목록 . 순서가 필요하지 않은 목록 list item 항목 속성 value : 이하 항목들의 순서까지 지정한 시작번호로 정렬 ol+li / ul+li 조합으로 사용 ol과 ul은 자식으로 li 만 포함가능하고, li 단독으로 사용될 수 없다 예제 Apple Apple Banana Mango Banana Mango ul 태그를 ol 태그로 바꾸면 dictionary list 용어목록 쌍들의 영역 dl은 dt와 dd만 포함..

[HTML] 콘텐츠 구분

1. Body 태그 : 정보의 구조 : 소개나 탐색을 돕는 것의 그룹을 나타냄. ex) 로고나 메뉴 등 header안에 header/footer를 넣을 수 없음 address안에 header를 넣을 수 없음 : 가장 가까운 구획화 콘텐츠나 구획화 루트의 푸터 작성사 구획,저작권 데이터, 관련된 문서의 링크에 대한 정보를 포함 일반적으로 사이트 최하단에 있는 바. 주소,사업자 등의 사이트 정보 등이 적혀있다. footer 안에 header/footer를 넣을 수 없음 레이아웃에 태그를 의미에 맞게 사용하는 것이 좋다. ~ : 6단계의 문서 제목(목차)을 구현 크기가 다 다르게 지정되어있기는 하지만, 글자 크기를 우리가 모두 초기화한 후 명확하게 지정해놓고 써야한다. 구조를 나타내는 용도로 사용해야하지, 글..