Front-End(Web)/Javascript
-
[Javascript] Class(클래스) 기본Front-End(Web)/Javascript 2020. 12. 16. 22:56
위코드 Replit 과제중, Class 개념에 대해 정리가 필요하다고 생각해서 글을 쓰게 되었다. 📒 class 란? - 객체지향(OOP, Object-Oriented Programming) 객체지향 프로그래밍이란, 프로그램을 객체(Object)들로 구성하고 서로 상호작용을 통해 구현하는 방법을 의미한다. 객체에 변수나 함수를 저장한 뒤 이를 반복적으로 사용하고자 하는 개념으로, 이 객체를 편리하게 생성하는 템플릿이 바로 Class인 것이다. - class 정의 class를 "특별한 함수" 라고 설명한다. class 선언과 표현식으로 정의할 수 있다.(실제로 ES6 전에는 함수가 class를 대체했다.) 1) class 선언 ES6부터 class 개념이 도입되면서, class는 아래와 같이 'class ..
-
[Javascript] 제어문 - 반복문Front-End(Web)/Javascript 2020. 11. 29. 19:12
Wecode 2주차(Javascript) 미션 겸, for, while 등 반복문의 복습을 위함. 📒 반복문 - 반복문이란? 똑같은 명령을 일정횟수 혹은 조건 내에서 반복하는 제어문이다. 반복되는 코드를 이터레이션(iteration) 이라 칭한다. - 반복문의 종류 1. for 반복문 조건문을 불충족할 때 까지 반복하는 반복문이다. for (let i = 0 ; i < 10 ; i++) { console.log(i + '번째 실행'); } 먼저 for 안의 조건에는, ([초기문] ; [조건문] ; [증감문]) 순으로 들어간다. 초기문은 최초값, 증감문은 최초값의 제어(+ or -)방법, 조건문은 최초값의 증감에 따른 만족여부를 검사한다. 조건문이 false가 되는 순간, Loop가 종료되는 것이다. 2...
-
[Javascript] 제어문 - 조건문Front-End(Web)/Javascript 2020. 11. 29. 18:45
Wecode 2주차(Javascript) 미션 겸, if-else 조건문, switch 조건문의 복습을 위함. 💛 조건문 - 조건문이란? 특정조건을 만족할 시 실행하기 위한 명령어의 집합이며, 종류로는 if 조건문, switch 조건문, 삼항연산자 등이 있다. - 조건문의 종류 1. if 조건문 let score = 96; // if statements if (score >= 70) { console.log('pass'); } else if (score >= 60) { console.log('test again'); } else { console.log('fail'); }; if 조건문의 기본 형식이다. if (조건) { statements }로, 조건이 true일 때 statements를 실행한다. 조..
-
[Javascript] 변수(Variable) & 자료형(Type)Front-End(Web)/Javascript 2020. 11. 24. 01:56
Wecode 2주차(Javascript) 미션 겸, 변수 및 자료형 복습을 위함. 💛 변수(Variable) 1. 변수(Variable) 란? 프로그래밍 언어에서, 메모리의 위치를 가진 이름값을 의미한다. (자료를 담고 있다는 개념) 변수를 선언하는 방법은 var, let, const 3가지가 있다. var a = 1; let b = 2; const c = 3; 2. 변수 선언방법: var, let, const - var ES5까지 사용되던 변수 선언방법. 수정가능. Functional Scope. 전역변수처럼 반영되어 아래와 같은 성질로 인해 정교성이 떨어진다. 한 Scope 내에서도 같은 이름의 변수를 재선언할 수 있다. 함수처럼 Hoisting 되어, 변수 선언 전에도 이미 변수가 존재하는 것으로 ..
-
[Javascript] 배열(Array)Front-End(Web)/Javascript 2020. 11. 22. 23:04
Wecode 2주차(Javascript) 미션 겸, Array Method 복습을 위한 학습. 1. 배열(Array) 이란? 인덱스를 가지는 복수의 자료를 순차적으로, 한 개의 변수에 저장할 수 있는 자료구조이다. 배열에 들어가는 값들은 요소(element, item...)이라고 하며, 각각의 인덱스로 접근할 수 있다. - 배열 선언방법 배열을 선언하는 방법은, 2가지가 있으나 현재는 대괄호([])를 사용하는 후자를 통용한다. let array = new Array();// [] let array = new Array(3);// [ , , ] 세 칸 짜리 메소드 let array = [];// [] let array = new Array(1, 2, NaN, "글자");// [1, 2, NaN, '글자']..