[JS] Javascript란

2024. 12. 11. 14:46·Javascript
목차
  1. Javascript
  2. Javacript가 할 수 있는 일
  3. Javacrip를 사용하는 여러가지 방법

Javascript

동적으로 변경되는 콘텐츠를 만들고, 멀티미디어를 제어하고, 이미지에 애니메이션을 적용하는 등 거의 모든 작업을 수행할 수 있는 스크립팅 또는 프로그래밍 언어

 

Javacript가 할 수 있는 일

  1. 데이터 저장
    • 저장 공간 : var , let , const
    • 저장할 값의 형태 : 숫자, 문자열, 빈 값, boolean, 배열, 객체
    • 코드의 뭉치 : 함수
  2. 값 계산
    • 사칙연산
    • 논리연산
    • 조건문
    • 반복문
    • 자료형의 내장함수
  3. 결과 반영
    • DOM & BOM API를 사용하여 사용자에게 반응 또는 연산 결과 값을 반영
  4. 다른 컴퓨터와 통신

 

Javacrip를 사용하는 여러가지 방법

HTML 파일 내부 삽입

1. HTML 태그 내 삽입

<!DOCTYPE html>
<html lang="ko">
<head>
</head>
<body>
    </html><button onclick="window.alert('hello world');">hello</button>
</body>

 

2. script 태그를 통해 삽입

<!DOCTYPE html>
<html lang="ko">
<head>
</head>
<body>
    <script>
        window.alert('hello world');
    </script>
</body>
</html>

 

HTML 파일 외부에 있는 스크립트 파일 로드

외부 js 파일로 저장하고 로드

  • index.html
<!DOCTYPE html>
<html lang="ko">
<head>
</head>
<body>
    <script src="test.js"></script>
</body>
</html>
  • test.js
window.alert('hello world');

 


※ 인프런 제주코딩베이스캠프 이호준 강사님의 강의를 듣고 참고하여 작성했습니다.

728x90
반응형

'Javascript' 카테고리의 다른 글

[JS] 변수  (3) 2024.12.20
  1. Javascript
  2. Javacript가 할 수 있는 일
  3. Javacrip를 사용하는 여러가지 방법
'Javascript' 카테고리의 다른 글
  • [JS] 변수
nueos
nueos
nueos 공부 기록nueos 님의 블로그입니다.
  • nueos
    nueos 공부 기록
    nueos
  • 전체
    오늘
    어제
    • 분류 전체보기 (191)
      • 해커톤 (1)
      • 네이버 BoostCamp (6)
      • LG 유플러스 유레카 SW (84)
        • React (21)
        • TypeScript (2)
        • JavaScript (2)
        • HTML+CSS (5)
        • Spring (7)
        • Java (6)
        • SQL (2)
        • Algorithm (8)
        • CX (6)
        • Git (2)
        • 프로젝트 (2)
        • 스터디 (9)
        • 과제 (8)
        • 특강 (1)
      • React (3)
      • Next (0)
      • Javascript (2)
      • HTML (2)
      • CSS (9)
      • Algorithm (6)
      • Database (0)
      • OS (13)
      • C++ (24)
      • Python (1)
      • jQuery (1)
      • Django (1)
      • Git (1)
      • 개발 지식 (3)
      • 정보 보안 (22)
      • 포렌식 (1)
      • 암호 (2)
      • 기타 (4)
      • 패스트캠퍼스 FE 프로젝트십 (5)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    Queue
    디지털혁신
    디지랩챌린지
    스택
    제주지역혁신플랫폼지능형서비스사업단
    큐
    Stack
    힙
    제주해커톤
    heap
    exhaustive search
    기술로바꾸는세상
    완전 탐색
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.2
nueos
[JS] Javascript란
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.