js

01. 비동기처리- 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 실행하는 특성 01-1 ajax- 화면에 표시할 이미지나 데이터를 서버에서 불러와 표시할때 사용- $.get() : ajax 통신을 하는 부분function getData() { var tableData; $.get('https://domain.com/products/1', function(response) { tableData = response; }); return tableData;}console.log(getData()); // undefined↑위 코드는 $.get으로 데이터를 요청하고 받아올 때까지 기다려주지 않고 다음 코드인 retrun tableData;를 실행했으므로 undefined가 출력됨 0..

01. 템플릿 리터럴 (Template Literal)- 자바스크립트에서 문자열을 입력하는 방식- 백틱(`)이라는 기호를 사용하여 정의let a = 'hi';let message = a + ' 윙크';//백틱을 이용하여 표현let message = `${a} 윙크`;  02. 구조 분해 문법 (Destructuring)- 구조화된 배열 또는 객체를 비구조화하여 개별적인 변수에 할당- 배열 또는 객체 리터럴에서 필요한 값만을 추출하여 변수에 할당하거나 반환할 때 유용//배열let arr = ['apple', 10];let myFruit = arr[0];let myNumber = arr[1];//디스트럭처링을 사용하여 코드 간단화let [myFruit, myNumber] = arr;//객체let josh =..

00. 자바스크립트란- 웹 페이지를 동작시키기 위해 필요한 프로그래밍 언어(html, css, JavaScript)- 클릭 등과 같이 사용자의 인터랙션에 의해 반응하게 만들어주는 것 (-화면을 동작시키기 위한 언어)- 모든 웹페이지에서 자바스크립트가 지배적으로 사용되고 있음- 웹개발 뿐만 아니라 서버, 게임, 머신러닝 등등 다양하게 사용됨 ※모든 브라우저에는 자바스크립트를 실행할 수 있는 환경이 마련되어 있으므로 별도의 툴을 설치하지 않고도 콘솔 메뉴에서 자바스크립트 코드 실행 가능 01. 변수- 숫자, 문자열 등 어떤 값을 저장하기 위해 사용 01-1 변수의 종류1. var- 초창기 자바스크립트 문법 var message = 'hi';  2. const - 값을 정의한 이후에 변경 불가 (상수)cons..

01. window.onload() 속성- 해당 요소가 완전히 로드되었을 때, 자동으로 호출되는 함수를 지정하는 속성- 웹 페이지에서 여러 번 사용해도 window.onload() 함수는 하나만 적용  02. Date 객체- 날짜와 시간(년, 월, 일, 시, 분, 초, 밀리초)을 위한 메소드를 제공하는 빌트인 객체, 생성자 함수시간 메소드 : getHours(), getMinutes(), getSeconds()날짜 메소드 : getFullYear(), getMonth(), getDate()//현재 날짜 및 시간이 출력let date = new Date();console.log(date);  03. innerText와 innerHTML- innerText : Element의 속성으로, 해당 Element ..