728x90
반응형
SMALL

(1) 자바스크립트 식별자(이름) 식별자(indentidier)는 변수, 상수, 함수에 붙이는 이름

- 첫 번째 문자 : 알파벳, 언더바, $만 가능
- 두 번째 이하 문자 : 알파벳, 언더바, 숫자(0-9), $가능
- 대소문자 구분 : data와 Data는 다른 식별자이다.
- 키워드(reserved word)는 사용 불가

student_id, _code, data : (O)
6var, if, %calc : (X)

(2) 문장 구분 세미콜론으로 문장과 문장을 구분 한 줄에 한 문장만 있을 때는 세미콜론 생략 가능

i = i + 1  (O)
j = j + 1; (O)
k = k + 1; m = m + 1 (O)
n = n + 1  p = p + 1 (X)

(3) 주석

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

(4) 데이터 타입(typeof())

  • 숫자 타입(number) : 42, 3.14 ....
  • 논리 타입 : true, false
  • 문자열 타입 : "안녕", '맛있다', 'a'
  • 객체 레퍼런스 타입 : 객체를 가리킴
  • undefined, null
  1. undefined : 타입이 정해지지 않은 것을 의미
  2. null : 값이 정해지지 않은 것을 의미

(5) 변수(variable)

  • var 키워드로 변수를 선언 var score;
    var yy, mm, dd;
    var address = "집없음";
- var 키워드 없이 변수를 선언한다.
  age = 20;
  정상적으로 작동하나, 만약 위에 age가 이미 선언되어 있다면 값을 변경한다.
  var를 붙여서 선언하는 것이 명료하고 실수를 막을 수 있으므로 선언할 때는 반드시 사용을 하는 것이 좋다.

(6) 지역변수(local), 전역변수(global)
변수의 사용범위(seope)에 따라 지역과 전역으로 나뉨
var로 선언 시 score는 함수의 영역만 판단

전역변수 : 함수 밖에서 선언되거나, 함수 안에서 var 없이 선언
지역변수 : 함수 안에서 var로 선언. 선언된 함수에서만 사용 가능

(7) 상수(constant)
let : 수정 가능
const : 수정 불가능

728x90
반응형
LIST

'개발 > 정리 내용' 카테고리의 다른 글

Javascript 전역함수  (0) 2023.01.10
Funcion(함수)  (0) 2023.01.10
자바스크립트 대화상자(다이얼로그)  (0) 2023.01.10
자바스크립트로 HTML 요소 출력  (0) 2023.01.10
자바스크립트 코드의 위치  (0) 2023.01.10
728x90
반응형
SMALL

사용자 입력 및 메시지 출력 사용자에게 메시지를 출력하거나, 입력을 받을 수 있는 3가지 다이얼로그가 있음

(1) Prompt(프롬프트)
prompt("메시지", "디폴트 입력 값")

디폴트 값은 생략이 가능하다.
사용자가 입력한 문자열 값을 리턴하지만 아무 값도 입력하지 않으면 ""을 리턴
취소나 강제로 닫으면 null을 리턴
  • var : 자바스크립트의 변수 선언
  • console.log : 변수값이나 텍스트 등을 확인하기 위해 사용하는 로그생성 함수 이를 확인하기 위해서 Chrome 등 브라우저의 개발자 도구 => console에서 확인

(2) Confirm(컨펌, 확인)
confirm("메시지")

확인/취소 버튼을 가진 다이얼로그를 출력한다.
확인 = true, 취소 도는 강제 종료 시 false를 리턴

(3) Warning(경고)
alert("메시지")

728x90
반응형
LIST

'개발 > 정리 내용' 카테고리의 다른 글

Funcion(함수)  (0) 2023.01.10
데이터 타입과 변수  (0) 2023.01.10
자바스크립트로 HTML 요소 출력  (0) 2023.01.10
자바스크립트 코드의 위치  (0) 2023.01.10
Visual Studio Code에서 HTML 실행하기  (0) 2023.01.10
728x90
반응형
SMALL

 

자바스크립트 코드로 HTML 요소를 웹 페이지에 직접 삽입하여 브라우저 윈도우에 출력되게 할 수 있음. document.write() 또는 document.writeln()

*writeln은 줄바꿈(\n) 문자가 삽입되지만 HTML은 줄바꿈으로 표현하지 않으므로 <pre>태그를 사용하여 줄바꿈 표현이 가능

728x90
반응형
LIST
728x90
반응형
SMALL

(1) HTML 태그 내에 이벤트 리스너(Event Listener) 속성에 작성 HTML 태그에는 마우스가 클릭되거나 키보드의 키가 입력되는 등 이벤트가 발생 시 처리하는 코드를 등록하는 리스너 속성이 있고, 여기에 자바스크립트 코드 작성

(2) <script></script> 내에 작성 <head></head>, <body></body>, body 밖 등 어디에서도 가능 웹페이지의 여러 곳에 작성 가능 <script src="경로"></script> : 외부 자바스크립트 파일을 불러올 때 사용

(3) 자바스크립트 파일에 작성 자바스크립트 코드를 확장자가 .js인 별도의 파일로 저장 <script src=".js경로"></script>

(4) URL 부분에 작성 <a> 태그는 href 속성 등에도 자바스트립트 작성 가능 href에서 자바스크립트 코드를 쓸 때에는 Javascript라는 키워드를 작성해야 함

728x90
반응형
LIST
728x90
반응형
SMALL
  1. 탐색기에서 html을 찾아서 실행
  2. 익스텐션에서 open in browser 설치, Alt + b로 실행 만약 크롬으로 실행되지 않는 다면 html 우클릭 > 연결프로그램 > 다른 앱 선택

항상 .html을 이 앱으로 실행 체크 > Chrome을 선택

3. 익스텐션에서 live server 설치 오픈 폴더로 소스 코드 폴더를 열고 Alt + l > Alt + O 로 실행 소스 코드 저장 시 바로 화면에 반영

728x90
반응형
LIST
728x90
반응형
SMALL

(1) 한글 설정
F1(마켓)
Extension에서 korean검색 > korean(사용법) Language pack for visual studio code 설치

(2) 언어 선택
F1
Configure Display Language > 언어 선택(en, ko) > 재시작

(3) 테마 변경
F1
한글 : 테마, 영어 : theme

(4) 단순 단축기
control + b : 전체화면
Alt + 방향키 : 한 줄 이동
Alt + Shift + 방향키 : 한 줄 복사
control + x : 빈 커서에 사용하면 한줄 전체 잘라내기
control + Alt + 방향키 : 그리드 모드, 취소는esc
Shift + Delete : 한 줄 전체 삭제

(5) HTML 기본 단축키
1) Tag(요소)명 작성 후 tab
div > tab : <div></div>

2) Tag(요소)명.클래스명 작성 후 tab
div.red*10 10개 생김!!
div.red > tab : <div class="red></div>

3) Tag(요소)명.ID 작성 후 tab

 

 

div#container > tab : <div id="container"></div>

 

728x90
반응형
LIST

+ Recent posts