본문 바로가기
반응형

멋쟁이사자처럼후기65

멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 9 (CSS 기초, 선택자, 상속과 겹침, 우선순위 규칙) 목차CSS 기초CSS 문법CSS 선택자CSS의 세 가지 개념오늘 하루를 돌아보며 CSS 기초CSS란?CSS(Cascading Style Sheet)는 마크업 언어가 실제로 표시되는 방법을 기술하는 언어다. 글꼴, 여백, 배경 이미지 등 HTML 문서의 레이아웃과 스타일을 정의한다.Cascading: 겹쳐서 사용. 마지막 정의한 게 적용된다.Style Sheet: 스타일을 정의함. 워드프로세서 등에 사용했던 개념이다.CSS를 사용하면서 문서의 구조와 표현을 분리할 수 있게 됐다. 구조를 바꾸지 않고도 CSS를 어떻게 적용하느냐에 따라 콘텐츠가 다르게 보일 수 있다. CSS Zen Garden: The Beauty of CSS DesignSo What is This About? There is a conti.. 2025. 5. 3.
멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 8 (폼 관련 요소, 인터렉티브 요소, 스크립팅 요소, 유저 인터렉션 속성, WAI-ARIA) 목차폼 관련 요소dialog 요소와 popover 속성details, summary 요소스크립팅 요소유저 인터렉션 속성WAI-ARIA오늘 하루를 돌아보며 폼 관련 요소> 요소는 사용자가 입력한 정보를 서버로 전송하기 위한 컨테이너다. 텍스트 필드, 체크박스, 라디오 버튼, 드롭다운 목록 등 다양한 입력 요소를 넣을 수 있다.form 관련 요소는 1대1로 대응되는 (식별 가능한 이르름표)을 가져야 한다. 폼 관련 요소의 id 또는 name 속성값을 label의 for 속성값에 연결한다. label을 클릭하면 연결된 요소에 포커싱된다.1. input 요소 요소는 사용자에게 데이터를 입력받기 위해 사용한다. action 속성은 데이터를 받을 서버 url을 지정하고, method 속성은 테이터를 전송하는 방식(.. 2025. 5. 3.
멋쟁이사자처럼 프론트엔드 부트캠프 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.
반응형

티스토리툴바