반응형 HTML19 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 7 (텍스트 레벨 요소, 테이블 관련 요소, 임베디드 요소) 목차프레이징 요소인용문텍스트 레벨 요소테이블 관련 요소address 요소임베디드 요소오늘 하루를 돌아보며 프레이징 요소문장이나 텍스트와 관련된 요소로, 문서의 텍스트를 단락 내에서 마크업하는 데 사용한다. 즉, 문장이나 텍스트의 일부를 의미적으로 표시하거나 스타일을 적용하는 데 사용되는 태그들을 가리킨다. 요소는 텍스트의 중요성을 강조할 때 사용한다. 스타일 기본값은 bold다. 요소도 텍스트를 강조할 때 사용하지만 strong이 중요도가 더 높다. 스타일 기본값은 italic이다. 요소가 텍스트를 기울일 때(italic) 사용하고, 요소는 텍스트를 굵게(bold) 강조할 때 사용한다.strong이나 em의 시각적 모습이 i나 b와 동일하지만 의미가 다르다. strong과 em은 텍스트의 중요성을 강조하.. 2025. 5. 3. 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 6 (하이퍼링크, 섹션 관련 요소, 컨테이너 요소) 목차하이퍼 링크목록섹션과 메인 요소컨테이너 요소오늘 하루를 돌아보며 하이퍼링크하이퍼링크는 (anchor) 태그를 사용한다. 페이지 내에서 이동하거나 다른 페이지로 이동할 수 있다. a 태그로 텍스트를 감싸면 텍스트에 링크를 달고, 이미지를 감싸면 이미지에 링크를 단다.href 속성을 사용해서 링크의 목적지를 설정한다.링크 텍스트 href 속성에 넣을 수 있는 경로들은 다음과 같다.http(s) = Hyper Text Transfer Protocol (Security). 외부 서비스로 연결할 때는 http(s)를 사용하고, 내부 서비스로 연결할 때는 상대경로를 사용한다./... = 절대 경로(./)... = 상대 경로mailto:email@mail.com = 메일 클라이언트(Outlook/mail)를.. 2025. 5. 1. 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 5 (제목 요소의 중요성과 이미지 삽입) 목차웹표준과 웹접근성새로운 표준 HTML5DTD(문서형 정의)제목과 단락이미지와 피규어오늘 하루를 돌아보며 웹표준과 웹접근성Web(웹)이란?Internet은 inter network의 약자로, 거미줄처럼 전 세계적으로 연결된 망이다.처음에는 인터넷 서비스가 다양하게 있었지만, 이제는 거의 다 웹서비스(WWW - World Wide Web)로 이동했다. 웹을 탄생시킨 사람은 Tim Berners-Lee다. 웹의 아버지라고도 불린다. 지리적으로 멀리 떨어져 있는 사람들을 연결시키기 위해 만들었다. 사실 처음에는 중요한 연구 자료가 여러 나라를 이동하면서 유실되는 것을 막고, 빠르게 주고 받기 위해 만들었다. Web 기술의 설정값개발자로서 여러 페르소나를 선정해서 개발해야 한다. 성별, 연령, 장애 유무 등을.. 2025. 5. 1. 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 4 (Node 환경 이해 및 관련 패키지 설치와 활용) 목차Node.js NPM HTML 기본 구조 오늘 하루를 돌아보며 Node.jsNode.js는 브라우저가 아닌 외부에서 CLI와 서버 측 스크립트를 작성할 수 있는 무료 오픈소스 크로스 플랫폼 JavaScript 런타임 환경이다. 1일차에 설치했던 node 환경에서 자바스크립트를 실행할 수 있다. CLI에서 'node' 명령어를 사용하면 .js 파일(자바스크립트 파일)을 실행할 수 있다. NPMNPM은 Node Package Manager의 약자로, 자바스크립트 환경에서 패키지를 설치하고 관리하는 도구다. 프로젝트를 개발할 때 필요한 다양한 패키지를 손쉽게 설치하고 관리할 수 있도록 도와준다. NPM을 활용해서 패키지를 설치하고 삭제할 수 있다. 패키지를 필요에 따라 전역(Global) 또는 로컬(Lo.. 2025. 4. 29. 이전 1 2 3 4 다음 반응형
