JavaScript 용어정리, 기본 함수

woococo·2022년 5월 31일
1

web

목록 보기
5/12

🖊 용어정리

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>
profile
splunk

0개의 댓글