컴퓨터/Javascript 썸네일형 리스트형 Javascript fetch 1. 서버에 데이터 전송하기 1) URL 매개변수 데이터를 URL매개변수에 담아서 보내는 방법이다. const url = '/example?name=lee&age=30' fetch(url); 2) text text 형식의 데이터를 보내는 방법이다. 서버의 req.body에 텍스트가 담겨온다. const textData = 'Hello, World!'; const url = '/example'; fetch(url, { method: 'POST', headers: { 'Content-Type': 'text/plain' }, body: textData }); 3) JSON json 형식의 데이터를 보내는 방법이다. 서버의 req.body에 json이 담겨온다. const jsonData = { name: 'l.. JavaScript Function 자바스크립트 함수 1. 함수의 선언방식: 자바스크립트에서는 함수를 선언하는 두가지 방식이 있다. 1.1. 선언식 fnSayHello(); //가능 function fnSayHello() { console.log("Hello, World!"); } fnSayHello(); //가능 1.2. 표현식 fnSayHello(); //불가능 const fnSayHello = function() { console.log("Hello, World!"); }; fnSayHello(); //가능 선언식과 표현식 중 선언식은 호이스팅(hoisting)이 적용되고 표현식은 적용되지 않는다. 2. 화살표 함수: 함수 표현식은 아래와 같이 화살표 함수로 구현할 수 있다. 2.1. 표현식 const fnPlusNumbers = function(pN.. JavaScript 이벤트 발생 [이벤트 발생시키기] *인라인 클릭 *리스너 var item = document.getElementById("item"); item.addEventListener("click", (e) => {}); Javascript 윈도우 위치 window.location 1. 특정 URL 로 이동 window.location.href = '/'; 2. 페이지 새로고침 window.location.reload(); JavaScript 자바스크립트 변수와 유효범위 Scope [유효범위 Scope] ▒ 블록 스코프 중괄호 「{}」로 감싸진 범위 ▒ 함수 스코프 블록 스코프에 중에서 함수 「function(){}」 범위 [변수의 특징] 선언 스코프 var 함수: 함수가 종료되기 전까지 유효 let, const 블록: 중괄호 안에서만 유효 이전 1 ··· 6 7 8 9 10 11 다음