728x90 반응형 JavaScript22 [JavaScript] 자바스크립트 Template literals로 변수 포함한 html append 쉽게하기 제목 참 길다 자바스크립트 Template literals로 변수 포함한 html append 쉽게하기 .. 구구절절 .. 하지만 저 키워드가 모두 필여한걸요.. ㅎ Template literals 모냐면 기존에 우리가 사용하던 '', "" 대신 backtick 이라는 `요런` 기호를 사용해서 문자열을 작성하는 es6 방식! 요거 쓰면 훨씬! 쉽다 장점이 모냐고요? 1 엔터 넣기 쉬움 2 중간에 변수 넣기 쉬움 var html = ` ${변수명} `; 어때 정말 편하지 ㅠ..? 문법 필요없고 일할 때 어케 하면 되는지 궁금하면 바로 더보기를 클릭하시오.. 백틱 없이 구구절절 넣기 => 더보기 자바스크립트에서 동적으로 html을 append 하는 부분이 있는데, 변수를 추가하는 부분이 많아서 번거로웠으나 .. 2023. 1. 31. [JavaScript] 변수 Hoisting, 전역변수, 참조 Hoisting 자바스크립트에서 변수 / 함수를 선언하면 Hoisting이 발생. Hoisting? 변수 / 함수의 선언부를 맨 위로 끌고가서 제일 먼저 해석하는 것 function hoisting_Test(){ console.log('hello'); var 이름 = 'Kim'; } function hoisting_Test1(){ var 이름; console.log('hello'); 이름 = 'Kim'; } 우리가 첫번째와 같이 선언 후 출력하더라도 자바스크립트가 코드를 해석하는 순서는 두번째 코드와 같음. 변수의 선언부를 가장 위로 끌고가 해석하기 때문! 전역변수와 변수의 참조 전역변수 스크립트 내 모든 함수나 if나 for 내부에서 공통적으로 사용할 수 있는 (참조할 수 있는) 변수 var age =.. 2023. 1. 30. [JavaScript] 변수 var let const 선언, 할당, 범위 변수의 선언과 할당 변수 = 자료를 저장하는 공간 보통 이렇게 선언한다 var name = 'sol'; var name => 선언 'sol' => 할당! 변수 만들 때 사용할 수 있는 키워드 var, let, const 차이가 몰까 var는 재선언 가능 let, const 키워드는 재선언 불가능 => 같은 이름의 변수를 두번 이상 재선언할 수 없음! let age; let age; //error const sex = 'w'; const sex = 'm'; //error var, let으로 만들면 재할당 가능, const로 만들면 값 재할당 불가능 let name = 'Kim'; name = 'Park'; //ok const age = 30; age = 40; //error const = constant,.. 2023. 1. 29. [JavaScript] 함수를 간단히, Arrow function 오늘은 Arrow function, 함수를 최대한 간단히 쓸 수 있는 칭구에 대한 정리! 우리는 보통 함수를 이렇게 쓴다 (1) function test(){ } (2) var test1 = function(){ } ES6 신문법에서는 간단하게 아래처럼 쓸 수도 있다 var test = () => { } 왜 이렇게 쓸까? arrow function는 함수 본연의 입출력기능을 매우! 직관적으로 보여주기 때문이지 만약에 더하기를 하는 함수를 만든다고 생각해보자 그럼 어떻게 쓰냐면..! function plus(x, y){ return x + y } arrow function을 쓰면? var plue = (x, y) => { return x + y } console.log( pluetwo(1, 2) ); co.. 2023. 1. 23. 이전 1 2 3 4 5 6 다음 728x90 반응형
