![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb7JS34%2FbtrEHB9hs44%2FNvMNXCuGnFGWlO5YZAY2r1%2Fimg.jpg)
[JS] 즉시실행함수
2022. 2. 15. 04:45
개발이야기/JS
즉시실행함수 (IIFE, immediately-invoked function expression) 즉시실행함수 사용 전) const a = 7 function double() { console.log(a * 2) } double(); //14 함수를 만들었을때 함수가 기본적인 내용으로 만들어지고 한 번 실행하고나면 더 이상 쓸모없다는 생각이들때 바로 즉시실행함수를 사용함! 1) 익명의 함수를 만들어준다. 2) 익명함수는 호출할수없기때문에 () 소괄호를 만들어서 그안에 넣어준다. 3) 함수를 호출하기위해 뒷쪽에 ()소괄호를 또 넣어준다. 즉시실행함수 사용 후) (function () { console.log(a * 2) })() (function () { console.log(a * 2) }()) 둘다 ..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FmSzHm%2FbtrEF8fp710%2FC0aNloYIQSdd2Y3l0wbPKK%2Fimg.jpg)
[JS] 화살표 함수
2022. 2. 15. 04:24
개발이야기/JS
화살표함수 (익명함수일때만 사용이 가능하다.) - 함수를 축약형으로 만들어줌 //() => {} vs function () {} const double = function (x) { return x * 2 } console.log('double:', double(7)) //매개변수가 하나일때 const doubleArrow = x => x * 2 console.log('doubleArrow:', doubleArrow(7)) 매개변수가 두개이상이아니고 하나일경우엔 () 소괄호도 생략이 가능한다. //매개변수가 두개일때 const doubleArrow = (x, y) => x * 2 console.log('doubleArrow:', doubleArrow(7)) 화살표함수에는 숫자데이터 문자데이터 블린, nu..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fx58zx%2FbtrEHWFk8lc%2FWsAIeJt9LtC2SGxt1ZXkt0%2Fimg.jpg)
[JS] 함수 (간략하게 정리)
2022. 2. 15. 04:08
개발이야기/JS
함수 function sum(매개, 변수) { console.log(매개 + 변수) } sum(1, 3) sum(4, 12) 함수도 변수처럼 '재활용'이 가능하다. 함수가 호출될때 함수의 같이 들어가는 특정한 값들을 인수라고 하며 그 값들을 받아줄수있는 함수선언부에 같이 선언된 변수들을 매개체가되는 매개변수라고 한다. ex) function 함수이름(매개변수) 받는값(인수) 리턴(return) function sum(매개, 변수) { return 매개 + 변수 } const a = sum(1, 3) const b = sum(4, 12) console.log(a) //4 console.log(b) //16 함수의 결과가 반복적일땐 변수에 담아서 사용하는것이 좋고, 단일로만 사용할땐 그대로 함수를 호출하는것..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FtMCCm%2FbtrEH5B2wt7%2FK4wZ3Naxvveccgu5TJkTN1%2Fimg.jpg)
[JS] Truthy & Falsy 형 변환 (Type conversion)
2022. 2. 11. 06:55
개발이야기/JS
Truthy & Falsy 자바스크립트의 굉장히 큰 특징중 하나! truthy// true, {}, [] 1, 2, 'false', -12, '3.14'..... (참 같은 값) falsy// false, "", null, undefined, 0, -0, NaN.... (거짓 같은 값) if ('false') { console.log(123) } false를 문자데이터로 바꿔주면 콘솔창에 123이 뜨게된다. 결국 'false' = true 와 같은 개념! 문자데이터로 바꿔주면 '참'과 같은 값이 된다. (진짜 블리언타입은 아니다. 하지만 그런 값을 말함...) truthy 값은 무수히 많아 외울필요 x falsy 값 정도는 가볍게 알아두면 좋음 o NaN (Not a number) 일단은 숫자데이터임 1..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdfDAo5%2FbtrEKVkEgVB%2FMKl5cKNn1ppwoGyG9i5Jr1%2Fimg.jpg)
[JS] 반복문 (for)
2022. 2. 11. 06:35
개발이야기/JS
반복문 특정 명령을 반복해서 수행할 수 있도록 도와주는 문법 반복문은 왜!? 필요할까 -> 반복문은 지정한 횟수만큼 또는 무한으로 코드를 반복하게 만들어준다. 반복문을 사용하면 사람이 계산하기에는 많은 시간이 소요되는 일도 빠르게 처리가 가능하기때문! 하지만... 미친듯이 반복만하는게 아니고 특정한 조건을 만족할 때까지만 반복해서 수행한다. for (시작조건; 종료조건; (counter)변화조건) { 수행할 동작 } 그럼 '나는 커피를 좋아해' 라는 문장을 100번 출력해보자. 단순하게.....콘솔로그로 작성 할 수 있다. 벌써부터 귀찮고 손이 아프다. console.log('나는 커피를 좋아해') console.log('나는 커피를 좋아해') console.log('나는 커피를 좋아해') console..