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

📘 2.5.1 typeof - 변수 안 보물의 정체를 알아내는 탐정도구따뜻한 봄날 오후, 교실 창가에 앉아 여러분이 그동안 만들어온 작은 데이터 상자들을 생각해봅니다. 숫자를 품은 상자, 글자를 간직한 상자, 참과 거짓을 담은 상자들까지. 저마다의 이야기를 품고 있는 이 상자들이 때로는 수수께끼 같기도 하지요.문득 이런 순간이 찾아옵니다. 상자를 바라보며 "이 안에는 무엇이 들어있을까?" 하고 궁금해하는 마음이요. 겉으로는 똑같아 보이는 상자들이지만, 그 안에는 서로 다른 종류의 소중한 것들이 숨어있답니다. 이럴 때 우리에게는 특별한 탐정 도구 typeof가 필요해요.🧠 새로운 말들과 친해지기오늘 새롭게 만날 말들을 차근차근 알아보겠습니다.어려운 말쉬운 설명typeof상자 안에 뭐가 들어있는지 알려주..

📘 2.4.2 계산해서 넣기 (+=, -=, *=, /=) - 한 번에 계산하고 저장하는 똑똑한 계산 도우미들안녕하세요, 여러분. 지난 시간에 기본 정리 도우미 =에 대해 배우면서, 값을 상자에 저장하는 방법을 익혔어요. 하지만 실제로 프로그램을 만들다 보면 같은 상자의 값을 꺼내서 계산한 후, 그 결과를 다시 같은 상자에 넣는 일이 정말 자주 일어나요. 예를 들어 게임에서 점수를 올리거나, 용돈에서 돈을 빼거나, 체력을 회복시키는 일들 말이에요. 이런 반복적인 일을 더욱 간편하고 똑똑하게 만들어주는 특별한 도우미들이 있답니다. 바로 계산 도우미들이에요.🧠 새로운 친구들과 만나보기계산해서 저장하는 일을 한 번에 해주는 똑똑한 도우미들을 소개해드릴게요.단어쉬운 설명계산 저장 도우미들계산과 저장을 동시에..

📘 2.4.1 기본 할당 (=) - 값을 상자에 넣어주는 정리 도우미안녕하세요, 여러분. 지금까지 우리는 변수라는 상자를 만드는 방법과 여러 가지 종류의 정보들에 대해 배워왔어요. 이제는 그 상자 안에 물건을 넣고, 필요할 때마다 다른 물건으로 바꾸는 방법을 자세히 알아볼 시간이에요. 바로 할당 도우미 =에 대한 이야기랍니다.여러분, 집에서 정리정돈을 할 때를 생각해보세요. "이 연필은 연필통에 넣고, 이 책은 책장에 넣어줘"라고 하면서 물건을 제자리에 넣잖아요? = 도우미가 바로 그런 일을 하는 똑똑한 친구예요.🧠 새로운 단어들과 친해지기정리 도우미 =와 관련된 중요한 단어들을 쉽게 알아보아요.단어쉬운 설명정리 도우미 (=)오른쪽에 있는 것을 왼쪽 상자에 넣어주는 똑똑한 도우미예요왼쪽= 기호의 왼쪽..

📘 2.3.3 ! - 참을 거짓으로, 거짓을 참으로 바꾸는 거울 검사관안녕하세요, 여러분. 지금까지 && 까다로운 검사관과 || 친절한 검사관을 만났었죠? 오늘은 정말 신기한 친구를 만나러 갈 거예요. 바로 ! 거울 검사관이랍니다.이 친구는 마치 거울처럼 모든 것을 정반대로 바꿔주는 신기한 능력을 가지고 있어요. 참을 거짓으로, 거짓을 참으로 만드는 특별한 일을 해요. 정말 신기하죠?여러분, 놀이공원에서 거울의 집에 가본 적 있나요? 키가 크게 보이기도 하고 작게 보이기도 하는 신기한 거울들이 있잖아요? ! 검사관이 바로 그런 거울을 가지고 있는데, 이 거울은 "참/거짓"을 반대로 보여준답니다.🧠 새로운 단어들과 친해지기우리가 만날 새로운 친구에 대해 쉽게 알아보아요. 마치 새로운 놀이 친구의 특별한..

📘 2.3.2 || - 하나만 맞아도 통과시켜주는 친절한 검사관안녕하세요, 여러분. 지난 시간에 모든 조건이 완벽해야만 통과시켜주는 까다로운 && 검사관을 만났었죠? 오늘은 정반대 성격을 가진 정말 친절한 친구를 만나러 갈 거예요. 바로 || 검사관이랍니다.이 친구는 마치 우리 할머니처럼 여러 조건 중 하나만 맞아도 기꺼이 통과시켜주는 따뜻한 마음을 가지고 있어요. "이것도 좋고, 저것도 좋고, 그것도 괜찮아!"라고 말하는 정말 관대한 성격이랍니다.여러분, 집에서 간식을 달라고 할 때를 생각해보세요. "과자나 사탕이나 아이스크림 중에 아무거나 하나만 주세요!"라고 하면, 그 중 하나만 있어도 기뻐하잖아요? || 검사관이 바로 그런 마음을 가진 친구예요.🧠 새로운 단어들과 친해지기우리가 만날 새로운 친..

📘 2.3.1 && - 모든 조건이 맞아야 통과시켜주는 까다로운 검사관안녕하세요, 여러분. 오늘 우리가 만날 친구는 참으로 신중하고 꼼꼼한 성격을 가진 && 검사관이에요. 이 친구는 마치 우리가 현장학습을 떠날 때, 모든 준비물을 하나하나 체크하시는 선생님 같은 역할을 한다고 생각해보세요.여러분도 경험해보셨겠지만, 현장학습을 가기 전에는 준비물 목록이 있죠. 체험학습비도 내야 하고, 동의서도 가져와야 하고, 도시락도 준비해야 해요. 이 모든 것이 다 갖춰져야만 버스에 탈 수 있어요. && 검사관이 바로 그런 일을 하는 친구랍니다.이 친구는 공정하고 정확해요. 모든 조건이 완벽하게 맞아떨어져야만 "좋아요, 통과!"라고 말해주거든요. 만약 하나라도 빠뜨리면 "아직 준비가 부족한 것 같아요"라고 부드럽게 알..

📘 2.2.3 ==와 === - 자바스크립트의 쌍둥이 비교 친구들지금까지 함께 걸어온 이 길에서, 우리는 값이 똑같은지 확인하는 ===와 크기를 비교하는 >, 같은 도구들을 만나보았습니다. 이제 우리 앞에는 정말 흥미로운 이야기가 놓여 있어요. 자바스크립트 세계에는 겉모습은 비슷하지만 성격이 완전히 다른 쌍둥이가 살고 있거든요.바로 ==와 ===라는 비교하는 친구들입니다!생각해보세요. 우리 주변에서도 비슷하게 생긴 쌍둥이를 본 적이 있을 거예요. 얼굴은 비슷하지만 성격은 완전히 다른 친구들처럼, 이 두 비교 도구도 정말 그렇습니다. 한 명은 관대하고 포용적이며, 다른 한 명은 정확하고 엄격하죠.오늘 우리가 만날 이 쌍둥이의 이야기는 단순히 기술적인 차이를 넘어서, 우리가 어떻게 더 안전하고 예측 가능..

먼저, 이 커리큘럼이 왜 이런 순서로 배치되었는지 조심스레 말씀드리고자 합니다.프로그래밍이라는 길을 처음 걸을 때, 한 걸음 한 걸음 땅을 디디며 걷듯, 기본부터 차분히 쌓아 올려 자연스레 다음 단계로 나아가도록 설계되었기 때문입니다.아래 각 장에서는 무엇을 배우는지, 그리고 그것을 가장 쉽게 표현해 보았습니다.천천히 마음을 열고 따라와 주시면 좋겠습니다.1. 데이터 상자 만들기 (변수 선언)이제 막 발을 내딛는 분들께, 가장 기본이 되는 ‘데이터 상자’, 즉 변수를 먼저 알려드리고자 합니다.컴퓨터 속 세상에서 무엇인가를 담고 보관하는 작은 그릇, 상자를 만든다는 것은 아주 중요한 첫걸음입니다.변수 이야기옛날 방식과 현대 방식의 상자를 소개하며, 바꿀 수 있는 상자와 변하지 않는 상자를 배웁니다.쉬운표현..

📘 2.2.2 크고 작은지 비교하기 (>, =, 지난 시간 우리가 함께 걸어온 길에서, 두 값이 똑같은지 확인하는 도구로 정확한 일치를 판단하는 방법을 배웠습니다. 이제 우리 앞에는 새로운 질문이 놓여 있어요. "어떤 것이 더 큰가?" "어떤 것이 더 작은가?" 생각해보세요. 우리 일상에서 얼마나 자주 크기를 비교하며 살아가는지를요. 아침에 일어나서 어제보다 기온이 높은지 낮은지 확인하고, 아이들이 키가 자랐는지 재어보고, 시험 점수가 목표에 도달했는지 살펴보죠. 이런 모든 순간들이 바로 크기 비교의 순간들입니다.오늘 만날 크기 비교 도구들은 이런 일상의 모든 비교 상황을 프로그래밍으로 자연스럽게 풀어낼 수 있게 도와줄 친구들입니다. 마치 공정한 저울이 정확하게 무게를 재듯이, 이 도구들은 값들의 크기..

📘 2.2.1 똑같은지 확인하기 (===, !==) - 정확하게 비교하는 도구지금까지 함께 걸어온 이 길에서, 우리는 숫자들이 담긴 상자들로 계산하는 방법을 차근차근 배워왔습니다. 이제 우리 앞에 놓인 새로운 단계는 상자들 안의 값들을 서로 비교하는 것입니다. 생각해보세요. 우리 일상에서 얼마나 자주 "이것이 저것과 같은가?"라고 묻고 있는지를요. 아침에 입을 옷을 고르며 어제 입은 것과 같은지 확인하고, 친구의 전화번호가 맞는지 확인하고, 시험 답안이 정답과 일치하는지 살펴보죠. 프로그래밍에서도 이런 비교는 마치 호흡처럼 자연스럽고 필수적인 일입니다.오늘 만날 똑같은지 확인하는 도구와 다른지 확인하는 도구는 이런 비교 작업을 정확하고 안전하게 수행할 수 있도록 도와줄 친구들입니다. 마치 섬세한 감별사..