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

📘 10.2.3 코드 여행길의 쉼터 만들기 - 중단점이라는 특별한 정거장혹시 긴 여행을 떠날 때, 중간중간 휴게소에서 잠깐 쉬어가며 "지금까지 얼마나 왔지? 뭘 놓친 건 없을까?" 하고 생각해본 적 있나요? 코딩의 세상에도 이런 쉼터가 필요할 때가 있어요. 우리 프로그램이 어디쯤 와 있는지, 변수들이 우리 생각대로 변하고 있는지 잠깐 멈춰서 살펴보고 싶을 때 말이에요.지난 시간에 배운 브라우저 디버거는 우리에게 코드를 천천히 들여다볼 수 있는 돋보기를 선물해주었어요. 오늘은 그 돋보기를 더욱 효과적으로 사용할 수 있게 해주는 중단점이라는 특별한 도구에 대해 이야기해보려고 해요.🧠 새로운 친구들과 인사하기오늘 새롭게 만날 단어들을 먼저 살펴볼까요?단어마음으로 이해하기중단점 (Breakpoint)코드의 ..

📘 10.2.2 브라우저 디버거 - 코드를 천천히 들여다보는 강력한 확대경안녕하세요, 여러분. 지난 시간에 우리는 console.log라는 코딩의 가장 친한 친구를 만났습니다. 마치 요리하면서 맛을 보는 것처럼, 코드의 상태를 중간중간 확인하는 방법을 배웠지요.이번 시간에는 한 단계 더 발전된 도구를 소개해드릴 겁니다. 바로 브라우저 디버거예요. 이것은 console.log보다 훨씬 더 자세하고 정밀하게 코드를 관찰할 수 있는 강력한 확대경과 같은 도구랍니다.🧠 새로운 단어들과 친해지기브라우저 디버거와 관련된 중요한 단어들을 쉽게 풀어서 설명해드리겠습니다.단어쉬운 설명브라우저 디버거웹 브라우저에 숨어있는 코드 검사 도구입니다.소스 탭 (Sources Tab)브라우저에서 자바스크립트 코드를 보고 조절할..

📘 10.2.1 console.log - 코딩의 가장 친한 친구안녕하세요, 여러분. 지난 시간까지 우리는 에러가 발생했을 때 문제를 해결하는 다양한 방법들을 배웠습니다. try...catch, finally, 그리고 에러 정보까지, 문제가 생겼을 때 현명하게 대처하는 방법들을 익혔지요. 이번 시간에는 조금 다른 각도에서 접근해볼 겁니다. 문제가 생기기 전에 미리 우리 코드가 어떻게 동작하는지 확인하는 방법, 바로 console.log에 대해 알아볼 거예요. 이것은 모든 프로그래머가 가장 많이 사용하는, 코딩의 가장 친한 친구와도 같은 존재랍니다.🧠 새로운 단어들과 친해지기console.log와 관련된 중요한 단어들을 쉽게 풀어서 설명해드리겠습니다.단어쉬운 설명console.log브라우저의 기록창에 원..

📘 10.1.3 에러 정보 - 문제를 자세히 알려주는 친절한 안내서안녕하세요, 여러분. 지난 시간에 우리는 finally를 통해 어떤 상황에서든 마무리 작업을 확실히 하는 방법을 배웠습니다. 마치 하루를 마무리하는 저녁 시간처럼, 무슨 일이 있어도 꼭 해야 할 일들을 처리하는 방법을 익혔지요. 오늘은 우리가 catch 블록에서 만나게 되는 특별한 친구, 에러 정보에 대해 자세히 알아볼 거예요. 에러 정보는 마치 문제에 대한 상세한 설명서처럼, 무엇이 잘못되었는지 친절하게 알려주는 도우미랍니다.🧠 새로운 단어들과 친해지기에러 정보와 함께 사용되는 중요한 단어들을 쉽게 풀어서 설명해드리겠습니다.단어쉬운 설명에러 정보 (Error Object)문제가 발생했을 때 그 문제에 대한 자세한 정보를 담고 있는 정..

📘 10.1.2 finally - 무슨 일이 있어도 마지막에 꼭 해야 할 일안녕하세요, 여러분. 이전 시간에 우리는 try...catch를 통해 예상치 못한 문제들을 현명하게 처리하는 방법을 배웠습니다. 마치 준비된 학생처럼 어떤 상황에도 대응할 수 있게 되었지요. 이번 시간에는 그 여행의 마지막 퍼즐 조각, finally에 대해 알아보겠습니다. finally는 "무슨 일이 있어도 마지막에는 꼭 이 일만은 해야 해!"라고 조용히 말해주는 특별한 친구랍니다. 마치 하루가 끝나면 항상 양치를 하는 것처럼, 변하지 않는 습관과도 같은 존재이지요.🧠 새로운 단어들과 친해지기finally와 함께 사용되는 중요한 용어들을 자연스럽게 익혀보겠습니다.단어쉬운 설명finallytry...catch 뒤에 붙여서 성공하..