본문 바로가기
퍼블리싱

[book]Do it 자바스크립트 입문, 책 요약

by lionbum 2022. 12. 3.

 

 

 

코딩과 프로그래밍의 차이

코딩은 소스코드를 작성하는 행위

프로그래밍 : 문제를 분석하고 논리적으로 해결할 수 있는 방법을 찾아 코딩하는 과정까지 포함하는 넓은 개념

 

 

 

자바스크립트로 할 수 있는 일은? 

- 웹사이트를  동적으로 만듬 

- 웹 브라우저에서 실행되는 프로그램을 만듬 

- 서버를 구성, 서버용 프로그램을 만들 수 있음 

(노드제이에스 자바스크립트 프레임 워크를 사용하면 서버 프로그램을 쉽게 개발 가능) 

 

 

 

자바스크립트의 특징은? 

- 모든 웹 브라우저에서 작동 

- 웹브라우저에서 실행결과를 즉시 확인 가능 

- 다양한 용도의 프로그램을 만듬

- 다양한 자바스크립트 공개 API 사용가능 

- 다양한 라이브러리와 프레임 워크 사용 

+ 라이브러리 : 제이쿼리 

+프레임워크 : 리액트, 앵귤러, 뷰 

 

 

 

자바스크립트 소스 작성 및 실행 

HTML안에 자바 스크립트 소스 작성 법 

<script> 태그는

- HTML 문서 어디에든 사용가능(주로 </body> 앞에둠) 

- 한문서 안에서 여러개 사용가능

- 삽입된 위체에서 소스 실행 

 

 

 

 

기본 함수 종류 

사용자에게 입력 값 받기 - 프롬프트 함수 

prompt(“이름을 입력하세요”);

prompt(“이름을 입력하세요”,”seo” );

-> seo =placeholder

 

알림창으로 출력 - 얼럿 함수 

alert(“welcome.”);

 

웹 브라우저 화면에 출력 

document.write();

var name = prompt(“name:”);

document.write(name + “님, 어서오세요!”)

 

콘솔에 출력

console.log();

var name = prompt(“name:”);

console.log(name + “님, 어서오세요!”)

 

 

 

 

자바스크립트 소스 작성할 때 지켜야할 규칙 

1. 대소문자 구별

- sum, Sum, SUM 모두 다르게 인식 

 

2. 읽기 쉽게 들여쓰는 습관

 

3. 세미콜론으로 문장 구분

(안써도 무방 하나, 오류가 발생 할 수 있다.)

var num1 var num2 (오류발생) →   var num1; var num2; 

 

 

4. 메모시 주석 사용 

//한줄주석 

 

/* 

여러줄 주석은  

이렇게 

*/

 

5. 식별자는 정해진 규칙을 지켜 작성한다. 

var name = prompt(“insert name”);

num1 // 영문자로 시작 

_doing // 밑줄로 시작 

checkTime //두번째 단어는 대문자로 

 

6. 예약어는 식별자로 사용 불가능 

자주 쓰는 예약어 ( javascript keyword 검색) 

 

키워드명 설명
var 변수를 지정
function 함수 객체
typeof 동적인 형 변환이므로 변수 타입을 검사
delete 객체, 객체의 속성, 배열의 특정 인덱스요소를 삭제할 때 사용
with 제어문 중 하나 반복된 제어에 사용
const 상수를 지정할 때 사용 (JScript에서 지원 안함, JavaScript1.5 이상 지원)
arguments  

 

 

goto


In


instanceof


Static


finally


arguments


public


Do


else


Const

 
Function


class*


return


let*

 
Catch


Eval


For


if


This

 
try


Break


debugger


Yield


extends*


enum*


Continue


export*


null


switch


private


New


throw


while


Case


await*


Delete


super*


default


Void


Var

 
protected

 
Package

 
Interface


False


typeof


implements


With


import*


True


`

 

 

 

 

 

 

 

변수(variable)  :  변하는 값 , year, day.. 

상수(constant)  : 항상 일정한 값 , 1,2,3.. 

 

 

변순 선언 방법 

var apple; 

var _apple;

var $apple;

문자, 밑줄, 달러기호로 시작 

 

변수 선언 규칙 

1. 이름은 의미있게 

2. 카멜기법(첫단어는 소문자, 두번째 단어는 대문자로) 

3, 선언할 수 없는 이름  ec) var 12dde;  / var .key; / var #obj; 

 

변수에 값이나 식 저장 하기 

var apple ="yummy"  //변수를 선언하면서 값을 저장 

var banana ;\

banna = "long and yummy" //변수 선언한 다음 값을 지정 

 

 

 

 

 

-------------------------------

자바 스크립트의 개념을 이해를 위해,

책의 56p까지 내용을 간략 하게 정리 

 

728x90
반응형

댓글