JavaScript 기초

윤지·2024년 9월 20일

HTML/CSS/JavaScrip

목록 보기
8/13
post-thumbnail

JavaScript

  • 브라우저에서 실행되는 인터 프리터 방식의 프로그래밍 언어
  • HTML 문서안에 <script> 태그를 이용하여 javascript 프로그램을 작성합니다.

작성위치

  • <script></script>는 어디에나 작성이 가능합니다.

.js 파일

  • 외부 스크립트 파일을 적용할 때에는 src에 작성합니다.
- <script type = "text/javascript" src="파일 위치">
  </script>

주석

여러줄 주석: /**/
한줄 주석: //

출력

alert()

  • 브라우저에 작은 창을 띄우는 메서드
    alert("");

prompt("");

  • 브라우저에 입력 상자를 띄우는 메서드

confirm()

  • 사용할 문자열과 함께 '확인','취소' 버튼을 표시

    document.write("");

console.log("");

  • 콘솔창에 출력

escape 문자

  • 하나의 기능을 가진 문자입니다
    -(역슬래쉬) + escape 문자
    \n : 줄바꿈
    문장부호 출력 예시)
    document.write("큰 따옴표 \"\"
    ");

변수선언

let
const 상수

  • const를 사용해서 변수를 선언 하면 값을 변경 할 수 없음
  • 선언과 동시에 값을 지정해야 함

js템플릿 문자열

  • 백틱(backticks) ``으로 묶은 문자열입니다.
  • 템플릿 문자열 안에 변수를 사용하는 부분에 ${}키워드를 사용해서 추가합니다.
    let data = `이름 : ${name} - 나이 : ${age}`;

사용 예시1)
console.log("12 + 34 = 46");
console.log(`12 + 34 = ${12+34}`);

사용 예시 2)
let p = 12+34;
console.log("12 + 34: " + p);
console.log(`12 + 24: ${p}`);

사용 예시 3)
let name = "test";
let age = 100;
let data = `이름 : ${name} - 나이 : ${age}`;
console.log(data);

일치 연산자

=== : 자료형과 값이 같은지 비교합니다
!== : 자료형과 값이 다른지 비교합니다.

profile
바다속 무너 개발자

0개의 댓글