반응형
Javascript의 특징
- HTML, CSS와 함께 사용하여 client side 웹 프로그램 작성
- 웹 브라우저에서 바로 실행 가능
실습:
index.html
<html>
<head>
<meta charset="utf-8">
<script src="lecture01.js"></script>
</head>
<body>
This is basic HTML body.
</body>
</html>lecture01.js
alert("Hello JS!");
프론트엔드 웹 개발이란
Front-end web programming이란 웹사이트를 구성할 때 가장 바깥쪽에서 보이는 부분을 만드는 일. 간단한 예를 들자면 로그인 실패 시 '비밀번호가 일치하지 않습니다'와 같은 팝업을 보여줄지 등의 결정한다. 차의 브레이크 페달과 악셀 페달이 front-end라면 엔진과 브레이크는 back-end이다.
개발자 도구 (Developer Console)
- console 탭에서 log 확인 가능
- >직접 명령어 입력 실행 가능, <결과 바로 확인 가능
console.log 명령어
- console.log 뒤에 따라오는 괄호 안에 들어있는 메시지를 콘솔창에 출력하는 명령어
실습:
lecture02.js
console.log("Hello developer console!");
console.log("2");
console.log("3");
아래 강의를 수강하며 개인적으로 공부하며 정리한 글입니다.
https://programmers.co.kr/learn/courses/3
Hello, JavaScript: 자바스크립트 입문 | 프로그래머스
## Hello, JavaScript! 관련 키워드: JavaScriptHTMLCSS웹프론트엔드입문문법 * 자바스크립트와 처음 만나는 분들을 위한 강의! * 부담가질 것 없이, 하루 최소 20분씩만 짬내도 배울 수 있는 강의!(약 7일 소요) * 지금 켜둔 이 브라우저 창에서 그대로 실습해보는 강의! 도서와 함께 들으면 참 좋은 강의 이 강의는 길벗출판사의 'Try! Helloworld 자바스크립트' 도서와 연계하여 제작되었습니다. 여기를
programmers.co.kr
반응형
'Programming > JavaScript' 카테고리의 다른 글
| [JavaScript] Hello, JavaScript: 자바스크립트 입문 파트6. 배열 (0) | 2019.12.15 |
|---|---|
| [JavaScript] Hello, JavaScript: 자바스크립트 입문 파트5. String (0) | 2019.12.15 |
| [JavaScript] Hello, JavaScript: 자바스크립트 입문 파트4. 연산자와 함수 (0) | 2019.12.15 |
| [JavaScript] Hello, JavaScript: 자바스크립트 입문 파트3. 자료형 (0) | 2019.12.14 |
| [JavaScript] Hello, JavaScript: 자바스크립트 입문 파트2. 변수 (0) | 2019.12.14 |
댓글