Develop/JS (4) 썸네일형 리스트형 ES6에 추가된 문법 1. const and let var keyword 대신 const나 let keyword를 사용 2. Arrow functions ES5 1 2 3 4 5 6 7 8 // ES5 function myFunc(name) { return '안녕' + name; } console.log(myFunc('영희')); // 출력 => 안녕 영희 ES6 1 2 3 4 5 6 7 8 9 10 11 // ES6 화살표 함수 const myFunc = (name) => { return `안녕 ${name}`; } console.log(myFunc('영희')); // 출력 => 안녕 영희 // 또는 화살표를 사용하거나 'return' 키워드를 사용하지 않아도 됩니다 const myFunc = (name) => `안녕 ${.. JS 궁금했던거 쿠키와 세션의 차이 쿠키 사용자 컴퓨터에 저장 저장된 정보를 다른 사람 또는 시스템이 볼 수 있는 단점 유효시간이 지나면 사라짐 세션 서버에 저장 서버가 종료되거나 유효시간이 지나면 사라짐 Submit vs Ajax 웹코딩을 하다보면 Submit과 Ajax는 둘 다 사용하기도 한다. 두 방법은 데이터를 주고 받는다는 점에서는 같지만 아래와 같은 차이점들이 존재한다. Ajax : 비동기식 방식으로 처리하며 Submit과 가장 큰 차이점은 페이지를 전체를 reload하지 않고 특정 부분만 reload해 속도가 빠르다는 것이다. Submit : Submit을 사용하면 Ajax와는 다르게 페이지 전체가 리로드 되기 때문에 action을 취하고 난 후, 페이지가 변경이 되는 경우에 자주 사용한다. DOM JS는 .. JS vs Java -this차이- 나는 불과 한 시간 전까지만 해도 Java에 this와 JS의 this가 같은 의미라고 생각했다.(Java의 this만 공부함...) Java 흔히 Java 내에서 this문법은 클래스 자기 자신을 뜻한다. 즉 Java에서는 this는 객체 자신(self)를 가리키는 참조변수로, this가 객체 자신에 대한 참조 값을 가지고 있다는 뜻이다. 주로 매개변수와 객체 자신이 가지고 있는 멤버변수명이 같을 경우 이를 구분하기 위해 사용한다. JavaScript JS의 경우 함수 호출 방식에 의해 this에 바인딩할 어떤 객체가 동적으로 결정된다. 1. 전역에서의 this : window 객체 2. 일반 함수에서의 this : window (단, strict mode에서는 undefined이다.) 3. 객체 메서.. JS 동기, 비동기 https://ljtaek2.tistory.com/142 해당 글은 "태기의 개발 Blog"에서 가져온 거입니다. JS는 동기식 언어이다. 동기 : 한 작업이 실행되는 동안 다른 작업은 멈춘 상태를 유지하고 자신의 차례를 기다리는 방식 비동기 : 어떠한 요청을 보내면 그 요청이 끝날 때까지 기다리는 것이 아니라, 응답에 관계없이 바로 다음 동작이 실행되는 방식 이전 1 다음