본문 바로가기

Web dev/Javascript14

자바스크립트 14 ES6 문법-spread/rest 문법 1. spread 문법 (전개 구문) -> 함수 호출, 배열 리터럴과 문자열, 객체 리터럴 : 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소를 넣을 때에 사용함 function sum(x,y,z) { return x+y+z; } const numbers = [1,2,3]; sum(...numbers) // 6 // sum(1,2,3)과 동일함 2. rest 문법 (나머지 매개변수) -> 함수의 마지막 매개변수 앞에 ...를 붙이면, 모든 후속 매개변수를 배열에 넣도록 지정함. 마지막 매개변수만 나머지 매개변수로 설정할 수 있음. -> Array 인스턴스이므로, sort, map, forEach, pop 등의 메서드를 직접 적용할 수 있음. -> .length 속성도 사용 가능함. : .. 2023. 1. 11.
자바스크립트 13 재귀함수 재귀: 원래의 자리로 되돌아가거나 되돌아옴 => 재귀 함수 = 자기 자신을 호출하는 함수 재귀로 문제 해결하기 1. 문제를 좀 더 작게 쪼개기 2. 문제가 더는 작아지지 않을 때까지, 가장 작은 단위로 문제를 쪼개기 3. 가장 작은 단위의 문제를 풂으로써 전체 문제를 해결하기 -> 자연수로 이루어진 배열에서, 해당 값들의 합을 리턴하는 함수 arrSum을 재귀로 구현해보면 다음과 같은 사고 과정을 통해 이루어진다. 1. 문제를 좀 더 작게 쪼개기 [1, 2, 3, 4, 5] 의 합을 구한다고 생각해보자. = 1 + [2, 3, 4, 5] = 1 + 2 + [3, 4, 5] = 1 + 2 + 3 + [4, 5] = 1 + 2 + 3 + 4 + [5] 이렇게 쪼개볼 수 있다. 2. 문제를 가장 작은 단위로 .. 2022. 12. 15.
자바스크립트 12 this, call, apply, bind 1. 현재의 무드: 처음으로 스터디원분을 오프라인으로 만나서 카공을 했다! 연예인 실물로 본 느낌 ㅋㅋㅋㅋ 그리고 같이 온라인으로 열심히 하던 분이랑 만나서 그런지 주말인데 의욕이 뿜뿜 그리고 붙캠 시작하고 section 1 동안은 mdn만 읽고도 어느 정도 궁금증이 해결되는 경우가 많아서 이외의 매체를 이용하는 일이 드물었다. 하지만 section 2 시작하고부터는 모르는 개념이 대거 등장하는 바람에... 문서 읽으면 머리가 어질어질한 경우가 많아서 프로그래밍 언어에 대한 짧은 강의를 오려주는 유툽 강의를 많이 활용하게 되었는데, 모르는 개념을 처음 접해보고 기초적인 내용을 이해하는데에 많은 도움을 받고 있다. 2. 오늘 학습한 내용 중 키워드: this, call, apply, bind 3. 오늘 학.. 2022. 11. 26.
자바스크립트 11 프로토타입, 클래스, 프로토타입 체인 1. 현재의 무드: 단일 맥북 모니터로 쓰다가 아이패드 사이드카 기능이 생각나서 세미듀얼(?) 모니터로 바꿨더니 넘-나 편안. 덕분에 앞으로 카공 안가고 집공모드로 당분간 유지할 듯하다 ㅎㅎ 페어분에게 엄청난 칭찬을 들어서 공부할 의욕이 샘솟는다! 칭찬은 나를 춤추게 해~ 2. 오늘 학습한 내용 중 키워드: 프로토타입, .prototype, .__proto__, 클래스, 인스턴스, 프로토타입 체인, Object 3. 오늘 학습한 내용 요약 프로토타입 대장정 완료! 어제까지만 해도 잘 이해되지 않았었는데, 오늘 프로토타입 체인까지 학습을 마치고 과제까지 풀어보니 훨씬 더 명확히 이해가 되었다. https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/.. 2022. 11. 21.