프론트엔드 공부한 거 정리하기

화살표 함수 (ES6 이상 사용) 함수 표현식(익명 함수)에서만 사용 가능 this, arguments, new 키워드 (생성자) 사용 어려움 함수 본문이 여러 줄인 경우 {} 사용 권장, {} 사용시 반드시 return 키워드를 통해 반환 실행문이 한 줄일 경우 return은 생략 가능. 변수명 = () => 실행문. // 매개변수가 없는 경우 반드시 () 작성 변수명 = para1 => 실행문. // 매개변수가 하나인 경우 () 생략 가능 변수명 = para1, para2 => { //매개변수가 있는 경우 () 생략 가능 실행문; return 반환값; } 아래의 두 식의 작동 방법은 동일하다. function arrow(a, b) { return a + b; } alert(arrow(3, 7)); /..

함수 function 란? 특정 기능을 실행하기 위한 코드의 집합으로 호출을 통해 재사용 가능 객체 자료형 중 하나이기 때문에 변수 대입 가능 함수는 선언함수와 익명함수로 생성 가능 선언 함수 - 이름을 가진 함수 선언문 선언 함수의 경우 어느 곳에서나 호출 가능 함수명();

for 반복문 조건이 만족되는 동안 반복 실행 for(초기값; 조건식; 증감식) { 실행문 } 1부터 100까지 숫자를 console.log();로 출력 for(let a = 1; a 실행문 -> 증감식 -> 조건식(충족시) -> 실행문 -> 증감식 순으로 진행 증감식으로 인해 a의 숫자가 1씩 증가하며 101이 되는 순간 ..

switch문 특정 값과 비교하여 참인 경우 실행. 복수의 if 조건문을 switch문으로 대체할 수 있음. 하나 이상의 case문을 포함하며 마지막 default문은 생략 가능하다. switch (비교값) { //비교시 엄격한 비교 === case 비교할 값: //이 값과 비교하여 참인 경우 실행 실행문; break; //비교값이 참인 경우 다음으로 넘어가지 않고 구문을 벗어남. case 비교할 값 : 실행문; break; default: //위의 비교값과 일치하는 값이 없는 경우 실행. else와 같은 역할을 하며 생략 가능 실행문; break; //제일 마지막 값이기 때문에 생략 가능 } 1~4 숫자 중 하나를 입력하면 브라우저에 텍스트 표시 사이트 이름을 입력하면 해당 사이트 새창으로 열기 pro..

변수 변수는 데이터를 담은 박스와 같으며 이름을 정해서 그 안에 값을 담아 쓸 수 있다. 키워드를 통해 변수를 선언할 수 있으며 변수를 선언하는 키워드는 let, var가 있다. 둘 다 거의 동일하게 동작하지만 차이점이 있음. 변수라는 이름처럼 키워드를 통해 변수를 선언했다면 값을 할당할 수 있는데 이 값은 변경이 가능하다. 할당할 때마다 새로 할당된 값이 적용되며 그 전 값은 제거된다. 위 처럼 값을 재할당할 수 있는데 var, let의 차이점이 있다. var는 위 코드처럼 같은 변수명으로 재선언, 재할당이 가능하며 let은 재할당은 가능하지만 재선언이 불가능하다. let으로 선언한 변수의 값을 변경하려면 let 키워드를 빼고 작성해야 함. let a; // 변수에 a라는 이름을 붙여 선언 a = 10..

제어문 : if 조건문, switch 선택문, for 반복문, while 반복문 1. if 조건문 주어진 조건에 따라 참과 거짓으로 구분, 참(true) 일 때 실행 if(조건) 100){ alert(`참입니다.); } // 조건이 true이기 때문에 실행문 실행. if(1){ alert('1일 때 알림이 뜹니다.'); } //1 == true이기 때문에 알림이 뜬다. 조건에 상수 const나 변수 let, var를 넣어도 된다. let num1 = 10, num2 = 20; if(num1 != num2) { alert(num1 + '과' + num2 + '은/는 같지 않다.'); } //"10과 20은 같지 않다." 알림창 출력. let walks = prompt('오늘 얼마나 걸었는지 입력하세요');..