korin

🚀 일단 AJax를 알기 전 사전 지식이 필요하다 html,css,javascript,dom.xml 등 여러 기술 등을 함께 사용하는 개발 기법이다 AJax(Asynchronous JavaScript and XML)의 약자이다. 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법이다. JavaScript를 이용한 비동기 통신, 클라이언트와 서버간에 데이터를 주고 받는다. 웹 페이지 전체를 다시 로딩하지 않고도, 웹페이지의 일부분만을 갱신할 수 있다. 즉, AJax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다. 이 때 서버와는 JSON, XML, HTML, 텍스트 파일 등 다양한 형태의 데이터를 주고 받을 수 있게 된다. 쉽게 풀면, 자바스크립트..

Java Script는 동기식 언어이다. 자바스크립트는 단을 스레드 프로그래밍 언어로 단일 호출 스택이 있어 한 번에 하나의 일을 처리할 수 있다. 하나의 호출 스택만 있기 때문에 하나의 함수를 처리하는 데 오랜 시간이 걸린다면 함수에 지장을 줄 수 있다. 예시를 들어 웹 페이지를 사용자에게 보여줄 때 해당 웹 페이지에 있는 모든 데이터를 받고 나서 화면이 보여진다고 가정을 할 때, 그 시간이 오래 걸릴 수가 있으며, 사용자 입장에서 웹 페이지를 보는 데 문제가 생길 수가 있다. 데이터를 받는 과정에 사용자는 다른 행동을 취할 수 있도록 하는 것이 더욱 효과적이고 사용자 입장에서 불편함을 줄일 수 있다. call back 이름 그대로 뒤에 호출되는 함수를 뜻 한다. callback 함수를 사용하는 이유는..

Event Handle Event : 사용자가 하는 행동 (ex. 마우스 이동, 클릭 키보드 입력..) Event Handle : 이벤트 발생 시, 원하는 동작을 할 수 있도록 선언 하는 것. Event Handler : 이벤트 발생 시, 실행 할 문장을 작성한 부분 자바 스크립트에서 이벤트 핸들러를 등록하는 방법 1. HTML 요소의 속성으로 등록 HTML의 input 이벤트 요소의 속성에는 여러가지가 있다. onclick 마우스 클릭 ondbclick 마우스 더블 클릭 onmousemove 마우스 포인터가 HTML 요소 위에서 움직일 때 onmouseout 마우스 포인터가 HTML 요소를 벗어날 때 onmouseover 마우스 퐁니터가 HTML 요소 위에 있을 때 onkeypress 키보드의 키를 누..

호이스팅 Hoisting Hoist는 밧줄이나 장비를 이용하여 끌어올리는다. 라는 뜻을 가진다. 어원 그대로 변수나 함수가 선언이 되면, 선언 된 위치와 상관없이 코드 최상단으로 끌어올리는 것을 말한다. 자바스크립트의 모든 선언에서 호이스팅이 일어난다. var는 선언과 함께 undefined로 초기화되어 저장되지만, let과 const는 초기화 되지 않은 상태로 올라가기 때문에 에러가 발생한다. addString("ABC","DEFG"); function addString(str1, str2){ return str1 + str2; } // 출력 값 : ABCDEFG 선언 되어 있지 않은 값을 참조할 때 addStirng 실행 하는 과정에 addString 함수가 선언되어 있지 않아서 오류가 발생해야 하지..

변수 변수(variable)는 값을 저장하기 위해 확보한 그 공간을 식별하기 위해 사용되는 이름 변수 생성 과정 1. 선언 단계 (Declaration) 변수를 변수 객체에 등록 변수 객체는 스코프가 참조하는 대상이 된다. 2. 초기화 단계 (Initialization) 변수 객체에 들어간 변수를 위한 공간을 메모리에 확보 초기화 단계에서 변수는 undefined로 초기화 된다. 3. 할당 단계(Assignment) undefined로 초기화된 변수에 실제 값을 할당 var 키워드로 선언한 변수는 선언 단계, 초기화 단계가 동시에 이루어진다. let 키워드로 선언된 변수는 선언 단계, 초기화 단계가 분리되어 실행 let,const의 경우에 초기화는 실행 후, 변수 선언문에 도달했을 때 이루어진다. -> ..