오늘은 05 - 2장의 내용을 정리해 보자. 05 - 2장의 제목은 '함수 고급'으로, 함수를 매개변수로 전달하는 특성에 대해 자세하게 설명하고 있다. 학교 강의에서 나에게 첫 번째로 좌절을 안겨준 파트이다. 이번에는 꼭 마스터 하도록 하자! 그럼 정리 시작! (☆)콜백 함수(☆) 자바스크립트는 함수도 하나의 자료형이므로 매개변수로 전달할 수 있다. 이렇게 매개변수로 전달하는 함수를 콜백 함수 라고 한다. callThreeTimes() 함수는 함수를 매개변수로 받아 해당 함수를 3번 호출한다. callThreeTimes() 함수의 callback 매개변수에 print() 함수를 전달했다. 그리고 callThreeTimes() 함수 내부에서는 callback(i) 형태로 함수를 호출하고 있다. 따라서 매개..

보호되어 있는 글입니다.

오늘은 05 - 1장을 마무리 해보자. 05 - 1장의 뒷부분은 매개변수 응용과 전개 연산자를 사용하는 방법을 소개하고 있다. 이번 포스팅에도 중요한 내용이 등장하니 꼼꼼하게 정리하도록 하자. 그럼 정리 시작! 나머지 매개변수 직전에 배열을 매개변수로 받는 예제를 풀어보았다. 만약 배열이 아닌 여러 개의 숫자를 매개변수로 넣어 실행하고 싶다면 어떻게 해야 할까? 그럼 매개변수가 2개일 때도 있고, 3개 또는 10개일 때도 있다면 어떻게 구현해야 할까? 호출할 때 매개변수의 개수가 고정적이지 않은 함수를 가변 매개변수 함수라고 부른다. 자바스크립트에서 이러한 함수를 구현할 때는 나머지 매개변수라는 특이한 문법을 사용한다. function 함수 이름(...나머지 매개변수) {} 함수의 매개변수 앞에 마침표 ..

오늘은 05 - 1장의 내용을 정리해 보자. 05 - 1장의 제목은 '함수의 기본 형태'로, 프로그래밍 문법의 꽃 '함수'에 대해 다루고있다. 중요한 내용이니만큼 천천히 정리하도록 하자. 그럼 정리 시작! (☆)익명 함수(☆) 함수는 코드의 집합을 나타내는 자료형이며, 기본 형태는 다음과 같다. fuction () {...} 함수를 사용하면 좋은점은 다음과 같다. 반복되는 코드를 한 번만 정의해놓고 필요할 때마다 호출하므로 반복 작업을 피할 수 있다. 긴 프로그램을 기능별로 나눠 여러 함수로 나누어 작성하면 모듈화로 전체 코드의 가독성이 좋아진다. 기능별(함수별)로 수정이 가능하므로 유지보수가 쉽다 이름이 붙어있지 않은 함수를 익명함수라고 표현한다. 현재 코드에서 함수를 출력하면 f () {} 의 형태로..

어느새 3주차를 마무리하는 시점이 되었다. 하루에 5장 정도씩 보던 게 어느새 이만큼 쌓였구나 싶기도 하고 방학이 금방 흘러가고 있는 것 같아 불안한 마음도 있는 것 같다. 불안한 마음이 들 때마다 혼공단을 처음 시작할 때 보았던 문구가 떠올라 마음을 다잡게 된다. 불안이 차곡차곡 쌓이지 않게 오늘은 오늘의 불안을, 내일은 내일의 불안을 정리하자! (공부한 내용 정리는 '혼공학습단' 카테고리를 확인하시면 되겠습니다.) 기본 미션 비파괴적 처리와 파괴적 처리의 의미와 장단점 설명하기 자바스크립트는 자료 처리를 위해서 다양한 연산자, 함수, 메소드를 제공한다. 자료 처리 후 원본의 상태 변화에 따라 자료 처리 연산자, 함수, 메소드를 비파괴적 처리와 파괴적 처리로 구분할 수 있다. 비파괴적 처리와 파괴적 처..

오늘은 04 - 2장의 연습문제를 풀이해 보자. 반복문부터는 구문도 늘어나고 형태도 복잡해지기 때문에 04 - 2장의 예제를 꼼꼼하게 정리하고 넘어가도록 하자. 그럼 정리 시작! 중첩 반복문을 사용하는 피라미드 누적예제 1. 반쪽짜리 피라미드 만들기 내가 작성한 코드 자바스크립트에서 * 연산자는 다른 언어처럼 문자를 반복하는데 사용하는게 아니라 곱셈에 사용된다. 그렇기 때문에 console.log('*' * i) 이런식으로 코드를 작성하면 NaN이라는 오류가 발생한다. 자바스크립트에서 반복되는 문자로 문자열을 생성하려면 'repeat()' 메소드를 사용할 수 있다. 다만, 이와 같은 풀이법은 console.log를 여러번 사용하기 때문에 한번에 출력되지 않고 여러번에 나눠서 출력된다. 경우에 따라 오답으..