본문 바로가기

JavaScript6

[Javascript] ES11 의 유용한 문법 ✨ Javascript ES11의 유용한 문법 ECMAScript 2020 버전인 ES11 중에 내가 이해한 것들 두 가지만 정리를 우선 해보려 한다. Optional Chaining과 Nullish Coalescing Operator에 대해 알아보자. ✨ Optional Chaining { const person1 = { name: "Wendy", job: { title: "S/W Engineer", manager: { name: "Bob", }, }, }; const person2 = { name: "Bob", }; // Bad Code { function printManager(person) { console.log(person.job.manager.name); } printManager(perso.. 2021. 8. 6.
[javascript] ~ES6 의 유용한 문법 ✨ Javascript ES6의 유용한 문법 2015년도에 나온 Javascript ES6 문법에는 유용한 문법이 많다. 오늘은 이러한 javascript ES6 문법 중 유용한 문법 몇 개를 살펴보자. 💡 Arrow function ( 화살표 함수 ) // Before Arrow function const simplePrint = function () { console.log("simplePrint!"); }; // Arrow function const simplePrint = () => console.log("simplePrint!"); // Before Arrow function const add = function (a, b) { return a + b; }; // Arrow function co.. 2021. 8. 2.
[Javascript] javascript에서의 동기와 비동기방식 ✨ 동기방식 & 비동기방식 이란? javascript의 Promis, async, await를 배우며 콜백 함수, 동기방식, 비동기 방식이라는 용어가 등장하였다. 콜백 함수는 아래에 따로 작성해 놓았다. https://mynameisleeminee.tistory.com/44 [Javascript] Callback 함수란 무엇일까? ✨ CALLBACK 함수란? Javascript 를 공부하던 도중 Callback 함수라는 것이 나왔다. Callback 함수가 도대체 무엇이길래 Callback, Callback 하는 것일까? 일단 내가 이해한 대로 정리해본다. • 말 그대로 콜백... mynameisleeminee.tistory.com 그럼 오늘은 동기방식, 비동기 방식이 무엇인지 알아보도록 하자. ✨ 동기.. 2021. 8. 1.
[Javascript] Callback 함수란 무엇일까? ✨ CALLBACK 함수란? Javascript 를 공부하던 도중 Callback 함수라는 것이 나왔다. Callback 함수가 도대체 무엇이길래 Callback, Callback 하는 것일까? 일단 내가 이해한 대로 정리해본다. • 말 그대로 콜백. 나중에 실행되는 함수이다. • 개발자가 함수를 선언하여 호출하는 함수가 아닌, 함수 내부 or 다른 이벤트에 의해 호출되는 함수이다. 코드를 보며 더 자세히 알아보자. function randomQuiz(answer, printYes, printNo) { if (answer === 'love you') { printYes(); } else { printNo(); } } const printYes = () => console.log('I love you to.. 2021. 7. 28.
[JavaScript] 변수 let, 상수 const, 데이터 타입 JavaScript에서 값을 선언할 때, let과 const가 있다. let은 변수. 변하는 수. 즉, 한번 선언하고 나서 바뀔 수 있는 값에 사용한다. let value = 1; console.log(value); value = 2; console.log(value); const는 상수. 한번 선언한 후 값이 바뀌지 않을 때 사용한다. (변수를 선언할 때 var도 있었지만 모던 자바스크립트에서는 이제 더 이상 사용하지 않는다) const a = 1; a = 2; 위의 let과 const의 데이터 타입으로는 숫자, 문자열, boolean(참/거짓), null과 undefined가 올 수 있다. 문자열(String)을 나타낼때는 "(큰따옴표) 또는 '(작은따옴표)로 감싸주어야 한다. 또한 null은 이 값.. 2021. 6. 23.
[JavaScript] let(Mutable), const(Immutable) 언제 사용할까? 예를 들어 Java에서 숫자는 int, 문자는 char, 문자열은 String, 참 거짓은 boolean 이렇게 선언하는 것과 달리 JavaScript 에서는 let과 const 크게 이 두 가지로 변수를 선언합니다. 이 let, const 의 가장 큰 차이는 Mutable, Immutable이라는 단어가 등장하는데요 Mutable은 변할 수 있는 값을 뜻하며, Immutable은 변하지 않는 값을 뜻합니다. let은 Mutable 특성으로 계속해서 변하는 값을 정의할때 let 변수를 사용하며, const는 Immutable 특성으로 변하지 않는 값을 정의할 때 사용합니다. 물론 모든 변수를 let으로 정의해도 되겠지만, 웬만하면 한번 데이터를 할당한 뒤에는 변하지 않는 값. 즉, const를 사용도록 .. 2020. 9. 6.

티스토리툴바