전체 글

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다. 1.스코프(Scope)스코프는 유효범위를 뜻한다. 전역 변수:어디에든 참조할 수 있다.지역 변수:그 지역과 그 지역의 하부 지역에서만 참조할 수 있다.    2.자바스크립트 스코프대부분의 언어는 {} 내에서 유효한 블록레벨 스코프를 사용한다.(자바스크립트에서는 let keyword로 사용가능)하지만 자바스크립트는 기본적으로 함수 레벨 스코프를 따른다.함수 코드 블록 내에서 선언된 변수는 함수코드 블록내에서만 참조할수있다.때문에 블록내에서 선언되었다고 해도 함수밖에서 선언된 변수는 모두 전역 스코프를 가진다.function Human(){ var x=3; document.write(x)}Human()//document.write..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다. 1.프로토타입(Prototype)프로토타입 기반 객체지향 프로그래밍 언어인 자바스크립트는 클래스 없이도 객체를 생성할수있다.모든 객체는 자신의 부모 역할을 담당하는 객체와 연결되어있고 부모객체의 프로퍼티, 메소드를 상속받아 사용할수있다.이때 이런 부모객체를 프로토타입 객체라고 부른다.  student 객체는 hasOwnProperty 메소드가 없지만 프로토타입 객체에게 받았기에 사용할수있다.function student(name,age){ this.name=name; this.age=age;}document.write(student.hasOwnProperty('name'))        2.[[Prototype]]자바스크립트의..

1.제목 태그h1~h6까지의 크기뿐만아니라 시맨틱적인 의미또한 가지고있다.검색엔진이 이 태그를 중요한 의미로 받아들일수있다. heading 1heading 2heading 3heading 4heading 5heading 6  2.글자 형태 태그2-1.두꺼운글자태그는 시맨틱적인 의미없는 두꺼운 글자태그는 시맨틱적인 의미가 있는 두꺼운 글자다두꺼운 글자의미있는 두꺼운글자 두꺼운 글자 의미있는 두꺼운글자" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스  2-2.Italic글자태그는 시맨틱적인 의미없는 Italic체글자태그는 시맨틱적인 의미가 있는 Italic체글자다Italic글자의미있는 Italic글자Italic글자 의미있는 Italic글자" data-ke-type="html">HT..

1.시맨틱 웹(Semantic Web)웹 상의 정보와 데이터에 의미(semantic)를 부여하여 사람뿐만 아니라 컴퓨터도 이해하고 처리할 수 있게 하는메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 데이터베이스로 구축하고자 하는 발상   2.시멘틱 태그문서나 섹션의 머리글 부분을 정의. 로고, 네비게이션 메뉴, 검색창 등을 포함.  내비게이션 링크의 집합을 정의. 메뉴, 목차, 링크 모음에 사용.  문서의 일반적인 섹션을 정의. 주제로 그룹화된 콘텐츠를 포함.  독립적으로 구분할 수 있는 콘텐츠를 정의. 기사, 블로그 포스트, 뉴스 기사 등에 사용.  문서의 주요 내용과 간접적으로 관련된 콘텐츠를 정의. 사이드바, 광고, 관련 링크..

1.요소시작 태그와 종료 태그사이에 콘탠츠로 구성된다.hi  1-1.빈요소content를 가지지않는 요소를 의미한다.content를 가지지않고 Attribute만을 가질수있다. 텍스트 내에 줄바꿈을 삽입할 때 사용 수평선을 삽입하여 콘텐츠를 구분할 때 사용 웹페이지에 이미지를 삽입할 때 사용src 속성을 통해 이미지 파일의 경로alt 속성은 이미지가 로드되지 않을 때 표시될 텍스트를 정의  사용자 입력을 받을 수 있는 다양한 형식의 컨트롤을 제공할 때 사용텍스트 필드, 체크박스, 라디오 버튼, 파일 선택, 제출 버튼 등 여러 타입의 입력 요소를 생성type 속성을 통해 입력 유형을 지정  외부 리소스를 연결할 때 사용타일시트, 아이콘, 기타 외부 파일을 HTML 문서에 연결rel, href, type 등..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다. 1.typeof피연산자의 데이터 타입을 문자열로 반환document.write(typeof('a')+"")document.write(typeof(1)+"")document.write(typeof(true)+"")document.write(typeof(null)+"")     2. Object.prototype.toString.call 모든 타입의 값의 타입을 알아낼수있다.document.write(Object.prototype.toString.call('a')+"");document.write(Object.prototype.toString.call(1)+"");document.write(Object.prototype.toString.ca..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다. 1.함수 객체의 프로퍼티함수 또한 객체이므로 프로퍼티를 가질수있다.function run(){ document.write(10 +"")}run.event="달리기";run.fastrun= function(leng){ document.write(leng*100+"")}run()document.write(run.event+"")run.fastrun(10)    2.caller 프로퍼티caller 프로퍼티는 자신을 호출한 함수를 의미한다.function people(func){ document.write(func())}function bar(){ return bar.caller;}people(bar)document.wri..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다. 1.변경불가성(Immutability)객체가 생성된 이후 그 상태를 변경할 수 없는 디자인 패턴  1-1.원시타입,객체 타입JavaScript의 원시타입은 변경 불가능한 값이다.(Boolean,null,undefined,Number,String,Symbol)원시타입 외의 값은 객체 타입으로 변경 가능한값이다.(객체는 새로운 값을 다시만들필요없이 변경가능하다.)   변경 불가능한 값인 문자열은 다음 코드의 str 값은 문자열 hello의 메모리 주소를 가르키고있다가 hi문자열의 메모리 주소를 가르키도록 변경한다. slice 메소드를 사용할때도 직접 str의 문자열을 변경할수없기에 새로운 문자열을 생성하여 반환한다.var str="hello..