Meiren

구글태그매니저를 활용해 데이터를 수집하는 방법엔 여러가지가 있겠지만, 자바스크립트로 태그와 변수, 트리거를 설정해야하는 상황이라면 이 카테고리의 글이 많이 도움이 되실겁니다ㅎㅎ 다들 파이팅하세요!

1. 배열 의미 순서가 있는 리스트 숫자, 객체, 함수, 문자 모두 포함 가능함 2. 대표 기능 - length : 배열 길이 - push() : 배열 끝에 요수 추가 - pop() : 배열 끝에 요수 제거 - shift, unshift : 배열 앞에 제거/ 추가, 여러 요소 한번에 가능 2-1. 요소 변경 elt days = ['mon', 'tue', 'wed']; days[1] = '화요일' console.log(days); // ['mon', '화요일', 'wed'] 2-2. 배열의 길이 elt days = ['mon', 'tue', 'wed']; days[1] = '화요일' console.log(days.lenghth); // 3 3. 반복문 for let days = ['mon', 'tue', ..

1. object const superman = { name : 'clark', age : 33, fly : function(){ console.log('날아갑니다.') } } superman.fly() // 날아갑니다. 2. method 객체 프로퍼티로 할당된 함수 fly : function(){} -> fly(){} const superman = { fly(){ console.log('날아갑니다.') } 3. this 3-1. 객체 안에서 this const user = { name : 'Mike', sayHello : function(){ console.log(`Hello, I'm ${this.name}`); } } user.sayHello(); // Hello, I'm Mike 3-2. 함수 내에..

1. 구성 key : 'value'의 형태로, 각 프로퍼티는 comma( , ) 로 구분함 const superman = { name : 'clark', age : 33, } 2. 주요 액션(기능) 2-1. 접근 : . (dot) sperman.name // 'clark' superman['age'] // 33 2-2. 추가 superman.gender = 'male'; superman['hairColor'] = 'black'; 2-2. 삭제 delete superman.hairColor; 3. 단축 프로퍼티 const name = 'clark'; const age 33; const superman = { name, age, gender : 'male', } 3-1. 프로퍼티 존재 여부 확인 - in 을..

1. 함수 선언문 function sayHello(){ console.log('Hello'); } 2. 함수 표현식 이름이 없는 함수를 만들고 거기에 변수를 할당해줌 let sayHello = function(){ console.log('Hello'); } 3. 차이 호출할 수 있는 타이밍 자바스크립트 : 인터프리터 언어(interpreted language) : 순차적으로 실행되고 즉시 결과를 반환함 js는 내부 알고리즘, 실행 전 코드 내 모두 함수선언을 먼저 실행함 > 호이스팅(hoisting) - 함수 선언문 : 어디서든 호출 가능 - 함수 표현식 : 코드에 도달하면 생성 4. 화살표 함수 (arrow function) let add = function(num1, num2){ return num1..

1. 함수 1. 쓰임 - 서비스 개발시 반복되는 동일한 동작을 개발하게됨 - 팝업, 결제, 회원가입 등의 기능을 여러곳에서 여러번 사용 할 경우 - 하나로 만든 뒤 재활용!! 유집보수 가능하고 쉬움 - 대표 함수 : 브라우저 내정 함수(console, alert, confirm), showError, getName, createUserData, checkLogin 2. 함수 구조 매개변수 여러개 가능 , 로 구문함 함수명 뒤에 매개변수를 붙여서 호출 가능함 : sayHello('Mike') {} 중괄호 안에 실행할 코드를 넣음 3. 매개변수가 없는 함수 function showError(){ alert('An error has occurred. try again'); } showError(); 4. 매개..

1. for 문 상황 : 1부터 10까지 로그를 찍어주세요 for (let i = 0; i < 10; i ++) { // 반복할 코드 } 구성 - 3부분으로 나뉘며, ; (세미콜론)으로 나눌 수 있다 - section1, 초기값 설정. 반복문 진입할 때 한번만 실행됨 - section2, 조건. for문을 돌면서 해당 조건에 false가 되면 멈춤 - section3. 코드 실행 후 작업(반복문 1번 실행 후 해야할 작업) // ver.1 for(let i = 0; i < 10; i ++){ console.log(i+1) } // ver.2 for(let i = 1; i 다시 재작업/반복으로 돌아감 } console.log(i) } 3. switch 1. switch 와 if else if switch(..

1. or (||) 이름이 TOM 이거나, 성인이면 통과 const name = 'Mike'; const age = 30; if(name === 'Tom' || age > 19){ console.log('통과'); } 2. and ( && ) const name = 'Mikle'; const age = 30; if{name === 'Mike' && age > 19){ console.log('통과'); } else { console.log('돌아가.') } 3. not ( ! ) 나이를 입력 받아 성인이 아니면 돌아가라 const age = prompt('나이가?'); const isAge = age > 19; if(!isAge){ console.log('돌아가'); } 4. 비교 연산자에도 우위가 있음 ..