[javaScript] 자바스크립트 기본

자바스크립트

동적인 웹사이트를 제작 시 사용되는 프로그래밍 언어

사용자로부터 data를 받아 처리함

 

웹사이트를 제작 시 많이 사용되는 언어들로

HTML > 틀
CSS > 꾸미기
javaScript > 동적인 이벤트

를 생성함

 

TIP!
- keyword (=예약어 : 미리 지정되어 있는 언어, 내장 객체등, 변수로 사용 불가) 중요
- 관습코딩 (카멜표기법) : 단어와단어를 합친 단어일 경우 시작은 소문자, 두번째 단어의 시작은 대문자
- 구조가 변경되어도 스크립트에는 영향이 없도록 코딩 (재 활용하여 사용하기 쉽게 함)

 

자바스크립트의 활용 범위

• IoT
• 하이브리드 앱 (앱과 모바일웹을 합쳐 놓은 것)
• 서버 개발

 

---

스크립트 연결 방법

● 내부 스크립트 연결

<script>태그 사이에 작성

 

● 외부 스크립트 연결

.js 확장자 파일을 생성하여 

<script scr=" "> 태그로 연결

 

---

 

변수

데이커를 담는 공간

 

● 변수 선언

데이터를 담을 공간을 생성

 

● 값 할당

생성된 변수에 데이터을 담는 것

 

// 변수 생성
var num;

// 값 할당
num = "100";

//변수 생성 및 값 할당
var num  = "100";

 

● 변수 안에 담긴 데이터 변경하기

값을 재할당하면 데이터가 변경됨

var backGroundColor = "red";

backGroundColor = "green";

 

TIP!
재할당된 값을 사용하려면 해당 코드 아래에 코드가 작성되어야 함

 

● 변수 안에 담긴 데이터 확인하기

var fruit = "apple";

// 콘솔창에 데이터 출력
console.log(fruit); //apple 출력

 

● 데이터를 화면에 출력하기

var fruit = "apple";

// 화면에 데이터 출력
document.write(fruit); //apple 출력

 

● 변수 생성 시 주의 사항

• 변수명을 숫자로 시작할 수 없음 (중간이나 마지막은 가능)
• 변수 명은 최대한 자세히 작성할 것 (유지보수에 좋음)
• 의미가 불명확한 단어의 조합을 피하는 것이 좋음
• 예약어는 사용할 수 없음