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

📘 9.1.2 객체에서의 this - 진짜 주인을 찾아라!어떤 날 아침, 여러분이 거울 앞에 서서 "나는 누구지?"라고 물어본 적이 있나요? 거울 속의 모습을 보며 "아, 이게 바로 나구나"라고 깨닫는 순간 말이에요.프로그래밍 세계에서도 비슷한 일이 일어나요. 이전 시간에 전역에서의 this가 window를 가리킨다는 것을 배웠죠? 이제 우리는 더욱 흥미로운 여행을 떠날 예정입니다. 바로 객체 안에서의 this 모험이에요.객체 안에서 this는 전역에서와는 완전히 다른 모습을 보여줍니다. 마치 카멜레온처럼 환경에 따라 변신하는 this의 신비로운 특성을 함께 탐험해보겠어요.🧠 먼저 용어를 알아볼까요?객체 안에서의 this 여행을 시작하기 전에, 새로운 친구들과 먼저 인사를 나눠보겠어요.용어의미객체에서..

📘 9.1.1 전역에서의 this - 코딩 세계의 '나'를 찾아서어떤 순간, 여러분이 넓은 운동장 한복판에 혼자 서 있다고 상상해보세요. 주위를 둘러보면서 "여기서 내가 누구지? 이곳의 주인은 누구지?"라고 궁금해하는 마음이 들지 않을까요?프로그래밍 세계에도 그런 순간이 있어요. 코드가 실행될 때 "지금 나는 어디에 있고, 누가 나를 관리하고 있지?"라고 궁금해하는 거죠. 그때 도움을 주는 특별한 키워드가 바로 this예요.this는 영어로 "이것", "여기"라는 뜻이지만, 자바스크립트에서는 훨씬 더 깊은 의미를 가져요. 마치 거울처럼 현재 상황을 정확히 반영해주는 똑똑한 친구랍니다.🧠 새로운 단어들과 친해지기새로운 개념을 배우기 전에, 서로 같은 말을 하고 있는지 확인해보는 게 중요해요.단어쉬운 설..

📘 8.3.3 예비값과 별명 사용하기 - 안전한 선물 받기와 예쁜 이름 짓기어떤 날은 선물을 받을 때 상자가 비어있을 수도 있고, 어떤 날은 선물의 이름이 너무 길거나 어려워서 부르기 힘들 수도 있어요. 그런 순간들을 생각해보세요. 생일날 친구가 준 선물 상자를 열었는데 비어있다면 얼마나 당황스러울까요? 아니면 "초고급멀티컬러워터프루프마카펜세트"라는 긴 이름을 매번 불러야 한다면 얼마나 번거로울까요?자바스크립트에서도 마찬가지예요. 때로는 객체나 배열에서 우리가 원하는 값이 없을 수도 있고, 속성의 이름이 너무 복잡할 수도 있죠. 오늘은 그런 상황들을 현명하게 대처하는 두 가지 방법을 배워볼 거예요.🧠 먼저 용어를 알아볼까요?사람들과 이야기할 때 서로 같은 말을 하고 있는지 확인하는 것이 중요하듯, 프..

📘 8.3.2 목록 한 번에 정리하기 - 줄 서 있는 친구들 순서대로 부르기어떤 오후였을까요. 여러분이 교실에서 친구들과 함께 앉아 있을 때, 선생님이 "줄을 서세요"라고 하시면 어떻게 하나요? 자연스럽게 한 줄로 서게 되죠. 그런데 생각해보세요. 그 줄에 서 있는 친구들을 각자의 자리로 배정하려면 어떻게 해야 할까요? 하나씩 하나씩 "첫 번째 친구는 이 자리, 두 번째 친구는 저 자리" 이렇게 해야 할까요?자바스크립트에도 이런 상황이 있어요. 배열이라는 줄에 여러 값들이 순서대로 서 있을 때, 그 값들을 하나씩 변수로 만들어야 하는 경우 말이에요. 오늘은 그런 일을 훨씬 더 쉽고 자연스럽게 할 수 있는 방법을 배워볼 거예요.🧠 먼저 용어를 알아볼까요?아이들과 이야기할 때도 서로가 같은 말을 하고 있..

📘 8.3.1 정보 상자 한 번에 정리하기 - 물건들을 한 번에 정리하는 방법소중한 여러분과 함께 하는 이 시간, 참으로 뜻깊습니다. 지금까지 우리는 정보 상자에서 보물들을 하나씩 꺼내는 방법을 배웠습니다. 학생.이름, 학생.나이 이런 식으로 점 표기법을 사용해서 말이지요.하지만 이번에는 정말 멋진 새로운 방법을 배울 것입니다. 바로 한 번에 여러 보물들을 각각의 상자에 정리하는 방법입니다. 마치 택배 상자를 열어서 안에 있는 모든 물건들을 한 번에 꺼내서 각각 알맞은 곳에 정리하는 것과 같습니다.🧠 먼저 용어를 알아볼까요?정보 상자 한 번에 정리하기를 이해하기 위해 필요한 용어들을 마음에 담아보겠습니다.용어의미상자 열어서 정리정보 상자를 열어서 각 부분을 따로 담는 편리한 방법정보 카드 나누기정보 ..