DODONOT Dev
article thumbnail
북스터디로 모던 자바스크립트 딥다이브 2달간 완독한 후기
개발 일기 CollieLog 2023. 8. 8. 15:32

2달간 북스터디에 집중하며 드디어 모던 자바스크립트 딥다이브를 완독하였다. 축하~~~!! 🎉🎉🎉 중간에 다소 힘들고 안타까운 일들도 많았지만 북스터디 만큼은 우리 팀원들과 잘 끝내고 싶었는데 무사히 마치게 되었다. 북스터디 중간 중간 한 사람씩 사라지다가 마지막 날에는 4명 정도 이탈한 것 같았다. 모던 자바스크립트 딥다이브를 완독하면서 한 챕터 몇 페이지 읽는데 몇 시간이나 걸렸다. 자바스크립트를 당당하게 전혀 모른다고 할 수 있을 수준이었던 나는 책의 한 챕터만 읽어도 몇시간씩 쓰면서 읽을 수 밖에 없었다. 첫번째로, 챕터 하나를 읽으려고해도 A와 관련된 개념인 A-1, A-2, A-3 ..등등의 개념들이 대거 쏟아져 나왔다. 넘어가려고 하니 다음 문장이나 단락이 이해가 안갔기에 A-1, A-2, A..

article thumbnail
함수의 표현 / 함수 저장 / method / this
Java Script 2023. 6. 12. 02:27

함수의 표현 함수 선언식 function add_1(x, y) {return x + y;} 함수 표현식 함수를 정의하여 변수에 저장 const add_2 = function (x, y) {return x + y;} 화살표 함수 const add_3 = (x, y) => x + y; 함수의 표현 비교 function add_1(x, y) {return x + y;} const add_2 = function (x, y) {return x + y;} const add_3 = (x, y) => x + y; const add_4 = add_1; console.log(add_4); // function add_1(x, y) {return x + y;} console.log(add_4 === add_1); // tr..

article thumbnail
[자바스크립트] 재귀함수 사용방법 (팩토리얼 예시)
Java Script 2023. 6. 5. 21:58

재귀함수 함수가 자기 자신을 호출하는 함수 재귀 종료 조건문과 함께 사용하지 않으면 무한 루프에 빠져 스택 오버플로가 난다. 반복문보다 짧게 쓸 수 있어 반복문 대신으로 사용할 수 있다. 일반적 예시로 ! (팩토리얼)을 예로든다. 팩토리얼 예시 const factorial = (x) => { if (x === 0) { return 1; } else { return x * factorial(x - 1); } }; console.log(factorial(3)); // 3 x 가 0일때 1을 return (조건문을 반드시 함께 작성해줘야함.)

article thumbnail
[자바스크립트] 함수 총정리 (문법, 매개변수, 인수, 호출, 반환)
Java Script 2023. 6. 5. 20:45

함수 Function 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 하나의 실행단위 호출하여 해당 작업 반복 수행(재사용) 매개변수(parameter) 매개변수(parameter)란 함수를 호출할 때 인수(argument)로 전달된 값을 함수 내부에서 사용할 수 있게 해주는 변수이다. 주의 가급적 한가지 일만 정의할 것 매개 변수는 최대 3개 이내로 작성 문법 function 함수이름(매개변수1, 매개변수2,...) { 함수가 호출되었을 때 실행하고자 하는 실행문; } 예시 function addNum(x, y) { return x + y; } // -> 함수 정의 addNum(2, 3); // 5 // -> 함수 호출 addnum : 함수이름 x, y : 매개변수(parameter) 2, 3 :..

article thumbnail
[자바스크립트] 반복문 연습문제 (짝수의 합, 구구단 출력)
Java Script 2023. 6. 5. 19:27

문제 1 1에서 10까지 수 중에서 짝수끼리의 합을 반복문으로 표현하시오. const UNTIL_NUM = 10; let sum = 0; for(let i = 0; i

article thumbnail
[자바스크립트] 반복문 제어 break, continue
Java Script 2023. 6. 4. 23:29

반복문 제어 (break, continue) break 반복문은 현재 반복문을 종료하고 그 다음 문으로 프로그램 제어를 넘긴다. 다중 반복문일 경우 가장 안쪽의 반복문을 종료한다. Label을 통하여 다중 반복문을 한번에 종료할 수 있다. let text = ""; for(let i = 0; i < 10; i++){ if(i === 3) break; text +=i; } console.log(text); //012 i가 3이 되면 반복문 종료 제어 continue 현재 또는 레이블이 지정된 반복문에서 현재 반복중인 명령문의 실행을 종료하고 반복문의 처음으로 돌아가 반복문의 다음 반복을 실행한다. let text = ""; for(let i = 0; i < 10; i++){ if(i === 3) conti..

article thumbnail
[자바스크립트] while 반복문, do while 반복문
Java Script 2023. 6. 4. 23:01

while 반복문 조건문이 참이면 코드 블록을 계속 반복 선언문과 증감문이 없음 무한 loop 수행 시에 많이 사용됨 let i = 1; while (i < 3){ console.log(i) i++; } // 1, 2 let i = 4; while (i < 3){ console.log(i) i++; } // 조건문이 false이므로 출력되지 않음 do while 반복문 일단 실행문을 수행하고 조건문 평가 결과에 따라 반복 수행 여부를 결정한다. i = 4; do{ console.log(i); i++; } while (i < 3); //4

article thumbnail
[자바스크립트] for 반복문, for in 반복문, for of 반복문
Java Script 2023. 6. 4. 20:18

for 반복문 선언문, 조건문, 증감문 형태로 이루어진 반복문이다. 조건문이 false 되면 종료한다. 선언문, 조건문, 증감문 자리에 공백 입력이 가능하다. 선언문 : 카운터 변수를 초기화 할때 사용하게 된다. 조건문 : 반복때마다 조건문이 참이라면 실행문을 실행한다. 조건문에 식을 넣지 않는 경우에는 항상 참이 된다. 조건문이 거짓이라면 for문을 종료한다. 증감문 : 매 반복 후 다음 조건문을 평가하기 이전에 발생하여 카운터 변수를 증감할때 사용된다. for(let i = 0; i