Development/Javascript

모던 자바스크립트 입문 - Chapter 2: 프로그램 작성법과 실행 💻

madebydev 2025. 6. 18. 15:22

Chapter 1에서 JavaScript가 뭔지 알아봤으니, 이제 실제로 어떻게 코드를 작성하고 실행하는지 배워봤어요!

📖 오늘 학습한 내용

1. JavaScript 코드를 어디에 쓸까?

3가지 방법:

① HTML 파일 안에 직접 쓰기

<script>
    console.log("HTML 안에서 실행!");
</script>

② 외부 파일로 분리하기

<script src="script.js"></script>

③ 브라우저 개발자 도구 콘솔에서 바로 실행

  • F12 누르고 Console 탭에서 바로 테스트 가능!

2. 실습해본 것들

간단한 HTML 파일 만들어서 테스트:

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript 테스트</title>
</head>
<body>
    <h1>내 첫 JavaScript 페이지</h1>
    <script>
        alert("안녕하세요!");
        console.log("콘솔에 출력됩니다");
        document.write("페이지에 직접 써집니다");
    </script>
</body>
</html>

3. 코드 작성할 때 주의사항

  • 세미콜론(;) 붙이는 습관 들이기
  • 대소문자 구분 중요함 (Console과 console은 다름!)
  • 따옴표 짝 맞춰주기 ("" 또는 '')

💡 오늘 새롭게 알게 된 것

  • 기존에 공부를 해왔던게 있어서 새롭게 알게 된 부분은 아직까지는 없었어요

🤔 어려웠던 점

  • 에러가 나면 코드가 많을 경우 어디서 문제인지 찾기가 어려울 거라 생각이 드네요

🎯 다음 학습 계획

다음 포스팅에서는 변수와 값에 대해 알아보겠습니다!