Javascript 파헤치기 5번째
·
언어/Javascript
🔗 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) =>..
Javascript 파헤치기 3번째
·
언어/Javascript
🔗 배열(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 ..
Javascript 파헤치기 2번째
·
언어/Javascript
🔗 논리연산자📍 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 파헤치기 1번째
·
언어/Javascript
🔗 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. ..