목록프론트엔드/JAVASCRIPT (12)

개발에 AtoZ까지

[ES6][JS] Javascript Hoisting 이슈와 해결법

◆목표 Javascript의 Hoisting 이슈 - 정의 - 현상과 이유 - 해결 방법 1. Hoisting 이슈 정의 - 일반적인 언어에서는 함수, 변수를 선언한 후에 사용이 가능하지만 JS에서는 호이 스팅(끌어올린다)이라는 현상 때문에 에러가 발생하지 않는다. 이렇게 에러가 발생하지 않는 점으로 인해 논리적 오류가 발생한다. 2. Hoisting 현상과 이유 - Hoisting 현상은 변수, 함수에서 발생하지만 이슈가 되는 포인트는 Var 키워드로 선언했을때다. Tip) var 키워드란? let, const가 나오기전에 사용하던 키워드로 해당 키워드를 사용하면 같은 이름의 변수를 여러 번 선언하더라도 오류를 발생시키지 않는 이슈가 있음 console.log(b); b = 1; console.log(..
프론트엔드/JAVASCRIPT 2021. 1. 27. 12:44
[ES6][JS] Javascrip 기타 문법(삼항연산자,구조 분해 할당문법등)

◆목표 Javascript 기타 문법 - 삼항 연산자 - 함수 마라 미터 값 설정 - 구조 분해 할당 문법 - Rest 파라미터 - Spread 파라미터 1. 삼항 연산자 1) 문법 조건? 조건이 True일 때 결괏값: 조건이 False일때 결과값 2) 예제 - 삼항 연산자 사용 전 const nums=[2,3]; let isNum=''; if(nums.length==0){ isNum='빈 배열'; } else{ isNum='아이템이 있는 배열'; } - 삼항연산자 사용 후 const nums=[2,3]; let isNum=''; isNum = nums.length==0? '빈 배열': '아이템이 있는 배열'; 2. 함수의 기본 인자(파라미터) 값 설정 1) 문법 function 함수명(파라미터명=디폴트..
프론트엔드/JAVASCRIPT 2021. 1. 27. 11:10
[ES6][JS] Javascript 배열 사용법과 관련 함수

◆목표 Javascript 배열 사용법 - CRUD 방법(생성, 읽기, 수정, 삭제) - 배열과 관련된 함수 1. Javascript 배열 생성 1) 배열 생성(기본) const data = [1, 2, 3, "dave", true]; 2) 배열 안에 객체 선언 - {} 괄호는 JS에서는 객체 리터럴로 인지하고, 객체 또한 배열의 아이템으로 선언도 가능함 const data_object = [ { name: "dave", age: 2 }, { name: "dave", age: 2 } ]; 3) 2차원 배열 const arr = [ [1, 2, 3], [4, 5, 6] ]; 4) New 태그 사용 - JS는 배열을 객체로 인지하기 때문에 NEW 태그 사용이 가능함 const data1 = new Array..
프론트엔드/JAVASCRIPT 2021. 1. 27. 00:49
[ES6][JS] Javascript의 정의 및 사용 이유

◆목표 Javascript의 정의 Javascript의 역사 Javascript 사용하는 이유 Javascript 엔진 Javascript 동향 1. Javascript의 정의 - Javascript란 웹페이지에 생동감을 불어넣기 위해 만들어진 스크립트 언어 ex) 버튼을 클릭 시 창이 하나 띄어지는 행위, 어떤 이벤트가 발생했을 때 HTML의 구조를 변경한다던지 또는 css를 추가하는 등 Tip) 정적 웹 페이지 vs 동적 웹 페이지 - 정적 웹 페이지 : 사용자의 행동에 반응을 하지 않습니다. - 동적 웹 페이지 : 사용자의 행동에 반응을 합니다. 즉 상호작용을 합니다. 출처: https://rank01.tistory.com/14 [JAVA FOR JAVA] 2. Javascript의 역사 - 넷스케..
프론트엔드/JAVASCRIPT 2021. 1. 26. 20:35
Prev 1 2 Next