본문 바로가기

🖥️ 프론트엔드12

이전 1 2 다음

[부트스트랩] 캐러셀 적용, 스타일 덮기, rem 단위, 100일 코딩 챌린지 - Web Development 부트캠프 331. 사용자 지정 코드와 타사 패키지 결합 [45일차] 캐러셀 적용 부트스트랩 스타일 덮는 방법 슬라이드 쇼 이미지 비율 맞추며 고정하기 rem 단위 rem은 CSS에서 사용되는 크기 단위로, "Root EM"의 약자 1rem의 크기는 문서의 루트 요소(HTML)의 폰트 크기에 대한 상대적 크기를 나타냄 ( 예를 들어, HTML 요소의 폰트 크기가 16px라면, 1rem은 16px과 동일하게 됩니다. rem 단위의 장점 일관성: 모든 요소의 크기가 루트 요소의 폰트 크기에 기반하기 때문에, 루트 요소의 폰트 크기만 조정하면 전체 문서의 크기 조정이 가능 유연성과 접근성: 사용자가 브라우저에서 기본 폰트 크기를 조정했을 때, rem 단위를 .. 2023. 11. 22.

HTML5 의미론적 태그 HTML5에서 도입된 의미론적(semantic) 태그들은 웹 페이지의 각 부분이 어떤 역할을 하는지 명확하게 정의하며, 웹사이트의 접근성을 개선하고, 검색 엔진 최적화(SEO)에도 도움을 줌. HTML5에서 흔히 사용되는 의미론적 태그 예시 : 페이지나 섹션의 머리글을 나타냅니다. 보통 로고, 제목, 네비게이션 링크 등을 포함합니다. : 네비게이션 링크를 위한 태그입니다. 주 메뉴, 목차, 색인 등의 네비게이션 링크를 감싸는 데 사용됩니다. : 독립적으로 구분되거나 재사용 가능한 내용을 나타냅니다. 예를 들어, 블로그 글이나 뉴스 기사, 포럼 게시물 등이 이에 해당합니다. : 문서나 애플리케이션의 독립적인 섹션을 나타냅니다. 각 섹션은 주로 한 주제에 대한 내용을 포함합니다. : 본문과 간접적으로 관련된.. 2023. 11. 22.

<div> 태그와 <section> 태그 태그 의미: (Division) 태그는 의미적인 가치가 없는 범용 컨테이너. 주로 스타일링이나 레이아웃 목적으로 사용 사용 사례: CSS를 사용하여 스타일을 적용하거나 JavaScript를 사용하여 동적 요소를 조작할 때, 관련 요소들을 그룹화하는 데 주로 사용 접근성: 스크린 리더와 같은 보조 기술에게 특별한 의미를 제공하지 않음 태그 의미: 태그는 문서나 애플리케이션의 독립적인 섹션을 나타냄. 이 태그는 의미론적으로 중요하며, 문서의 구조를 더 명확하게 표현하는 데 사용됨 사용 사례: 웹 페이지 내에서 독립적으로 구분되는 섹션(예: 챕터, 탭, 주제별 그룹 등)을 나타낼 때 사용. 각 은 보통 제목(, , 등)을 포함 접근성: 스크린 리더와 같은 보조 기술은 태그를 사용하여 문서의 구조를 사용자에게 .. 2023. 11. 22.

[Node.js] Node.js 맛보기 javaScript 공부하다가 error부분에서 나온 node.js 정리 함수는 오류가 발생하면 실행을 중지하고, 그 오류는 함수가 호출된 장소로 전달됨 express는 라우트 핸들러 함수를 호출함. 그리고 라우트 핸들러 중 하나에서 오류를 수신하면, (오류가 있음을 확인한 다음)기본 오류 처리 미들웨어를 실행함 "함수는 오류가 발생하면 실행을 중지하고, 그 오류는 함수가 호출된 장소로 전달됨": 자바스크립트에서 함수 내에서 오류(예외)가 발생하면, 해당 함수의 실행이 중단되고 오류가 발생한 위치에서 예외 처리기로 오류가 전파된다는 것을 의미. 예외 처리는 try...catch 블록을 사용하여 할 수 있음 "express는 라우트 핸들러 함수를 호출함. 그리고 라우트 핸들러 중 하나에서 오류를 수신하면,.. 2023. 11. 20.

[JS] defer 속성 JavaScript에서 defer 속성은 태그에 사용함 defer 속성이 적용된 스크립트는 문서가 완전히 파싱된 후에(HTML이 모두 로드된 후에) 실행되도록 함 페이지의 로딩 시간에 영향을 주지 않으면서 스크립트를 실행할 수 있는 방법 외부 스크립트가 DOM 요소에 의존하거나 수정하는 경우 유용 defer 속성이 있는 스크립트의 특징 문서 파싱 중에 다운로드: defer 속성이 있는 스크립트는 HTML을 파싱하는 동안 백그라운드에서 다운로드됨. HTML 파싱을 방해하지 않으면서도 필요한 스크립트를 미리 다운로드할 수 있게 해줌 문서 파싱 후 실행: 스크립트는 HTML 문서의 파싱이 완료된 후, DOMContentLoaded 이벤트가 발생하기 전에 실행됨. 스크립트가 문서의 모든 요소에 접근할 수 있음을.. 2023. 11. 12.

이전 1 2 다음

티스토리툴바