초중고등학생 자바스크립트 교재

📘 6.2.1 클로저가 뭐예요? - 기억하는 특별한 함수지난 시간까지 우리는 범위의 연결고리와 변수를 찾아가는 조용한 규칙들을 배웠습니다. 자바스크립트가 마치 세심한 탐정처럼 체계적으로 변수를 찾아가는 과정을 함께 따라갔죠.오늘은 이런 범위의 힘을 바탕으로 한 정말 신기하고 특별한 개념을 만나보겠습니다. 바로 클로저라는 것인데요, 이는 함수가 마치 오래된 나무처럼 자신의 환경을 깊이 기억하는 놀라운 능력입니다. 함께 이 흥미로운 여행을 떠나보겠습니다.🧠 새로운 단어들과 친해지기클로저를 이해하는 데 도움이 되는 단어들을 알아보겠습니다.단어의미클로저 (closure)함수가 자신이 만들어진 환경을 기억하는 특별한 능력입니다. 마치 소중한 기억을 간직하는 것과 같습니다.환경함수가 만들어질 때의 주변 상황과 ..

📘 6.1.2 변수 찾기 규칙 - 변수를 찾아가는 조용한 방법지난 시간에 우리는 스코프 체인이라는 흥미로운 개념을 배웠습니다. 마치 학교에서 물건을 찾거나 아파트에서 필요한 것을 찾는 것처럼, 자바스크립트가 변수를 찾아가는 순서가 있다는 것을 알게 되었죠.오늘은 이런 스코프 체인을 바탕으로 변수 찾기 규칙에 대해 더 자세히 알아보겠습니다. 마치 조용한 숨바꼭질 게임을 하는 것처럼, 변수들이 어디에 숨어있는지 찾아가는 과정을 함께 따라가 보겠습니다.🧠 새로운 단어들과 친해지기변수 찾기 규칙을 이해하는 데 도움이 되는 단어들을 알아보겠습니다.단어의미변수 찾기변수 이름을 보고 실제 값이 어디에 있는지 찾아가는 과정입니다. 마치 숨바꼭질 게임과 같습니다.찾기 순서변수를 찾을 때 거쳐가는 장소들의 순서를 의미..

📘 6.1.1 스코프 체인 - 변수를 찾아가는 조용한 여행함수를 배우고 나면, 우리는 문득 이런 경험을 하게 됩니다. 함수 안에서 변수를 부르는데, 그 변수가 어디서 오는지 궁금해집니다. 마치 어둠 속에서 누군가의 목소리를 듣고, 그 목소리의 주인을 찾아가는 것처럼 말이죠.오늘 우리가 만날 스코프 체인은 바로 그런 여행과 같습니다. 변수를 찾아가는 자바스크립트의 조용하고도 체계적인 여행을 함께 따라가 보겠습니다.🧠 새로운 단어들과 친해지기우리가 함께 알아갈 단어들은 이렇습니다.단어의미스코프 체인변수를 찾을 때 거쳐가는 길입니다. 보물찾기에서 단서를 하나씩 따라가는 것과 같습니다.범위변수를 사용할 수 있는 구역을 말합니다.바깥 범위현재 있는 곳보다 더 넓은 곳을 말합니다.변수 가리기같은 이름의 변수가 ..

📘 5.3.3 중첩 함수 만들기 - 함수 안의 함수지난 시간의 기억이 아직 선명하게 남아있나요? 우리는 함께 호이스팅이라는 신기한 현상을 탐험했어요. 오늘은 정말 유용하고 아름다운 새로운 기능을 만나볼 거예요. 바로 중첩 함수라는 특별한 개념입니다.마치 서랍장 안에 작은 서랍들이 차례로 들어있는 것처럼, 함수 안에 또 다른 함수를 넣을 수 있다는 사실을 알게 되면, 여러분도 "와, 정말 편리해!"라고 감탄하게 될 거예요.🧠 새로운 단어들과 친해지기중첩 함수를 배우기 전에, 그 언어들과 먼저 친숙해져보겠어요.단어쉬운 설명중첩 함수함수 안에 또 다른 함수를 넣어서 만드는 특별한 구조예요.바깥쪽 함수다른 함수를 품고 있는 큰 함수를 말해요.안쪽 함수바깥쪽 함수 안에 들어있는 작은 함수를 말해요.사용 범위변..

📘 5.3.2 호이스팅 현상 이해하기 - 미리 사용할 수 있는 신기한 특징지난 시간의 기억이 아직 따뜻하게 남아있나요? 우리는 함께 지역변수와 전역변수에 대해 이야기를 나누었어요. 오늘은 자바스크립트의 신기한 특징 중 하나인 호이스팅에 대해 가볍게 살펴보려 해요.호이스팅은 마치 미리 준비된 계획표처럼, 아직 만들지도 않은 함수를 먼저 사용할 수 있게 해주는 특별한 기능이에요.🧠 새로운 단어들과 친해지기새로운 개념을 배우기 전에, 그 언어들과 먼저 친숙해져보겠어요.단어쉬운 설명호이스팅함수를 선언하기 전에 미리 사용할 수 있게 해주는 자바스크립트의 특별한 기능이에요.방법1 (기본 방법)function 키워드로 만드는 함수로, 호이스팅이 잘 작동해요.방법2 (변수 방법)변수에 함수를 담는 방식으로, 호이스..

📘 5.3.1 지역변수와 전역변수 - 우리 집과 내 방지난 시간의 여운이 아직 마음에 남아있나요? 우리는 함께 화살표 함수의 this에 대해 이야기를 나누었어요. 오늘은 변수가 사용될 수 있는 범위에 대해 살펴보려 해요. 바로 지역변수와 전역변수라는 흥미로운 개념입니다.이것은 마치 우리 집의 거실과 내 방처럼, 변수마다 사용할 수 있는 공간이 각각 다르다는 아름다운 개념이에요.🧠 새로운 단어들과 친해지기새로운 개념을 배우기 전에, 그 언어들과 먼저 친숙해져보겠어요.단어쉬운 설명전역변수프로그램 어디서든 사용할 수 있는 변수예요. 마치 거실의 TV처럼 온 가족이 쓸 수 있어요.지역변수특정 함수 안에서만 사용할 수 있는 변수예요. 마치 내 방의 장난감처럼 내 방에서만 쓸 수 있어요.사용 범위변수가 사용될 ..

📘 5.2.2 this와의 차이점 이해하기 - 화살표 함수의 특별한 점지난 시간의 기억이 아직 선명하게 남아있나요? 우리는 함께 화살표 함수의 기본 문법을 배웠어요. 오늘은 화살표 함수의 특별한 특징에 대해 가볍게 살펴보려 해요.아직 this라는 개념이 어려울 수 있지만, 화살표 함수와 기존 함수가 조금 다르게 동작한다는 것만 기억해두시면 됩니다.🧠 새로운 단어들과 친해지기새로운 개념을 배우기 전에, 그 언어들과 먼저 친숙해져보겠어요.단어쉬운 설명this함수에서 "나"를 가리키는 특별한 키워드예요.정보 묶음여러 정보를 하나로 묶어놓은 꾸러미예요.메서드정보 묶음 안에 들어있는 함수를 말해요.동작 방식함수가 어떻게 작동하는지를 말해요.예를 들어 거울을 생각해보세요. 거울 앞에 서서 "나"라고 하면 거울 ..

📘 5.2.1 기본 문법 익히기 - 화살표 함수로 간단하게지난 시간의 기억들이 아직 따뜻하게 남아있나요? 우리는 함께 return으로 함수의 결과를 받는 방법을 배웠어요. 오늘은 정말 특별하고 신기한 함수 만들기 방법을 탐험해보려 해요. 바로 화살표 함수예요.이것은 마치 긴 문장을 줄임말로 쓰는 것처럼, 함수를 더 짧고 간결하게 만드는 아름다운 방법이에요.🧠 새로운 단어들과 친해지기새로운 문법을 배우기 전에, 그 언어들과 먼저 친숙해져보겠어요.단어쉬운 설명화살표 함수=> 기호를 사용해서 만드는 간단한 함수예요.받을 값함수가 받아서 사용할 입력값의 이름이에요.화살표 (=>)함수를 만들 때 사용하는 특별한 기호예요.중괄호 생략함수 내용이 한 줄일 때 { }를 안 써도 되는 것이에요.예를 들어 화살표를 생..

📘 5.1.3 return으로 결과 돌려주기 - 함수의 답변 받기지난 시간의 여운이 아직 마음에 남아있나요? 우리는 함께 함수에 기본값을 주는 따뜻한 방법을 배웠어요. 오늘은 함수에서 가장 중요한 기능 중 하나인 return에 대해 이야기해보려 해요.return은 마치 선생님에게 질문하고 답을 받는 것처럼, 함수에게 일을 맡기고 그 결과를 고스란히 돌려받는 아름다운 방법이에요.🧠 새로운 단어들과 친해지기새로운 개념과 만나기 전에, 그 언어들과 먼저 인사를 나눠보겠어요.단어쉬운 설명return함수가 계산한 결과를 돌려주는 특별한 명령어예요.돌려주는 값함수가 return으로 돌려주는 값을 말해요.일하기만 하는 함수return 없이 일만 하고 끝나는 함수예요.함수 호출함수를 실행시키는 것을 말해요.종료함수..

📘 5.1.2 기본값 설정하기 - 함수에 기본값 주기이전 시간의 기억들이 여러분 마음에 아직 생생하게 남아있나요? 우리는 함께 함수를 만드는 두 가지 방법을 배웠어요. 오늘은 함수를 더욱 똑똑하고 안전하게 만드는 특별한 기법을 배워보려 해요. 바로 기본값이에요.이것은 마치 레스토랑의 정성스러운 기본 메뉴처럼, 손님이 특별히 주문하지 않아도 자연스럽게 제공되는 따뜻한 서비스와 같아요.🧠 새로운 단어들과 친해지기새로운 개념을 배우기 전에, 그 언어와 먼저 친숙해지는 것이 좋겠어요.단어쉬운 설명기본값함수를 호출할 때 값을 안 주면 자동으로 사용되는 값이에요.받을 값함수가 받아서 사용할 입력값의 이름이에요.전달값함수를 호출할 때 실제로 전달하는 값이에요.undefined값이 정해지지 않은 상태를 나타내요.예..