[JavaScript] 자바스크립트 기초 문법

2024. 7. 25. 15:49·Frontend/JavaScript
728x90

비주얼스튜디오 추가 설치 (마켓플레이스)

korean language pack for visual studio code -  한글 번역

open in browser - 단축키를 통해 브라우저 결과 확인

 

기본 단축키

html 파일에 html:5 작성 시 기본문장 단축키 

Alt + B : 바라우저 실행

Alt + Shift + B : 브라우저 바로 실행

ctrl + s : 저장(수시로 해주기)

 

 

자바스크립트 코드 작성법 (html 파일 안에 위치)

<head>
	<script>
    	자바스크립트 코드; //명령문으로 인식
    </script>
</head>

 

  • 페이지 위치에 상관없이 정상적으로 실행
  • 브라우저 성능이 좋아져 위치에 따른 체감 없음
  • 대부분 개발자들이 head 태그에 작성

 

주석 처리

 - 설명글을 남기고 싶을 때 사용

 - 코드 실행을 제외하고 싶을 때 사용

 // 한줄 주석

/*

여러 줄 주석

여러 줄 주석

*/

 

내부방식과 외부방식

//내부방식

<head>
	<script>
    	자바스크립트 코드; //명령문으로 인식
    </script>
</head>

 

내부방식 : 간단한 코드 / 해당 html 페이지 내에서 사용하는 경우

//외부방식

html

<script src = '파일명.js'>
//자바스크립트 파일(파일명.js)

자바스크립트 코드

 

 

외부방식 : 여러 페이지에서 공통적으로 사용 / 코드가 길어질 경우

 

ex(간단))

<script>
	document.weite('안녕하세요');
<script>

 

728x90
저작자표시 (새창열림)

'Frontend > JavaScript' 카테고리의 다른 글

[JavaScript] JavaScript 시작 / 파일 분리  (0) 2024.08.16
[JavaScript] JavaScript 란 ?  (0) 2024.07.24
'Frontend/JavaScript' 카테고리의 다른 글
  • [JavaScript] JavaScript 시작 / 파일 분리
  • [JavaScript] JavaScript 란 ?
hyeminyy
hyeminyy
Full Stack Developer | consistency
  • hyeminyy
    maemingu
    hyeminyy
  • 전체
    오늘
    어제
    • 분류 전체보기 (78)
      • Backend (46)
        • Java (15)
        • JSP & Servlet (5)
        • EL & JSTL (3)
        • Spring (15)
        • DataBase (4)
        • 알고리즘 (4)
      • Frontend (11)
        • Next.js (5)
        • JavaScript (3)
        • Vue.js (3)
      • IT_STUDY (21)
        • 정보처리기사 (9)
        • SQLD (8)
        • 개인공부 (4)
      • Developer! (0)
  • 블로그 메뉴

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

    • Github
    • Notion-portfolio
  • 공지사항

  • 인기 글

  • 태그

    JSP
    정처기 실기 요약
    Next.js
    NextJS
    프론트엔드
    백앤드개발자
    Servlet
    알고리즘
    springProject
    httpServletRequest
    뷰
    정처기 필기 요약
    백앤드
    el
    SQL
    Spring
    jstl
    정보처리기사 실기 요약
    정처기 요약
    sqld자격증
    SQLD
    MVC
    코딩테스트
    정보처리기사
    개발자
    정처기 실기
    springboot
    Java
    정보처리기사 실기
    정처기
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
hyeminyy
[JavaScript] 자바스크립트 기초 문법
상단으로

티스토리툴바