함수 선언문 function sayHello(){ console.log('Hello'); } sayHello(); 함수 표현식 let sayHello = function(){ console.log('Hello'); } sayHello(); 위 두 코드는 같은 뜻이다. 차이점은 호출할 수 있는 타이밍 자바스크립트는 위에서 한줄씩 읽어가면서 실행함 > 인터프리터 언어 : 순서대로 읽으면서 즉시 결과를 반환하는 언어 함수 선언문 : 어디서든 호출 가능 sayHello(); function sayHello(){ console.log('Hello'); } 이렇게 실행해도 동작함 자바스크립트 내부 알고리즘 때문 자바스크립트는 실행 전 코드의 모든 함수 선언문을 읽어서 생성해둠 그래서 함수 사용 범위는 더 넓어짐(위..
함수 작성하는 법 fucntion sayHello(name){ console.log(`Hello, ${name}`); } 함수 함수명 매개변수 매개변수 = 인수 매개변수는 없을 수도 있고, 1개일 수도 있고, 여러 개 일 수도 있음 2개 이상이면 ,를 사용해서 구분 sayHello(name); 함수를 작성하고 후에 이렇게만 적어서 호출할 수 있음 사용시마다 매번 귀찮게 여러 줄을 사용하지 않아도 되고 맨 처음 함수만 수정하면 돼서 유지보수가 편함 function sayHello(name){ let msg = `Hello`; if(name){ msg = `Hello, ${name};` } console.log(msg); } sayHello(); >Hello 이렇게 실행하면 Hello만 나옴 그 이유는 매개..
switch 스위치 사실 if else 문을 알고있으면 몰라도 됨 모든 스위치문은 if else 로도 작성할 수 있기 때문 하지만 케이스가 다양할 때 더 간결하게 작성할 수 있기 때문에 사용 switch(평가){ case A : // A일때 코드 case B : // B일때 코드 ... } 위 코드는 아래 코드와 같은 뜻 if(평가 == A){ // A일때 코드 } else if(평가 == B){ // B일때 코드 } let fruit = prompt('무슨 과일을 사고 싶나요?'); switch(fruit){ case '사과' : console.log('100원 입니다.'); case '바나나' : console.log('200원 입니다.'); case '수박' : console.log('400원 입니..
for 반복문 for (let i =0; i < 10; i++) { console.log(i) } 초기값 조건(false가 되면 멈춤) 코드 실행 후 작업 i = 0 i 가 10보다 작으므로 코드실행 i 값 1 증가 i = 1 ... 반복 for (let i =0; i < 10; i++) { 1초기값 2,5조건(false가 되면 멈춤) 4,7코드 실행 후 작업 console.log(i) 3,6코드실행 } 순서대로 계속 반복하다가 조건이 false가 되면8 9빠져나온다. while반복문 let i = 0; while (i < 10) { 조건 console.log(i); } 하지만 이대로 실행하면 안된다 i 는 계속 0이기 때문에 코드는 무한 반복하게 된다. let i = 0; while (i < 10) {..
|| (OR) 여러개 중 하나라도 true면 true 즉, 모든 값이 false일 때만 false를 반환 && (AND) 모든 값이 true면 true 즉, 하나라도 false면 false를 반환 ! (NOT) true면 false false면 true true와 false 값을 바꿔줌 평가 OR는 첫번째 true를 발견하면 즉시 평가를 멈춤 AND는 첫번째 false를 발견하면 즉시 평가를 멈춤 코드를 짤 때도 어떤 순서로 평가를 배치하는지가 중요 간단한 평가로 T/F 판단이 가능하다면 복잡한 작업 전에 하는 것이 좋음 (예 : 운전면허가 있는(전체80%) 시력이 좋은(전체60%) 여성군인(전체7%)을 판단한다고 하면 여성군인(전체7%)인 시력이 좋은(전체60%) 운전면허가 있는 사람(전체80%)순으로..
크다 작다 = 크거나 같다, 작거나 같다 == 같은가 =는 할당을 의미한다 > 그래서 ==라고 작성 != 다른가 비교 연산자의 반환값은 항상 불리언이다 (true, false) == : 동등 연산자 > 타입까지 비교하지는 못함(문자형 1과 숫자형 1을 같은거라고 판단함) === : 일치 연산자 > 타입까지 비교해줌 되도록이면 타입까지 비교해주는 일치 연산자 사용을 추천함 문자형 1과 숫자형 1을 같다고 판단하면 어떤 버그가 생길지 모르기 때문 !== 다른가를 비교할 때 자료형까지 비교해준다 조건문 어떤 조건에 따라 이후 행동이 달라지게 한다 if문 이 부분은 항상 불리언값(T/F)으로 반환 if (age > 19){ console.log('환영합니다.'); } else { else는 if문이 fa..
+ 덧셈 - 뺄셈 * 곱셈 / 나눗셈 % 나머지 나머지(%)의 이용 홀수, 짝수의 구분 특정 값 아래의 값만 반환 (예 : 어떤 값이 들어와도 5를 넘기면 안돼 X % 5 = 0~4사이의 값만 반환) ** 거듭제곱 (예 : 2 ** 3 = 8) 연산자의 우선순위 * / > + - let num = 10; //num = num + 5; 아래와 같음 num += 5; + - * % 모두 동일하게 사용가능 증가 연산자 감소 연산자 값을 1만큼 증가 또는 감소 시킨다. num++ num-- 이렇게 표기 let num = 10; let result = num++; > 10 (뒤)증가시키기 전의 값 > 변경없음 let num = 10; let result = ++num; > 11 (앞)증가시킨 값 > 변경
String() 문자형으로 변환 Number() 숫자형으로 변환 Boolean() 불리언형으로 변환 형변환이 필요한 이유? 문자형 + 문자형 = 문자형 숫자형 + 숫자형 = 숫자형 문자형 + 숫자형 = ? 의도하지 않은 현상이 발생할 수 있음 tip)사칙연산은 나눗셈,곱셈이 덧셈,뺄셈보다 먼저 계산됨 prompt 입력 > 문자형 그래서 숫자 값을 받아왔더라도 문자형의 덧셈이 됨 숫자형이 아니더라도 나눗셈은 숫자형으로 변환되어서 계산됨 >자동 형변환 자동 형변환은 원인을 찾기 힘든 에러를 발생 시킬 수 있음 그래서 의도를 가지고 원하는 타입으로 변환 >명시적 형변환 명시적 형변환을 하는 방법 1. String(값) 괄호안의 값을 문자형으로 변형해줌 (예 : String(3) > "3"이 됨) tip)맨 앞..
- Total
- Today
- Yesterday
- 타입스크립트
- vue
- 파이썬
- 비주얼스튜디오코드
- 리액트
- 코딩앙마
- vscode
- git
- React
- scss
- 드림코딩
- 코드잇
- html
- js
- 저스트코드
- 제로초
- 스파르타코딩클럽
- 구름에듀
- map
- Python
- 깃
- 자바스크립트
- 회고
- 김버그
- 제이쿼리
- TS
- CSS
- Til
- Typescript
- javascript
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |