🖊 용어정리
1. DOM(Document Object Model)
문서 객체 모델
웹페이지의 알파이자 오메가
웹페이지 문서내의 모든 엘리먼트들을 정의하고 접근하는 방법을 제공함
2. 함수(function)
method / procedure라고도 함
특정 동작을 수행하는 일정 코드의 부분
3. native javascript
다른 라이브러리 혹은 프레임워크를 사용하지 않은,
기본적인 문법으로만 사용되는 자바스크립트, 바닐라 JS 라고도 함
4. log
프로그램의 흐름을 확인하기 위해서 남기는 기록,
개발을 하기전 가장 먼저 설계해야하는 목표와 같다
--> console.log();
5. compile
소스코드를 기계가 이해할 수 있도록 기계어로 번역하는 과정
모든 언어는 컴파일 과정을 거치게 되어 있다.
6. 인터프리터 언어(Interpreter Language)
소스코드를 한 줄 한 줄 읽어가며 명령을 바로 처리하는 프로그램(언어).
번역과 실행이 동시에 이루어진다
→ Javascript, PHP, ASP, Python 등
7. 컴파일 언어(Compiled Language)
소스코드를 한꺼번에 다른 목적 코드로 번역한 후, 한 번에 실행하는 프로그램(언어).
→ C, C++, Java, Go 등
🖊 예시
1. 기본구조
- 인라인 추가 방식
- 내부선언 방식
- 외부선언(import) 방식
2. 변수 선언
- var는 재선언이 가능함, 쓰지 않는게 좋은 것 같다.
- let은 재선언이 불가, 재선언시 오류알림
- const는 상수
되도록 var 대신에 let을 쓰도록 지향하는게....
3. 주석 처리
<script>
// 한줄 주석
/*
여러줄 주 석
*/
</script>4. 로그 처리
<script>
let A = 1;
console.log(A);
</script>★꿀팁★ log + enter 하면 바로 입력 가능
5. 형식 선언
<script>
var num = 1; // 숫자
var text = '텍스트'; // 텍스트
</script>6. 연산
<script>
var num1 = 1;
var num2 = 2;
console.log(num1 + num2); // 더하기
console.log(num1 - num2); // 빼기
console.log(num1 * num2); // 곱하기
console.log(num1 / num2); // 나누기
console.log(num1 % num2); // 나머지
</script>7. 텍스트 병합
<script>
var text1 = '나는';
var text2 = '개발자입니다.';
console.log(text1 + text2);
</script>8. typeof (변수 타입 확인)
<script>
var num = 1; // 숫자
var text = '텍스트'; // 텍스트
console.log(typeof num);
console.log(thpeof text);
</script>9. 함수 선언
<script>
function test(i){
console.log(i);
return 0; // 이 함수의 값을 정의
}
</script>10. 함수 실행
<script>
function test(i){
console.log(i);
return 0; // 이 함수의 값을 정의
}
test(1);
</script>
splunk