본문 바로가기
반응형

IT151

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. 4. 9.
728x90
반응형