Hell路 World 삐약-
Do it 자바스크립트 1. 프론트엔드 개발, 단어의 뜻과 사용 기초 본문
728x90
출처 : Do it 자바스크립트 + 제이쿼리 입문(이지스퍼블리싱)
HTML, CSS, 자바스크립트, 제이쿼리 등을 이용해
사용자(사이트 방문자)의 눈에 보이는 부분까지 개발하는 것을 프런트엔드 개발이라 부릅니다.
▶ API?
Application Programming Interface의 약자로, HTML에서 제공하는 기능(함수)의 모임이라고 생각하면 됩니다. 이 API들은 자바스크립트 언어를 기반으로 제작되었으며, 이를 사용하기 위해서는 자바스크립트를 반드시 알아야 합니다.
최근에는 제이쿼리Jquery, 앵귤러(Angular)JS, 리액트(React)JS, 노드(Node)JS, 폰갭(PhoneGap) 등 자바스크립트로 제작된 다양한 라이브러리가 등장했습니다.
*라이브러리는 자바스크립트 언어로 만든 프로그램이나 기능을 모아둔 것입니다.
디버깅Debugging이 뭔가요?
프로그래머가 실수로 잘못 코딩한 프로그램을 실행하면 오류(error)가 발생합니다. 이런 현상을 버그(bug)라 부르고 이런 버그를 검사하고 수정하는 작업을 디버깅(debugging)이라 합니다.
※ 추천 에디터
비쥬얼 스튜디오 코드(VScode), 브라켓(Brackets)
(이 외에도 책에서는 서브라임텍스트, 아톰 등 여러가지 에디터를 추천해줬는데 위 두개가 확장프로그램도 편리한게 많고 가독성이 좋아서 가장 쓸만한 것 같다.)
▶ 자바스크립트 선언
자바스크립트는 아래와 같이 보통 html <head>태그 내부에 삽입하고, 해당 페이지에 바로 작성하는 내부스크립트 또는 따로 파일을 분리하는 외부스크립트로 사용할 수 있다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>자바스크립트 기초</title>
<!-- 내부 스크립트-->
<script>
alert("경고창입니다");
document.write("안녕하세요");
</script>
<!-- 외부 스크립트-->
<script src="js/layout.js"></script>
</head>
<body>
</body>
</html>
▶ 주석처리
자바스크립트에서 한줄 주석은 //
여러줄 주석은 /* blahblah~~~ */로 처리한다.
728x90
'자바스크립트' 카테고리의 다른 글
| Do it 자바스크립트 4-2. 배열 객체와 자주쓰는 메서드. 배열함수 (0) | 2021.07.15 |
|---|---|
| Do it 자바스크립트 4-1. 객체. 자주쓰는 내장객체 Date(), Math() (0) | 2021.07.13 |
| Do it 자바스크립트 3. 제어문. 조건문if, 선택문switch-case, 반복문for, while. 백텍, 백틱`으로 출력하기 (0) | 2021.06.10 |
| Do it 자바스크립트 2-2. 연산자. 코딩테스트, 면접 단골 질문 tip (0) | 2021.05.26 |
| Do it 자바스크립트 2. 변수(var, let)와 상수(const). 호이스팅, 스코프scope by얄코 (0) | 2021.05.23 |
'자바스크립트' Related Articles
more
Comments