본문 바로가기

언어 정리/JavaScript6

JS_bonus_syntax JS 시리즈에서 미처 제대로 정리 못했는데 중요해 보이거나 알아두면 좋을 것들만 모아서 정리 const numbers = [1, 2, 3];const doubled = numbers.map(num => num * 2);console.log(doubled); // [2, 4, 6]const numbers = [1, 2, 3, 4];const evenNumbers = numbers.filter(num => num % 2 === 0);console.log(evenNumbers); // [2, 4]const numbers = [1, 2, 3, 4];const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);con.. 2024. 9. 6.
[JavaScript] JS_expert_syntax https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info   주요 내용(개인적임)// /**// * ‘콜백 기반(callback-based)’ 비동기 프로그래밍이라고 하는데// * loadScript 함수가 끝나는 순서대로 동작 하게 된다.// */// 순차적으로 종료loadScript('/my/script.js', function (script) { newFunction(); loadScript('/my/script2.js', function (script) { newFunction(); loadScript('/my/script3.js', function (script) { newF.. 2024. 9. 2.
렉시컬 환경, 정적 바인딩, 동적 바인딩, 화살표 함수 정리 정리키워드 : 정적바인딩, 동적바인딩, 렉시컬 환경, 상위 객체, 객체리터               함수 선언식, 함수 선언식, 화살표 함수'use strict';// class SimpleDeclareClass {// constructor(name) { this.name = name; }// sayHi() { alert(this.name); }// }// let SimpleExpressClass = class {// sayHi() {// alert("안녕하세요.");// }// };// function makeClass(phrase) {// // 클래스를 선언하고 이를 반환함// return class {// sayHi() {// .. 2024. 9. 1.
[JavaScript] JS_advanced_syntax 기본 예제 https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info  주요 내용(개인적임)/** * 참고로 getter와 setter는 User.prototype에 정의됩니다. * class 의 constructor 생성자를 이용해 멤버변수를 초기화 할때 setter 함수코드를 기반으로 초기화합니다. */ /** * This 함수와 Object, Class * 함수 표현식, 함수 선언식, 화살표 함수 * 이해하기 * ---------------------------------------------------------------------------------------------------------------------------------.. 2024. 8. 30.
[JavaScript] JS_intermediate_syntax 기본 예제 https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info consol.log() 찍을 때 "[object Object]" 가 아닌 내부의 내용을 찍어보고 싶을 때  console.log(`1 : ${req.body}`);  console.log(`2 : ${Object.prototype.toString.call(req.body)}`);  // 이거는 Type 찍기에 용이함  console.log(`2 : ${Object.prototype.toString.call(5)}`);  console.log(`3 : ${JSON.stringify(req.body, 2)}`);  console.log('4 :', req.body);  console.log(.. 2024. 8. 29.
[JavaScript] JS_basic_syntax 기본 예제 예제만 모아논 JavaScript Basic Syntax 기본 예제 https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 실행 환경 vscode, Live Server">live" ps> prettier - Code formatter (shift + ctrl + f) 주요 내용(개인적임) /* 3항 연산자let result = condition ? value1 : value2; */let age = 20;let accessAllowed = (age > 18) ? true : false;alert(accessAllowed);------------------------------------------------ ------------------.. 2024. 8. 27.