[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
  • 공지사항

  • 인기 글

  • 태그

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

  • 최근 글

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

티스토리툴바