JavaScript +HTML5 + CSS313 [Core JavaScript] 2. Execution context 1. execution context 코드를 실행하는데 필요한 배경이 되는 조건/환경 함수를 실행할 때 필요한 환경정보를 담은 객체 콜스택 - 현재 어떤 함수가 동작중인지, 다음에 어떤함수가 호출될 예정인지 등을 제어하는 자료구조 - 들어온 순서대로 실행 컨텍스트가 쌓여서 제일 나중에 들어온것부터 나감. 1.1 Execution 4가지 1.1.1 전역공간 자바스크립트 코드가 실행되는 순간에 바로 전역 컨텍스트 생성 전체 코드가 끝날때 전역 컨텍스트 종료 하나의 거대한 함수 공간 1.1.2 module 어딘가에 import되는 순간 생성 모듈 코드가 끝났을 때 종료 1.1.3. 함수 자바스크립트는 오직 함수에 의해서만 컨텍스트를 구분할 수 있음. 1.1.4 eval (생략) 1.2 execution con.. 2021. 8. 29. [Core JavaScript] 1. Data Type 1. 자바스크립트 데이터 타입 1.1 Primitive Type(기본형) 기본형 변수의 메모리 할당 (1) var a 선언. 메모리(주소/데이터)에서 데이터에 이름 a 지정 (2) 'abc'를 비어있는 임의의 다른 공간의 메모리(주소/데이터) 할당. (3) 'abc'의 주소를 들고 'a'가 할당된 곳을 찾아가서 값에 '@abc의 주소'를 넣음. (4) a = 'abc' 문자열 'abc'를 a에 할당하라 (5) var a를 선언하면 컴퓨터가 하는 일은 데이터가 담길 임의의 공간을 확보함 (6) a = 'abcd' 문자열을 넣으면 'abc'를 수정할 것같지만, 컴퓨터는 그렇게 하지않음 (7) 임의의 공간을 다시 할당하여 'abcd' 값을 넣음 (8) 다시 'abcd'의 주소값을 들고 'a'가 할당된 공간을 .. 2021. 8. 29. [JQuery] Ajax 01. Ajax (Asynchronous Javascript and XML) - 비동기 방식의 Javascript와 XML을 가리킴. 동기 방식 : 서버에 신호를 보냈을 때 응답이 돌아와야 다음 동작 수행 비동기 방식 : 신호를 보냈을 때 응답 상태와 상관없이 다음 동작 수행 - 목적 : 화면 전환 없이 클라이언트 측과 서버 측간의 XML, JSON(Javascript Object Notation), 텍스트, (X)HTML 등의 정보를 교환하기 위해서임. - 서버에 자료를 요청하면, 서버 스크립트(Server Script) 페이지를 거치지 않아도 자료를 받아 올 수 있음. 02. 메서드 종류 풀이 load() 외부콘텐츠를 가져올 때 사용 사용자가 지정한 URL주소에 데이터를 전송하고 외부 콘텐츠를 요청하.. 2021. 8. 16. [JQuery] 선택자(Selector) 01. 선택자 사용준비 - 선택자를 사용하기 위해서는 문서 객체가 필요. - 자바스크립트가 인터프리터 언어기 때문에 제이쿼리가 먼저 실행되고 난 후 영역에 문서 객체가 로딩됨. - 선택자가 먼저 실행되어 문서 객체를 선택 할 수 없음. - 실행문에 있는 '$'는 제이쿼리 문서 객체(요소, 태그) 선택자의 메서드를 나타냄. - 여기에 익명함수를 입력하면 문서를 모두 로딩한 후에 실행문을 실행하라는 의미를 갖게됨. 02. 직접 선택자 - 원거리에 요소를 직접 선택할 때 사용되는 선택자. - 전체(*), 아이디(#), 클래스(.), 요소명, 그룹(,) 선택자가 있음. 구분 종류 사용법 설명 직접 선택자 전체 선택자 $("*") 모든 요소를 선택 $("*").css("border", "1px solid blue.. 2021. 8. 16. [JQuery] 제이쿼리 01. 제이쿼리 - 모질라 사의 자바스크립트 개발자였던 존 레식(John Resig)이 창시 - 자바스크립트를 이용해 만든 라이브러리 언어(다양한 함수의 집합) 02. 장점 (1) 호환성 문제점 해결 - 자바스크립트는 호환성(크로스 브라우징)이 떨어짐. 예시1. 문서 객체 선택자를 이용해 다음요소(nextSibling)할 때, 공백 문자의 인식여부에 따른 문제. 예시2. 이벤트 객체를 생성할때 IE브라우저8 이하 버전과 그 이외의 브라우저에서 실행결과 차이가 있음. - 제이쿼리에서 호환성(크로스 브라우징) 문제들을 해결함. (2) 쉽고 편리한 애니메이션 효과 기능 구현 - 자바스크립트로 애니메이션 효과를 구현하려면 많은 코드를 사용해야했고, 개발시간도 많이 들었음. - 다양한 효과(Effect)를 지원하.. 2021. 8. 16. [JavaScript] 01. Javascript란? 01. Javascript - 프로그래밍적으로 웹브라우저를 제어하기 위한 언어였음. - 탈웹브라우저화 되고있음. - 웹서버를 동작하기 위한 도구로써 사용이됨. - 자바스크립트를 웹서버에서도 사용할 수 있도록 하는 기술들 등장 -> Node.js - 탈웹 -> Google Apps Script - ECMAScript 사양을 준수하는 버용 스크립팅언어. * ECMA-262 : Ecma 인터내셔널에 의해 제정된 하나의 기술 규격의 이름. 범용 목적의 스크립트 언어에 대한 명세. * ECMAScript : Ecma 인터내셔널에의해 제정된 ECMA-262 기술 규격에 의해 정의된 범용 스크립트 언어. -> 'Ecma 인터내셔널 - 국립국어원', 'ECMA-262 - 표준어', ' ECMAScript - 맞춤법과 .. 2021. 8. 13. 이전 1 2 3 다음