일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 상속 (inheritance)
- 다형성 (polymorphism)
- 화살표함수 기본 개념
- 재귀적으로 생각하기
- Math.floor()
- display
- Promise all
- justfiy-content
- string
- class
- 첫번째 미니 프로잭트
- 조건문
- css 정리
- 재귀함수 탬플릿
- 얕은복사와 깊은 복사
- async/await
- 클래스 문법 구조
- align-content
- 참조자료형
- Instanc
- align-iitems
- 객체지향 프로그래밍 특징
- 문자열을 객체로 만드는법
- 추상화 (abstraction)
- props비구조화 할당
- probs.children
- flex-direction
- 캡슐화 (encapsulation)
- Promise Chaining
- probs
- Today
- Total
목록프로그래밍/자바스크립트 개념 정리 (17)
희락코딩
ECMAScript 6 ECMAScript는 ECMA 인터네셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어입니다. ES6의 규격 발행은 2015년이며 계속해서 버전이 업이 되면서 사용자 편의에 맞게 기능들이 개선되고 있습니다. ES6이 들어서면서 Promise, 블록 단위 스코프, 애로 평션, 모듈화 지원, 템플릿, 리터럴, 클래스 등이 추가 및 개선 되었습니다. 그래서 이번 블로깅은 자주 사용하는 기능들에 대해 정리해보겠습니다! let / const → let 과 const는 변수를 선언하는 새로운 키워드 입니다. 옛날에는 var를 사용했는데 최근에는 var보다 const나 let을 많이 씁니다. var를 잘 안쓰는 이유는 let과 const와 다르게 var는 스코프 내부와..
함수 함수는 실행 가능한 코드가 담겨있는 특별한 객체입니다. 선언한 함수를 호출하여 사용이 가능하고, 인자로 값을 받아 다룰수 있습니다. 1. 함수 정의 1-2. 함수 선언문 ▶ 함수를 정의하는 방식은 함수 선언문과 함수 표현식이 있습니다. 함수를 구성하는 내용은 function, 함수명, 매개변수, 블론문 으로 구성 되어 있습니다. // 함수 선언문 // function 함수명(매개변수) { // 함수에 이름이 있어 기명함수로도 불립니다. 블록문 (실행문) } // 예시 // function add(x, y) { console.log(x+y) } add(3,6) // 9 함수 호출 1-2. 함수 표현식 ▶ 함수는 일급 객체이므로 변수나 자료 구조에 저장이 가능합니다. 이를 이용해서 할당하는 방식을 함수..
Math. 메서드 정리 Math메서드는 우리가 수학적 계산을 할 때 유용하게 쓰이는 메서드 입니다. 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체입니다. 함수 객체가 아닙니다. 1. Math.abs() ▶ Math.abs()는 숫자의 절대값을 나타내주는 메서드 입니다. console.log(Math.abs(-7)) // 7 let absNum = 5 - 13 Math.abs(absNum) // 8 2. Math.min() ▶ Math.min()는 각각의 숫자들 중 최소 값을 나타내는 메서드 입니다. Math.min(7,3,6) // 3 let num1 = 4 let num2 = -5 Math.min(num1, num2) // -5 3. Math.max() ▶ Math.max()는 각각의 숫..
반복문 반복문은 조건식의 평가 결과가 참인 경우 코드 블록을 실행합니다. 그 후 조건식을 다시 평가하여 여전히 참인 경우 코드 블록을 다시 실행합니다. 이는 조건식이 거짓일 때까지 반복됩니다. 1. for문 ▶ for문은 특정 조건을 불충족할때까지 반복 됩니다. // for문 구조 // for(초기화; 조건; 증감;){ 코드 실행 } // for문 순서도// for(let i=0; i 0 log(0) -> i++ i = 1 -> 1 log(1) -> i++ i = 2 -> 2 log(2) -> i++ i = 3 -> 3 false -> 반복문 종료 // for문은 위와 같은 형태로 진행되고 조건문에서 거짓이 나올때까지 진행됩니다. 1. while문 ▶ w..
문자열 / 자주 사용하는 메서드 정리 코딩을 하다보면 문자열 데이터를 다룰 일들이 많습니다. 이때 유용하고 효율적으로 사용하는 프로퍼티와 메소드에 대해 알아 보겠습니다. 1. String ▶ String() 에 전달 된 인자는 모두 문자열로 변환시켜주는 메서드 입니다. String(7) // '7' String(false) // 'false' String([3,5,2,6]) // '3,5,2,6' //반환된 값도 변경이 가능합니다. const trueAnd = true && true String(trueAnd) // 'true' String(false || true) // 'true' const fn = fucnction(){return 7} String(fn) // '7' https://develope..
조건문 자바스크립트는 if문과 swicth문 이렇게 두가지의 조건문이 있습니다. 조건문은 주어진 조건식을 평가하고 그 결과에 따라 코드를 실행시키는 표현식입니다. 1. if문 ▶ if문은 주어진 조건식을 평가하기 위해 참과 거짓으로 구분하고 그에 맞는 코드를 실행시킵니다. if(조건문){ // 결과가 참일 경우 실행 } else { // 결과가 거짓일 경우 실행 } ▶ 조건식의 결과가 참일 경우 if 문의 코드 블럭을 실행시키고 거짓일 경우 else 문의 코드 블럭을 실행하게 됩니다. 만약 다른 조건식을 추가하고 싶다면 else if 문을 사용하면 됩니다. if(조건문1){ . . . } else if(조건문2){ . . . } else if(조건문2){ . . . } else { . . . } //el..
연산자 연산자란 하나 이상의 표현식을 대상으로 산술,할당,비교,논리,타입 연상 등을 수행해 하나의 값을 만드는것입니다. 1. 산술 연산자 ▶ 산술 연산자는 수학적 계산을 수행해 새로운 값을 만듭니다. 만약 산술을 할 수 없는 경우에는 NaN을 반환합니다 // 산술 연산자는 쉽게 말해 덧셈, 뺄샘, 나누셈, 곱셈이라고 생각하면 된다. // console.log(1 + 2) // 3 console.log(6 - 2) // 4 console.log(3 * 2) // 6 console.log(8 / 4) // 2 // 나머지 값 // console.log(8 / 2) // 4 2. 할당 연산자 ▶ 할당 연산자는 우측에 있는 피연산자의 연산 결과를 변수에 할당시키는 연산자이다. //할당 연산자// let a = ..
데이터 타입 프로그래밍 언어에서 2와 "2" 는 같은 말일까요? 정답은 아닙니다. 2와 "2"는 비슷하게 보이지만 서로 다른 타입입니다. 숫자 타입은 연산을 위해 만들어지고 문자열 타입은 텍스트로 출력하기 위해 만들어 집니다. 자바스크립트는 7가지 타입이 존재합니다. 원시 타입 string number boolean undefined null symbol ( ES6에서 추가 ) 객체 타입 object 1. String ▶ String 타입은 텍스트 데이터를 나타냅니다 let string = 'hope' // String 타입은 ''나 "" 혹은 ``로 감싸져 있습니다. (따옴표와 빽틱) 2. Number ▶ Number 타입은 숫자이고 모든 숫자는 Number 타입입니다. 숫자를 이용해 다양한 연산도 가..