Front-End Study89 2장_HTML 문서 작성을 위한 기본 내용 살펴보기 2.1 HTML의 기본 구성 요소 태그 웹 페이지의 구성 요소를 정의하는 역할 //기본 형식 속성 태그에 어떠한 의미나 기능을 보충하는 역할(옵션) //기본 형식 // ex) 문법 콘텐츠가 있는 문법 콘텐츠의 앞뒤를 태그로 감싸는 형식 앞 태그를 , 뒷 태그를 라 칭함 양 태그와 콘텐츠를 통틀어 ==요소==라고 칭함 Contents 콘텐츠가 없는 문법 앞뒤로 감쌀 콘텐츠 존재X, 따라서 만 사용 이는 곧 요소자체가 임을 뜻함 주석 실행결과에는 표시X, 코드에 어떠한 메모나 설명을 남기고 싶은 경우 사용 2.2 HTML의 기본 구조 HTML은 일정한 구조 안에서 작성(기본 구조) DTD ==문서형 정의==를 칭하는 말로, 웹 브라우저가 처리할 문서의 형식 정의 html 태그 문서의 시작과 끝 ... hea.. 2023. 11. 18. CH_17. 생성자 함수에 의한 객체 생성 Object 생성자 함수 new 연산자와 함께 호출하여 빈 객체 생성 후 반환 const person = new Object(); person.name = 'lee'; person.sayhello = () => { console.log("Hi, My name is" + this.name); } console.log(person); // {name : 'lee'} person.sayhello(); // Hi, My name is lee 생성자 함수 객체 리터럴 방식의 문제점 동일한 프로퍼티를 가진 객체를 여러개 생성해야하는 경우 하나하나 작성이 번거로움 const circle1 = { radius = 5, getDiameter() { return 2 * this.radius; .. 2023. 11. 18. CH_16. 프로퍼티 어트리뷰트 내부 슬롯과 내부 메서드JS 엔진 구현 알고리즘 -> 의사 프로퍼티(내부 슬롯), 의사 메서드(내부 메서드)-> 일반적으로 접근이 불가하나 [[Prototype]] 과 같은 내부 슬롯은 proto로 접근가능프로퍼티 어트리뷰트와 프로퍼티 디스크립터 객체프로퍼티 생성 시 상태를 나타내는 어트리뷰트를 기본값으로 정의-> 내부 슬롯으로 접근 불가하나 메서드를 사용한 간접 접근 가능const person = { name : 'Lee';}console.log(Object.getOwnPropertyDescripter(person, 'name'));// {value : 'Lee', wriable : true, enumerable : true, configurable : true}어트리뷰트 정보를 제공하는 디스크립.. 2023. 11. 18. CH_13. 스코프 스코프(유효범위)란 식별자가 유효한 범위를 나타냄(식별자를 검색 시 사용하는 규칙)// 스코프 예시var x = 'global' // 전역 스코프function = () => {var x = 'locar' // 함수 스코프}-> let 이나 const와 다르게 var 키워드는 중복 선언을 허용(재할당이 가능)스코프의 종류코드는 전역(global)과 지역(local)로 나뉨-> 선언된 위치에 따라 스코프 결정전역 변수는 어디서든 참조 가능!스코프 체인함수 몸체 내부에서 함수가 정의된 것을 '함수의 중첩'이라 칭함내부의 정의 함수 = 중첩 함수중첩 함수를 가진 겉의 함수 = 외부 함수-> 함수의 지역 스코프 또한 중첩 가능중첩 함수의 지역 스코프 -> 외부 함수의 지역 스코프 -> 전역 스코프-> 이와 같은.. 2023. 11. 18. CH_11. 원시 값과 객체의 비교 자바 스크립트의 7가지 데이터 타입 -> 원시와 객체 타입으로 나눌 수 있음.원시 값변경 불가능한 값변수에 할당 시 변수(확보된 메모리 공간)에 실제 값 저장원시 값을 가진 변수를 다른 변수에 복사 시 원본의 원시 값이 복사되어 저장(값에 의한 전달)객체 값변경 가능한 값변수에 할당 시 변수에 참조 값 저장객체 값을 가진 변수를 다른 변수에 복사 시 원본의 참조 값이 복사되어 저장(참조에 의한 전달)원시 값-> 원시 값 자체는 변경 불가하지만 이를 할당한 변수 값은 변경이 가능(변수와 값의 의미를 구분하는 것이 포인트)원시 값 불변(신뢰성) -> 재할당 시 메모리 주소의 변경//값에 의한 전달var score = 80;var copy = score;console.log(score); // 80consol.. 2023. 11. 18. 이전 1 ··· 12 13 14 15 다음