코딩과 프로그래밍의 차이
코딩은 소스코드를 작성하는 행위
프로그래밍 : 문제를 분석하고 논리적으로 해결할 수 있는 방법을 찾아 코딩하는 과정까지 포함하는 넓은 개념
자바스크립트로 할 수 있는 일은?
- 웹사이트를 동적으로 만듬
- 웹 브라우저에서 실행되는 프로그램을 만듬
- 서버를 구성, 서버용 프로그램을 만들 수 있음
(노드제이에스 자바스크립트 프레임 워크를 사용하면 서버 프로그램을 쉽게 개발 가능)
자바스크립트의 특징은?
- 모든 웹 브라우저에서 작동
- 웹브라우저에서 실행결과를 즉시 확인 가능
- 다양한 용도의 프로그램을 만듬
- 다양한 자바스크립트 공개 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까지 내용을 간략 하게 정리
'퍼블리싱' 카테고리의 다른 글
모바일 가로(수평) 스크롤 제거 하기 (0) | 2022.12.08 |
---|---|
[노션] 아이프레임으로 노션 넣기 (1) | 2022.12.06 |
패럴렉스 parallax-scroll 플러그인 (0) | 2022.11.16 |
[css 활용] 하이라이터, 형광펜 효과 주기 (0) | 2022.11.03 |
[JS 활용]한글, 타이핑 효과 주기 (0) | 2022.10.31 |
댓글