Javascript 화살표 함수 화살표 함수(Arrow Function) => ECMA Script6 이후 함수 도입 비교연산자랑 헷갈리지 말자 기존 함수와 비교 해보자 (일반함수, 익명함수) 🍖 일반함수 : 직접호출 function add1(a, b){ console.log(a); console.log(b); return a+b; } console.log(add1); // 함수구문이 출력 console.log(add1(2,3)); // 2랑 3이랑 5 출력 return을 통해 함수구문 내부에서 결합된 값을 호출한 대상으로 돌려준다. (함수구문 외부로 반출이 가능) 🍖 익명함수 : 간접호출 const add2 = function(c, d){ console.log(c); console.log(d); ret..
Javascript 배열 배열 데이터 ["데이터1", "데이터2", ...] 🍙 배열 메소드 (일부) push("새로운 데이터") 기존 배열 데이터에 새로운 데이터를 맨 뒷자리에 추가한다. pop() 기존 배열 데이터에서 맨 마지막 데이터를 제거한다. unshift("새로운 데이터") 기존 배열 데이터에서 맨 첫번째 인덱스 번호의 자리에 새로운 데이터를 추가한다. shift() 기존 배열 데이터에서 맨 첫번째 인덱스 번호의 데이터를 제거한다. concat(새로운데이터) 두가지 배열을 결합을 시키겠다는 것을 의미 map() 내장함수는 최초의 인덱스로부터 인자값을 하나씩 출력하는 과정에서 수식의 결과값을 배열 데이터로 반환 (DOM에서는 반복에 대한 역할을 담당) filter() 내장함수는 최초의 인덱스로부..
Javascript 함수 일반함수 직접 호출할 수 있는 이름이 존재하는 함수 function a1(){ console.log(`a1 함수 호출~~`); } a1(); 익명함수 이름은 존재하지 않으나 간접적으로 함수를 작동시킬 수 있는 함수 var a2 = function(){ console.log(`a2 함수 호출~~!`); } a2(); var, let, const 비교 일단 그 전에 .. 스코프란? { } : 스코프(scope) - 하나의 메모리 공간이며, 실행 공간 if(조건식){실행문} function(){실행문} 객체 = {key1 : value1, key2 : value2, key3 : function(){}, ... } 이렇게 실행문이 쓰이는 곳 또한 전역변수와 지역변수는 상대적인 것! 그리..
Javascript ES6 이후 문법의 특징 - var 예약어 → let, const 예약어 - 프로토타입 → 클래스 함수로 바뀜 - 비동기 처리방식 : 간결해짐 - 모듈이라는 개념 추가 - 템플릿 리터럴(``) - 백틱 활용 ES6 이전과 이후를 비교해보자 (템플릿 활용) ✨ 기본 문법 ES6 이전 var string1 = "안녕하세요"; var string2 = "반갑습니다!"; var greeting1 = string1 + ", " + string2; console.log(greeting1); // 안녕하세요, 반갑습니다! ES6 이후 var string3 = "안녕하세요"; var string4 = "반갑습니다!"; var greeting2 = `${string3}, ${string4}`; con..
자바스크립트 .. 기본부터 진짜 빡세게 다시 공부해야지 프론트엔드로 취업했지만 사실 난 정말 기본도 없음 .. 회사 사람들에겐 절대 말 못해 🤫 살짝 X됐어 난~ 🦷 자바스크립트의 특징이 무엇이냐 ... 객체 지향 프로그래밍 언어의 한 종류로서 웹 문서의 기능적인 측면을 담당! 자바스크립트만으로 웹 서버 구축도 쌉가능 입문용으론 쉽지만 궁극적으로는 까다로움 🦷 자바스크립트의 DOM (Document Object Model) 자바스크립트로 웹 페이지를 제어하도록 해줌 document.getElementsByTagName() 태그 이름으로 요소 찾기 document.querySelector() 선택자 이름으로 요소 찾기 document.getElementsByClassName() 클래스 이름으로 요소 찾기 ..
