profile

코드잇

2023. 3. 27
자바스크립트 코딩 준비하기

무엇을 설치하면 되나요?

자바스크립트 코딩을 하려면 두 가지 프로그램이 필요합니다. 코드 에디터와 웹 브라우저인데요. 코드 에디터는 코드를 쉽게 작성할 수 있도록 도와주는 프로그램이고, 웹 브라우저는 자바스크립트 코드를 실행해 주는 프로그램이에요. 다양한 코드 에디터와 웹 브라우저가 있지만, VS Code 코드 에디터Chrome 웹 브라우저를 사용해 볼게요.

VS Code 설치

VS Code는 Visual Studio Code의 약자인데요. 구글에서 VS Code라고 검색해서 VS Code 공식 사이트에 들어가면 다운로드할 수 있습니다.

https://bakey-api.codeit.kr/files/3358/pINWZA?name=Untitled.png

좀 더 자세하게 설치 과정을 확인하고 싶은 분들은 다음 영상을 참고해 보세요!

VS Code 설치하기 (Windows)

VS Code 설치하기 (Mac)

Chrome 설치

구글에서 Chrome을 검색해서 구글 Chrome 공식 사이트에 들어가면 다운로드 버튼이 나옵니다. 버튼을 클릭하면 다운로드가 진행돼요.

https://bakey-api.codeit.kr/files/3357/pCQoRi?name=Untitled+1.png

코딩해 보기

VS Code와 Chrome이 모두 설치되었다면, 이제 자바스크립트 코딩을 위한 준비가 끝났습니다. 아래 영상을 따라서 한번 직접 코딩해 보세요.

자바스크립트 코딩 직접 해 보기

HTML 템플릿 코드

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Codeit JavaScript</title>
</head>
<body>
    <script src="./index.js"></script>
</body>
</html>
이 튜토리얼은 어땠나요?

(주) 코드잇

대표KANG YOUNG HOON, 이윤수

개인정보보호책임자강영훈

사업자 번호313-86-00797

통신판매업제 2019-서울중구-1034 호

주소서울특별시 중구 청계천로 100 시그니쳐타워 동관 10층 코드잇