Project.log

HTML의 meta 요소는 웹 페이지의 메타 데이터를 제공하는 데 사용됩니다. 이 메타 데이터는 브라우저, 검색 엔진 및 소셜 미디어 등에서 사용됩니다. 아래는 일반적으로 사용되는 meta 태그의 예시입니다. charset : 문서의 문자 집합을 정의합니다. name과 content: 문서의 일부 정보를 정의합니다. name은 정보의 유형을 지정하고, content는 실제 정보를 포함합니다. http-equiv: HTTP 헤더를 정의합니다. property와 content: Open Graph 프로토콜을 사용하여 소셜 미디어에서 페이지를 공유할 때 사용되는 정보를 정의합니다. 이 외에도 name, content, http-equiv, charset, scheme 등 다양한 속성이 있습니다. 페이지에서 필..

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction 자바스크립트는 현재 웹 생태계의 근간인 프로그래밍 언어입니다. 이번 퀘스트에서는 자바스크립트의 기본적인 문법과, 자바스크립트를 통해 브라우저의 실제 DOM 노드를 조작하는 법에 대하여 알아볼 예정입니다. Checklist 자바스크립트는 버전별로 어떻게 변화하고 발전해 왔을까요? 자바스크립트는 초기 버전부터 지금까지 지속적으로 발전해 왔습니다. 이전 버전들은 새로운 기능이 추가되고 기존 기능들이 개선되면서 현재의 모습으로 이어졌습니다. 1995년에 최초로 발표된 자바스크립트는 브라우저에서 동적으로 웹 페이지를 제어하는 데 사용되었습니다. 그러나 초기 버전은 기능이 제한되어..

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction CSS는 Cascading StyleSheet의 약자입니다. 웹브라우저에 표시되는 HTML 문서의 스타일을 지정하는 (거의) 유일하지만 다루기 쉽지 않은 언어입니다. 이번 퀘스트를 통해 CSS의 기초적인 레이아웃 작성법을 알아볼 예정입니다. Checklist CSS를 HTML에 적용하는 세 가지 방법은 무엇일까요? 내부스타일 시트를 이용하는 방법과 외부스타일 시트이용 그리고 인라인스타일 이용하는 방법이 있습니다. 먼저 내부스타일 시트는 HTML 문서의 Hello, world! This is html5 p tag 다음으로 외부스타일 시트는 HTML 문서와 별도로 CSS 파..

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction HTML은 HyperText Markup Language의 약자로, 웹 브라우저에 내용을 표시하기 위한 가장 기본적인 언어입니다. 이번 퀘스트를 통해 HTML에 관한 기초적인 사항들을 알아볼 예정입니다. Checklist HTML 표준의 역사는 어떻게 될까요? HTML은 1991년에 처음 등장하여, 그 후 많은 버전이 나왔습니다. HTML 버전의 발전은 다음과 같습니다. HTML 1.0 (1993년): HTML의 초기 버전으로, 기본적인 마크업 언어의 기능만을 제공합니다. HTML 2.0 (1995년): 몇 가지 추가적인 기능이 도입되었습니다. HTML 3.0 (1995..

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction git은 2021년 현재 개발 생태계에서 가장 각광받고 있는 버전 관리 시스템입니다. 이번 퀘스트를 통해 git의 기초적인 사용법을 알아볼 예정입니다. Checklist 형상관리 시스템은 왜 나오게 되었을까요? 형상관리의 단어가 생소해서 단어부터 찾아보았습니다. "소프트웨어 구성 관리 또는 형상 관리는 소프트웨어의 변경사항을 체계적으로 추적하고 통제하는 것으로, 형상 관리는 일반적인 단순 버전관리 기반의 소프트웨어 운용을 좀 더 포괄적인 학술 분야의 형태로 넓히는 근간을 이야기한다." 라고 되있습니다. 형상 관리 시스템은 소프트웨어 개발 프로세스에서 발생하는 문제를 해결..

바닐라 JS로 크롬 앱 만들기 - 노마드코더를 하다가 OpenWeatherMap API 401에러가 출력되었습니다. API 키가 잘못되었습니다. 자세한 내용은 https://openweathermap.org/faq#error401 을 참조하십시오. (Invalid API key. Please see https://openweathermap.org/faq#error401 for more info.) 아무리 봐도 계정을 만들고 My API Keys에서 잘가져왔는데 실행이 안되서 검색을 좀 해봤습니다. https://stackoverflow.com/questions/33091948/using-openweathermap-api-gives-401-error

깃 부터 깃허브까지 쉽게 하는 방법을 올려보겠습니다. 1. info라는 폴더를 만들어서 이 폴더를 git으로 관리하고 깃허브까지 올려보겠습니다. 2. 대충 test.txt을 만들어서 내용을 입력해보겠습니다. % ls -al 3. ls -al 을 해보면 test.txt파일은 존재하고 아직 git으로 관리되고 있진 않습니다. % git init % ls -al 4. git init 으로 깃을 초기화하고 ls -al를 다시해서 .git(숨김폴더)가 있는지 확인합니다. 5. GitHub홈페이지에 https://github.com/ 들어가 New를 눌러 Repository를 만들어 줍니다. Respository name은 원하시는 이름으로 넣으면 됩니다. 저는 여기서 test로 했습니다. 마지막으로 Create ..

HTTP 개요 HTTP는 HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜입니다. HTTP는 웹에서 이루어지는 모든 데이터 교환의 기초이며, 클라이언트-서버 프로토콜이기도 합니다. 클라이언트-서버 프로토콜이란 (보통 웹브라우저인) 수신자 측에 의해 요청이 초기화되는 프로토콜을 의미합니다. 하나의 완전한 문서는 텍스트, 레이아웃 설명, 이미지, 비디오, 스크립트 등 불러온(fetched) 하위 문서들로 재구성됩니다. 클라이언트와 서버들은 (데이터 스트림과 대조적으로) 개별적인 메시지 교환에 의해 통신합니다. 보통 브라우저인 클라이언트에 의해 전송되는 메시지를 요청(requests)이라고 부르며, 그에 대해 서버에서 응답으로 전송되는 메시지를 응답(responses)이라고 부릅니다. 1990..