IT/ClientSide

[NomadCoder] Making Momentum with JavaScript 3. intro 끝

안선생 Dr.Ahn 2023. 7. 1. 21:03
728x90
반응형

index.html

1) 헤더 밑부분, 타이틀 위에 link로 rel은 stylesheet, href는 style.css 로 적어줌.

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>MOMENTUM</title>
</head>

- 그리고 index.html 파일을 브라우저로 열어보면! css 파일에 작성한 것 처럼 배경색이 바뀌어 있다.

- 다만 일반적으로 js 파일은 위가 아니라 끝에서 작성된다.

2) body 에 <script> 태그로 src = js파일이라고 가져온다.

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

- 다시 index.html 파일을 저장 후 브라우저에서 새로고침하면! 우리가 js 파일에서 작성하였듯이 알림창이 뜬다.

- 앞으로 우리는 이 js 파일을 주로 수정할 예정이고, 브라우저를 새로고침하며 수정한 내용을 확인할 것인데, 잘못 작성된 코드가 있다면 브라우저에서 확인할 수 있다.

브라우저 개발자 도구의 Element는 CSS 내용을 볼 수 있고, Console은 JS 파일을 보여주어, 제대로 실행되었지만 잘못 작성된 코드도 확인이 가능하다.

콘솔(js) 에서 데이터 타입 이것저것 알려줌 (이건 패스)

알고싶으신 분들은

https://nomadcoders.co/javascript-for-beginners/lectures/2874

 

All Courses – 노마드 코더 Nomad Coders

초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요!

nomadcoders.co

여기서 들으세요

 

다음부터 js 함수 나오는 것 같아서 여기까지.

728x90
반응형