Language

"There is no formation without repetition." "반복 없이는 결과물도 없다." 프로그래밍 언어와 친숙해지는 데는 여러 가지 방법이 있지만, 해당 언어를 이용해서 무언가를 만들어보는 게 가장 빠르다고 한다. JavaScript 30 프로젝트는 라이브러리, 프레임워크 등이 없는 순수한 자바스크립트만을 이용해서 30일간 각기 다른 30개의 프로젝트를 만들어내는 것이 목표다. JavaScript 30 Starter Files 프로젝트의 기본 뼈대(HTML, CSS) 는 위의 깃허브 링크에서 다운로드 받을 수 있고, 이메일을 통해 가입하면 강의도 무료로 들을 수 있다. 이제 JavaScript와 더욱 가까워지는 시간을 가져봐야겠다. JavaScript 30 홈페이지

✍ CSS란? CSS(Cascading Style Sheets, 캐스케이딩 스타일 시트)란 HTML이나 XML같은 마크업 언어로 작성된 문서의 표시 방법을 기술하는 언어이다. HTML이 명사의 역할을 한다면 CSS는 형용사의 역할을 한다고 할 수 있다. 🔎 CSS rule (ruleset) h1 { color: blue; text-align: center; font-size: 20px; } 선택자(selector) : 꾸밀 HTML의 요소 이름 선언(declaration) : property: value;의 형태, 꾸밀 요소의 속성을 명시 속성(property) : 주어진 HTML 요소를 꾸밀 수 있는 방법 값(property value) : 속성을 위한 많은 결과 중 하나를 선택 🗝️ CSS를 적용하는..

🏷️Semantic HTML이란? 시맨틱(semantic)은 "의미의, 의미론적인" 이라는 뜻을 가진다. 즉, 시맨틱(semantic) HTML이란 의미론적 HTML을 말한다. 우리는 HTML의 요소에 대해 생각할 때 그 요소가 어떻게 보일지에 대해 생각하지 말고 실제로 무엇을 의미하고 나타내는 것인지 생각해야 한다. 이게 기본적인 시맨틱 HTML의 정의다. non-semantic elements의 예시 , , 등이 있다. 이들은 아무런 의미가 없는 element이다. semantic elements의 예시 , , 등이 있다. HTML 5와 함께 새롭게 등장한 elements를 포함한 이들은 개발자와 브라우저 모두에게 의미를 전달할 수 있다. 이쯤에서 우리는 왜 이렇게 코드를 작성해야 하는지 의문점을 가..

✍ HTML이란? HTML(Hyper Text Markup Language, 하이퍼텍스트 마크업 언어)이란 웹 개발자가 페이지의 전체 콘텐츠를 구조화하고 설명하는 마크업 언어이다. 실제로 프로그래밍 언어가 아닌 뭔가를 설명하기 위한 마크업 언어이다. HTML은 다음과 같은 특징을 가지고 있다. - HTML은 다양한 요소들(elements)로 이루어져있다. - HTML은 이러한 요소들을 사용하여 내용(content)을 설명한다. 🔎 HTML의 요소 HTML is a markup language 여는 태그(opening tag) : 내용(content) : 요소의 내용📝 닫는 태그(closing tag) : (content가 없는 경우 생략 가능) 🌐 Web browsers 결과적으로 Google Chrom..