일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- for
- flex
- flex-wrap
- justify-content
- align-content
- for of
- javascript
- 반복문
- 프론트엔드
- 타입
- 함수
- 속성
- typeof
- Methods
- boolean
- if else
- flex-direction
- 화살표함수
- 함수선언식
- 비교연산자
- for in
- ELSE
- 조건문
- 변수
- 기초
- 논리연산자
- frontend
- 함수표현식
- 문자열
- properties
- Today
- Total
목록javascript (6)
하얀 코딩

개념 JavaScript에서 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미. var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화합니다. 반면 let과 const로 선언한 변수의 경우 호이스팅 시 변수를 초기화하지 않습니다. 호이스팅을 설명할 땐 주로 "변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮기는 것"으로 말하곤 합니다. 따라서 변수를 정의하는 코드보다 사용하는 코드가 앞서 등장할 수 있습니다. 다만 선언과 초기화를 함께 수행하는 경우, 선언 코드까지 실행해야 변수가 초기화된 상태가 됨을 주의할 것. // y만 호이스팅 대상 x = 1; // x 초기화. x를 선언하지 않은 경우 선언. 그러나 명령..

반복문 for of는 요소 출력으로 쓰인다. for in(dex)은 인덱스 출력으로 쓰인다. 반복문은 정의, 설명 보다 사용법이 제일 중요. 다양한 예제들을 보며 해석하자. // 2 이상의 자연수를 입력받아 2부터 해당 수까지의 소수(prime number)들을 리턴. function listPrimes(num) { let count = 0 let result ='' for(let i = 2; i true

먼저 알고 가기! string 타입과 다른 타입사이에 + 연산자를 쓰면 string 형식으로 변환한다. ex) "123" + 1 = "1231" 공백 문자 : 스페이스, 탭(\t), Carrige return(\r, \n) 및 return 문자(\n) 자료.length를 쓰면 해당 자료의 길이(개수)를 리턴 해준다! String.prototype.indexOf() indexOf() 메서드는 호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환합니다. 일치하는 값이 없으면 -1을 반환합니다. str.indexOf(searchValue[, fromIndex]) 1. searchValue 찾으려는 문자열. 아무 값도 주어지지 않으면 문자열 "undefined"를 찾으려는 문자열로 사용합니다..

연산자 산술, 증감 연산자 +, -, * ++, --, ** / : 몫 % : 나머지 비교 연산자 === : 같다. !== : 같지 않다. , = 논리 연산자 && (그리고) : 모두가 참일 때 참 || (또는) : 모두가 거짓일때 ! (부정) : 해당 논리값의 반대 논리값을 반환 다음 밑 예제문이 어떠한 출력 값인지 생각해보자. false && true !false || !true !unedfined !(3>2) !'hello' false || true !Boolean(anything) // anything 결과값이 거짓이면 참, 참이면 거짓 Falsy & Truthy 1.Falsy 거짓 같은 값(Falsy, falsey로 쓰이기도 함) 값은 불리언 문맥에서 false로 평가되는 값입니다. false ..

함수 일반 함수나 메서드는 리턴값을 지정하지 않을 경우, undefined 값이 리턴된다. 생성자 함수에서 리턴값을 지정하지 않을 경우 생성된 객체가 리턴된다. function 함수이름(매개변수(argument)) // 가장 기본적인 함수 형식 function 함수이름(매개변수){ 내용1 내용2 ... return 리턴자료; } 함수선언식 일반적인 프로그래밍 언어에서의 함수 선언과 비슷한 방식. 변수 선언을 let / const 등으로 시작해야 하는 것처럼 함수 선언은 function으로 시작. 선언된 함수는 나중에 사용될 것을 위해 저장되며 call 될 때마다 실행된다. 함수 실행 시 함수의 이름을 호출하면 된다. function getRectangleArea (width, height) { let r..

변수(variable) 1. 변수를 선언한다는 것은 데이터 보관함(메모리)에 데이터를 넣을 공간을 확보하는 것을 의미 2. 변수의 선언 let age 변수의 할당 age = 28 ※ ' = ' 의 의미는 같다가 아닌 할당을 의미한다. 타입(type) 1. string : 그냥 문자로 되어있거나 ' ', " " 안에 숫자나 문자가 있으면 모두 string 타입이다. 2. number : 숫자 3. boolean : true, false 4. undefined (정의되지 않음) 5. NaN : Not a Number (숫자가 아니다) 6. Null (값이 없는 걸 의도적으로 명시) 7. Object (Function, Array, Date, RegExp) 8. BigInt 9. Symbol https://d..