꿈꾸는 개발자

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

≣ Contents    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.l..

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

≣ Contents  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부모 요소의 텍스트 크기에 상대적인 크기remhtm..

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

≣ Contents    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 문서 작성을 ..