[ROADMAP] JavaScript JavaScript란? 동적으로 컨텐츠를 바꾸고, 멀티미디어를 다루고, 움직이는 이미지 그리고 꽤나 많은 다른 일들을 할 수 있는 스크립트 언어 JavaScript 실행 순서 브라우저에서 자바스크립트를 만났을 때 일반적으로는 위에서 아래 순서로 실행 const para = document.querySelector('p'); //HTML 요소 중 p태그를 선택 para.addEventListener('click', updateName); //para에 저장된 객체가 클릭되었을 때 updateName 함수를 실행 function updateName() { let name = prompt('Enter a new name'); //'Enter a new name'과 입력란 출력하여 입력받은 값을 name에 저장.. 2021. 3. 26. [ROADMAP] CSS CSS란 무엇인가? CSS는 사용자에게 문서를 표시하는 방법을 지정하는 언어 HTML이 가장 일반적인 마크 업 언어지만, SVG 또는 XML과 같은 다른 마크 업 언어를 사용할 수도 있음 CSS 구문 h1 { color: red; font-size: 5em; } 스타일을 지정할 HTML 요소를 선택하고 중괄호 { }를 이용하여 CSS 속성을 변경합니다 브라우저 지원 참고 브라우저는 user agent 라고도 하며, 기본적으로 컴퓨터 시스템 내부의 개인을 나타내는 컴퓨터 프로그램을 의미합니다. 브라우저는 CSS 에 대해 이야기 할 때, 우리가 생각하는 주요 유형의 user agent 이지만, 유일한 브라우저는 아닙니다. HTML 및 CSS 문서를 인쇄할 PDF로 변환하는 것과 같은 사용 가능한 다른 사용자.. 2021. 3. 26. [ROADMAP] HTML HTML이란? HT - HyperText, 문서와 문서가 링크로 연결되어 있다 M - Markup, 태그로 이루어져 있다 L - Language 태그란 무엇인가? 태그는 일종에 약속이며 미리 정의된 css가 입혀져 있습니다 미리 정의된 css가 있는데 이때 특이한점은 바로 브라우저 마다 조금씩 다르다는겁니다 문서 구조 HTML 요소 구조 여는 태그(Opening tag): 이것은 요소의 이름과(이 경우 p), 열고 닫는 꺽쇠 괄호로 구성됩니다. 요소가 시작(이 경우 단락의 시작 부분)부터 효과가 적용되기 시작합니다. 닫는 태그(Closing tag): 이것은 요소의 이름 앞에 슬래시(/)가 있는것을 제외하면 여는 태그(opening tag)와 같습니다. 이것은 요소의 끝(이 경우 단락의 끝 부분)에 위치.. 2021. 3. 26. 이전 1 다음
