어느새 반환점을 돌아 4주차를 마무리하는 시점이 되었다. 이번주차에는 익명 함수, 화살표 함수, 고차 함수 등 중요한 내용이 많이 등장했는데 미션을 진행하면서 잘 소화해보자. (공부한 내용 정리는 '혼공학습단' 카테고리를 확인하시면 되겠습니다.) 기본 미션 p.202 예제를 실행하여 2022년이 윤년인지 확인하는 결과 인증하기 논리 연산자 사용이 익숙하지 않아 if 조건문을 사용했다. 코드가 지저분하다. DOCTYPE html> Document function isLeapYear(year) { if (year % 4 === 0) { if (year % 100 === 0) { if (year % 400 === 0) return true else return false } else return true } ..

오늘은 05 - 2장의 내용을 마무리 하자. 05 - 2장의 뒷부분에는 실무에서 다룰만한 코드, 익명함수와 선언적 함수의 차이에 대해 다루고 있다. 생소한 부분이지만 알아두면 좋을 것 같다. 그럼 정리 시작! 즉시 호출 함수 다음과 같이 익명 함수를 생성하고 곧바로 즉시 호출하는 패턴을 많이 볼 수 있다. (function () {}) () 여러 웹 사이트의 자바스크립트 코드를 살펴보면 HTML 페이지 내부에서 script 태그를 여러개 사용하고 코드를 입력한다. 이렇게 코드가 여러곳에서 사용되면 변수 이름이 충돌할 가능성이 높다. DOCTYPE html> Document let pi = 3.14 console.log(`파이값은 {pi} 입니다.`) let pi = 3.141592 console.log(..

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