본문 바로가기

전체 글

 (33)
[CSS] CSS 선언 방식, Types of CSS 내장방식 (Internal CSS) Html 안에서 Css를 작성하는 방식. 장점 : 별도의 Css파일을 만들지 않아도 된다. 단점 : Css양이 많이질 경우, Html 안에서 한번에 다 처리하기 어렵고 유지 보수가 비효율적이다. ** 단, 프론트엔드 개발 방식으로 Html, Css, Javascript 파일을 구별해서 관리하면 장점이 많다는 점을 기억해두자. ** 번들 : Html, Css, Javascript를 한번에 묶어서 서버에 올리는 방식이다. 번들하는 과정에서 개발하는 내용을 제품화시킬 때 파일로 분류한 내용들을 컴퓨터가 자동으로 합쳐서 내장방식으로 심는 경우가 있다. 이럴 경우, '내장방식'으로 Css를 작성하는 방법은 직접적으로 관리할 필요가 없어서 문제가 되지 않는다. 인라인 방식 (In..
[HTML] 전역 속성(기본 태그) 전역 속성이란? Html body의 전체 영역에서 모두 사용할 수 있는 속성을 뜻한다. 1. 전체 영역에서 설명을 명시하는 속성 NAVER 2. 요소에 적용할 스타일 을 지정하는 것 3. Css, Js 정확히 짚어서 제어하기 위한 속성. 중복가능한 이름이다. 4. { /*그 데이터를 잠시 els에 담아두고, 해당 데이터를 각각 반복해서 */ console.log(el.dataset.animalName) /*dataset 영역에 animal-name 해당되는 데이터를 콘솔창에 기록을 남긴다.*/ }) /* 먼저 그릇을 만들자 이 그릇의 이름은 element의 약어로 els로 짓겠다. 여기에 어떤 값을 할당할 것이다. (=부분) document, 즉 html 구조에서 querySelectorAll, quer..
[HTML] 핵심 요소 정리 div 특별한 의미가 없는 구분을 위한 요소. (Division) h1 (heading) 제목을 의미하는 요소. p (Paragraph) 문장을 의미하는 요소. (블록*상자* 요소) img (Image) 이미지를 삽입하는 요소. (인라인*글자*요소) e.g. 필수속성 (누락될 경우, 웹표준에 어긋난다) 이미지 경로 명시 alternate : 이미지의 이름 명시 이미지가 출력되지 못했을 때 대신해서 출력된다. 제목을 의미하는 요소 (Heading) 중요도가 클 수록 숫자가 작아진다. 대주제 중간주제 소주제 여기까지 사용하는 경우가 거의 없음 여기까지 사용하는 경우가 거의 없음 a (Anchor) e.g. 넘어갈 경로 명시 링크 걸어서 페이지 이동할 때 새 탭으로 열어서 명시한다. span 특별한 의미가 없..

티스토리툴바