11. 자바스크립트 객체 다루기3) 표준 내장 객체(standard built-in object) : 자바스크립트에 기본으로 내장된 객체, 스코프의 위치를 따지지 않고 모든 영역에서 공통으로 사용할 수 있다.String기본 자료형 중 문자열과 관련 있는 속성과 메서드가 정의된 객체Array기본 자료형 중 배열과 관련 있는 속성과 메서드가 정의된 객체Date날짜 및 시간과 관련 있는 속성과 메서드가 정의된 객체Math수학 연산과 관련 있는 속성과 메서드가 정의된 객체 4) 브라우저 객체 모델(BOM, Browser Object Model): 자바스크립트 언어 사양에 포함되지 않고 웹 브라우저에서 제공하는 객체 12. 문서 객체 모델과 이벤트 다루기문서 객체 모델 (DOM, Document Object ..

9. 자바스크립트 기초 문법용어 정리 (변수)① 키워드 : 어떤 역할이나 기능이 정해진 단어, 예약어② 식별자 : 변수명③ 연산자④ 표현식⑤ 세미콜론 10. 자바스크립트 함수 다루기함수를 정의하는 방법 함수 기능 확장하기function gugudan(dan){ for(let i = 1; 1 dan : 매개변수3,5,8 : 인수 함수의 특징 이해하기스코프(scope) : 변수나 함수와 같은 참조 대상 식별자를 찾아내기 위한 규칙let a = 10; // 전역 스코프function sum() { let b = 15; // 지역 스코프 console.log('함수 내부:${a}'); console.log('함수 내부:${b}');}sum();console.log('함수 외부:${a}..

웹 페이지의 기본 원리는 웹 브라우저가 HTML과 CSS로 작성된 파일을 불러와 코드를 해석하고 내용을 표시하는 것정적 웹(static web) : HTML과 CSS 파일의 코드가 직접 수정되기 전까진 항상 같은 내용을 표시하는 방식동적 웹(dynamic web) : 해석이 끝나 웹 브라우저에 표시된 내용을 인위적으로 조작하거나 상호작용하게 하는 방식 8. 자바스크립트 시작하기자바스크립트 코드 작성 방법 내부 스크립트 방법 외부 스크립트 방법 script 태그 사용 위치

6. CSS 필수 속성 다루기CSS의 특징적용 순서는 기본 스타일 개별성 규칙 점수(사용된 선택자 종류를 파악해 점수를 계산)가 높으면 우선 순위가 높다* 개별성 규칙 점수를 계산해 주는 사이트 : https://specificity.keegan.st/ Specificity CalculatorSpecificity Calculator A visual way to understand CSS specificity. Change the selectors or paste in your own.specificity.keegan.st상속 Hello world! 단위%해당 속성의 상위 요소 속성값에 상대적인 크기em부모 요소의 텍스트 크기에 상대적인 크기remhtml 태그의 텍스트 크기..

5. CSS 선택자 다루기기본 선택자전체 선택자 : *{/* CSS 코드 */}전체 선택자전체 선택자는 모든 요소를 한번에 선택할 수 있습니다 태그 선택자 : 태그명{/* CSS 코드 */}태그 선택자태그 선택자는 모든 p 태그의 텍스트 색상은 파란색이 됩니다. id 선택자 : #id속성값{/* CSS 코드 */}아이디 선택자아이디 선택자는 id 속성값을 이용해 선택자를 지정하는 방법입니다. 클래스 선택자 : .class속성값{/*CSS 코드*/}클래스 선택자class 속성값으로 선택자를 지정합니다.class 속성은 id 속성과 다르게 속성값을 중복해서 사용할 수 있습니다. 기본 속성 선택자 : [속성]{/*CSS 코드*/} , [속성=값]{/*CSS 코드*/}기본 a 태그새 창으로 열리는 a 태그기..

1. Hello, HTML + CSS + 자바스크립트개발 환경 : Visual Studio Code (VSCode) in Mac 파일을 생성하고 [!]를 입력하고 엔터를 누르면, 자동으로 기본 코드가 입력된다. 책에 나와있는대로 사이에 아래 코드를 입력해 주었다. 나의 첫 번째 웹 페이지 파일을 저장[Command⌘ + S] 한 후 실행하기 명령어 입력칸 [Ctrl⌃+Shift⇧+P]에 [Live Server]를 검색 후 Live Server: Open with Live Server 를 클릭** Live Server/Ritwick Dey : 가상 서버를 이용해, 작성한 HTML 코드를 실시간으로 확인할 수 있는 확장 프로그램 2. HTML 문서 작성을 위한 기본 내용HTML 기..