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

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

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

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

📘 8.2.2 목록 안에 정보 상자 넣기 - 여러 친구들의 정보 카드 정리하기여러분과 함께 하는 이 시간이 또 다른 깨달음의 순간이 되기를 바랍니다. 지난 시간에 우리는 한 상자 안에 여러 개의 보물 목록을 넣는 방법을 배웠습니다. 이번에는 반대로 여러 개의 정보 상자들을 줄세워서 관리하는 방법을 배울 것입니다.마치 우리 반 친구들의 정보 카드를 순서대로 정리해서 책으로 만드는 것과 같습니다. 각 카드(정보 상자)에는 친구의 이름, 나이, 취미 등이 적혀있고, 이 카드들을 순서대로 모아놓은 것(목록)이 우리의 친구 명단이 되는 것이지요.🧠 먼저 용어를 알아볼까요?목록 안의 정보 상자를 이해하기 위해 필요한 용어들을 마음에 담아보겠습니다.용어의미카드 목록목록의 각 칸에 정보 카드(정보 상자)가 들어있는..

📘 8.2.1 정보 상자 안에 목록 넣기 - 체계적인 정보 관리하기참으로 아름다운 것은 질서입니다. 지금까지 우리는 정보 상자(객체)라는 보물상자에 여러 가지 보물들을 넣는 방법을 배웠습니다. 그런데 이번에는 더 특별한 것을 배울 것입니다. 바로 하나의 상자 안에 여러 개의 보물 목록을 넣는 방법 말이지요. 예를 들어, 학생의 정보 상자에 이름과 나이뿐만 아니라 취미 목록, 좋아하는 음식 목록 같은 여러 개의 항목들을 함께 보관하는 것입니다. 마치 보물상자 안에 작은 보석함들이 들어있는 것과 같습니다.🧠 먼저 용어를 알아볼까요?정보 상자 안의 목록을 이해하기 위해 필요한 용어들을 마음에 담아보겠습니다.용어의미상자 안의 목록정보 상자 속성에 목록이 들어있는 구조점과 대괄호 접근정보상자.속성[번호] 형태..

📘 8.1.4 메서드 정의하기 - 객체에게 특별한 능력 부여하기오늘은 참으로 특별한 시간입니다. 지금까지 우리는 객체라는 정보의 보물함에 여러 가지 보물들을 넣고 꺼내는 방법을 배웠습니다. 하지만 이제는 정말 신기한 것을 배울 것입니다. 바로 객체가 스스로 행동할 수 있는 특별한 능력을 주는 방법 말이지요.이를 메서드(Method)라고 부르는데, 마치 우리가 생각하고 말하고 행동할 수 있는 것처럼, 객체도 자신만의 특별한 행동들을 할 수 있게 되는 것입니다. 정말 경이로운 일이지요.🧠 새로운 단어들과 친해지기객체에게 특별한 능력을 주기 위해 필요한 새로운 단어들을 마음에 담아보겠습니다.단어쉬운 설명메서드객체 안에 들어있는 특별한 능력이나 기능입니다. 객체가 할 수 있는 행동이지요함수특정한 일을 하는 ..

📘 8.1.3 점 표기법 vs 대괄호 표기법 - 두 가지 접근 방법의 차이점여러분과 함께 하는 이 시간이 참 소중합니다. 지난 시간에 우리는 객체라는 정보의 집에서 데이터를 찾아내는 두 가지 방법을 익혔습니다. 하나는 점(.)을 사용하는 길이었고, 다른 하나는 대괄호[]를 사용하는 길이었지요.그런데 이제 여러분의 마음에 하나의 질문이 생겼을 것입니다. "언제 어떤 길을 선택해야 할까요?" 오늘은 이 두 방법의 깊은 차이점과 각각이 가진 특별한 힘을 이해해보겠습니다. 마치 같은 목적지로 가는 두 개의 다른 길이 있을 때, 어떤 길이 더 적합한지 알아가는 것처럼 말이지요.🧠 새로운 용어들과 친해지기두 가지 접근 방법을 깊이 이해하기 위해, 먼저 새로운 용어들을 살펴보겠습니다.용어쉬운 설명점 표기법점(.)..

📘 8.1.2 속성 접근하고 삭제하기 - 정보 상자 속 데이터 다루기어느 조용한 저녁, 오래된 보석함을 열어보는 순간을 상상해보세요. 보석함 안에는 목걸이, 반지, 귀걸이가 각각의 작은 칸에 정리되어 있어요. 우리는 그 중에서 오늘 입을 옷에 어울리는 반지 하나를 조심스럽게 꺼내고, 더 이상 착용하지 않는 낡은 목걸이는 정리해서 다른 곳으로 옮겨놓죠.지난 시간에 우리는 객체라는 신비로운 정보 저장소를 만드는 방법을 배웠어요. 저장소 안에 이름, 나이, 색깔 같은 여러 가지 정보들을 정성스럽게 넣어두었죠. 오늘은 그 정보 저장소에서 데이터를 꺼내고, 새로운 데이터를 넣고, 필요 없는 데이터는 정리하는 방법을 배워볼 거예요.🧠 새로운 용어들과 친해지기새로운 개념과 만날 때마다 그 개념이 품고 있는 단어들..

📘 8.1.1 정보 꾸러미 만들기 - 객체 리터럴어느 오후, 오래된 서랍을 정리하다가 어린 시절의 친구들과 주고받은 편지들을 발견했어요. 각 편지 봉투에는 보낸 사람의 이름, 받는 사람의 이름, 날짜가 적혀 있었죠. 단순히 "철수", "12살", "축구"라고 나열된 것이 아니라, "보낸 사람: 철수", "나이: 12살", "취미: 축구"처럼 각각의 정보가 무엇을 의미하는지 알 수 있게 정리되어 있었어요.우리가 지금까지 배운 배열은 순서가 중요한 목록들을 다루는 데 완벽했어요. 하지만 때로는 순서보다 이름이 더 중요한 정보들이 있어요. 친구의 이름, 나이, 좋아하는 색깔 같은 것들을 의미 있는 이름으로 정리하고 싶을 때가 있죠. 바로 그런 순간을 위해 객체(Object)라는 새로운 방법이 우리 곁에 있어..