반응형 eSTRELLa177 CSS: Selectors and Visual Rules 자료의 출처는 codecademy(https://www.codecademy.com/) 'front-end engineer' course이며, 학습 후 정리한 내용입니다. ⚡️ 올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다. ⚡️ SELECTORS AND VISUAL RULES SETUP AND SYNTAX Intro to CSS CSS(Cascading Style Sheets)는 웹 개발자들이 웹 페이지의 HTML 콘텐츠를 스타일링하기 위해 사용하는 언어이다. CSS를 통해 색, 글꼴, 글꼴 크기, 이미지, 요소 위치 등을 수정할 수 있다. CSS Anatomy CSS 코드 작성을 위한 두 가지 다른 방법 CSS를 Ruleset과 Inline Style 두 가지 작성 방법이 있다. De.. 2021. 5. 2. Semantic HTML 자료의 출처는 codecademy(https://www.codecademy.com/) 'front-end engineer' course이며, 학습 후 정리한 내용입니다. ⚡️ 올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다. ⚡️ SEMANTIC HTML Introduction to Semantic HTML 웹 페이지를 작성할 때, 우리는 non-semantic HTML과 semantic HTML의 조합을 사용한다. "semantic"이라는 단어는 "의미와 관련된다"를 의미하므로 semantic elemant는 opening tag와 closing tag 사이의 내용에 대한 정보를 제공하는 것이다. semantic HTML을 사용함으로써, HTML 요소들이 어떻게 표현되는지가 아니라 그 .. 2021. 5. 1. HTML: Tables 자료의 출처는 codecademy(https://www.codecademy.com/) 'front-end engineer' course이며, 학습 후 정리한 내용입니다. ⚡️ 올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다. ⚡️ HTML TABLES Creat a Table Table: 데이터를 표현하는 하나의 방법 데이터를 표시하기 전 요소를 사용하여 데이터를 포함하는 테이블을 만들어야한다. 요소에는 표시할 모든 표 데이터가 포함된다. Table Rows element 테이블을 사용하는 많은 프로그램에서 테이블이 이미 미리 정의되어 있으므로, 이 테이블에는 데이터를 저장할 행, 열 및 셀이 포함된다. HTML에서는 이러한 모든 구성 요소를 생성해야 한다. 테이블에 데이터를 입력하는 첫.. 2021. 4. 30. HTML: Structure 자료의 출처는 codecademy(https://www.codecademy.com/) 'front-end engineer' course이며, 학습 후 정리한 내용입니다. ⚡️ 올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다. ⚡️ HTML DOCUMENT STANDARDS Preparing for HTML HTML 파일 설정하는 방법 HTML 파일에는 문서를 올바르게 설정하려면 특정 요소가 필요하며, document type declaration(문서 유형 선언)으로 문서를 시작하여 웹브라우저에게 HTML을 사용중임을 알릴 수 있다. 은 HTML 문서의 첫 번째 코드 줄이어야한다. Question: 왜 html만 DOCTYPE을 필요로 하는가? DOCYTPE 선언은 html 기반 문서에만.. 2021. 4. 26. HTML: Elements 자료의 출처는 codecademy(https://www.codecademy.com/) 'front-end engineer' course이며, 학습 후 정리한 내용입니다. ⚡️ 올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다. ⚡️ HTML HTML이란? HTML은 이미지, 텍스트 또는 비디오와 같이 웹사이트에 나타나는 콘텐츠에 구조를 제공한다. 인터넷에서 아무 페이지를 마우스 오른쪽 단추로 클릭하고 "Inspect"를 선택하면 화면의 패널에 HTML이 나타난다. HTML은 HyperText Markup Language의 약자: Markup 언어는 raw text의 구조와 표시를 정의하는 컴퓨터 언어다. HTML에서 컴퓨터는 HTML elements로 포장된 raw text를 해석할 수 있.. 2021. 4. 25. Web Development 자료의 출처는 codecademy(https://www.codecademy.com/) 'front-end engineer' course이며, 학습 후 정리한 내용입니다. ⚡️ 올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다. ⚡️ LANGUAGES FOR WEB DEVELOPMENT Web Development “Codecademy”에서 웹 개발을 위한 4 가지 언어를 배운다. HTML: Website content의 구조 CSS: Website에 스타일링 적용 JavaScript: Website에 interactivity를 추가 SQL: web application에서 데이터를 저장하거나 검색할 수 있게 하는 것 HTML HTML: HyperText Markup Language 모든 w.. 2021. 4. 24. Internet 자료의 출처는 codecademy(https://www.codecademy.com/) 'front-end engineer' course이며, 학습 후 정리한 내용입니다. ⚡️ 올바르지 않은 내용이 있을 경우 댓글로 남겨주시면 감사하겠습니다. ⚡️ 인터넷 개요 World Wide Web 1989년, Berners-Lee 가 발명 World Wide Web: 내부적으로 연결된 웹사이트와 다른 웹 자원(resource)의 집함 1990년대 웹 브라우저의 부상과 결합하여 사용자들이 멀티미디어 콘텐츠를 탐색하고 다른 사용들과 상호작용할 수 있도록 하는 사용자 친화적인 인터페이스를 도입 Web: HTML이라는 문서 형태와 HTTP라는 문서 전송 프로토콜, URL로 문서의 위치를 표시하는 시스템 * (https://.. 2021. 4. 24. 2021-04-22 여섯시 반에 일어나기 도전은 아직 잘 진행되고 있는 것 같다. 핼스 2일차, 가슴 운동 + 유산소를 했다. 내일도 힘내자 2021. 4. 22. 2021-04-21 Fitness 석촌역에 위치한 랩스휘트니스에 등록했다. 12개월 + 2개월 + 1개월 행사와 할인 이벤트, 위치 등을 고려했을때 나쁘지 않은 조건이라 생각했다. 운동 기구가 많지 않아 아쉽지만 현재 목표는 주어진 아침 한시간 동안 유산소 위주의 운동을 하여 체중 감량 및 체력 증진에 힘쓰는 것이다. 첫 날 역시 최근 1-2년간 운동을 제대로 한 적이 없기에 너무나 힘들었지만, 계속하면 과거와 같이 나아질 것이라 생각한다. 힘죠 2021. 4. 22. 이전 1 ··· 16 17 18 19 20 다음 728x90 반응형
