🔗 map 함수배열(리스트)을 전체 순환하면서 주어진 콜백함수를 통해 새로운 배열을 생성하는 함수let arr = [10, 20, 30, 40, 50];// map 함수의 콜백함수의 인자는 value, index, array 순서로 들어옴// 각 값의 이름은 정해져있지 않으므로 임의로 설정 가능arr.map((v) => {}); // value값만 가져옴arr.map((v, idx) => {}); // value, index 값만 가져옴arr.map((v, idx, array) => {}); // value, index, array 모두 가져옴const arr = [1, 2, 3, 4, 5];// 함수 내용이 한줄이면 중괄호와 return 생략 가능const arr2 = arr.map((item) =>..

🔗 템플릿 리터럴let str = "자바스크립트";console.log("이것은", str, "입니다.");// ES6에서는 ``안에 아래와 같이 작성하여 위와 동일한 결과를 얻을 수 있음console.log(`이것은 ${str} 입니다.`); 🔗 기본 매개 변수파라미터 값이 없는 경우 사용할 default 값 설정const myFunc = (name, age = 24) => {return `내 이름은 ${name}, 나이는 ${age}살이야.`; };console.log(myFunc1('철수')); // 내 이름은 철수, 나이는 24살이야. 🔗 화살표 함수let sum = function (a, b) { return a + b;};// 아래와 같이 화살표 함수로 표현하여 위와 동일한 결과를 ..

🔗 배열(Array)연속된 공간에 동일한 타입의 데이터를 순차적으로 나열한 자료구조인덱스(순번)는 0부터 시작Java & C#과 같은 언어와는 다르게 배열과 리스트가 구분되어있지 않음리스트(List) : 배열에 기능이 추가된 버전으로 대량의 데이터를 처리할 때 반복문과 함께 사용배열의 선언객체를 이용한 방법 🧩 배열의 선언대괄호를 이용한 방법let ArrayName = []; // 빈배열let ArrayName = [Val1, Val2, Val3, ...]; // 이때, 모든 값들은 동일한 Type임객체를 이용한 방법// 객체 앞에 new(객체 생성 예약어)를 붙여줘야함let arr1 = new Array(10, 20, 30); // [10, 20, 30]// 길이가 3인 빈배열 생성let arr2 ..

🔗 논리연산자📍 AND(&&) ~이고, ~이면서하나라도 거짓이면 거짓📍 OR(||)~이거나, 또는, ~일수도, ~중의 하나이면하나라도 참이면 참📍 NOT(!)~가 아닌참이면 거짓, 거짓이면 참document.write(!(10 > 20) || 10 = 20 && !(10  🔗 조건문주어진 조건식이 참이면 작업을 수행🧩 if 문🫧 단일 if문if (조건1) { document.write("if");} 🫧 if-else문// if문이 참이면 if문 수행, 거짓이라면 else 수행if (조건1) { document.write("if");}else { document.write("else");} 🫧 if-else if문// if-> else if -> else 순서로 조건식을 확..

🔗 Javascript(JS)란?공식명칭은 ECMA Script만든 사람 : 넷스케이프의 브랜든 아이크썬마이크로 시스템즈와 협력해서 만든 언어Java와 JavaScript와는 전혀 다른 언어ES6(ECMA Script 6)에서 언어적으로 완성됨.웹브라우저에서 지원하는 유일한 언어 : 과거 Basic언어구글에서 JS V8 엔진을 향상시키고, 오픈 소스로 배포🫧 Javascript 구동시키는 2가지방법프론트엔드(사용자PC) : 웹브라우저 JS 해석, 템플릿엔진(리액트,Vue,앵귤러)백엔드(서버PC) : Node.js 웹서버 프로그램 🫧 HTML에서 Javasciprt 선언하는 3가지 방법1. script 태그 - head,body태그 2. html 태그 속성 - onclick,href버튼클릭3. ..