김갱환
맨땅에 코딩
김갱환
전체 방문자
오늘
어제
  • 분류 전체보기 (239)
    • ⁂ 맨땅에 코딩 (11)
      • : Story (3)
      • : MiniProject 'MyWeb' (1)
      • : Final Project (5)
      • : Josa-Moa 한국어 조사 처리 프로젝트 (1)
    • —————Frontend——————————————.. (0)
    • ⁂ HTML (10)
      • : 기본 익히기 (10)
    • ⁂ CSS (15)
      • : 기본 익히기 (15)
    • ⁂ Java Script (32)
      • : 기본 익히기 (28)
      • : 자바스크립트 라이브러리 (1)
      • : 연습 문제 (3)
    • ⁂ jQuery (11)
      • : 기본 익히기 (11)
    • ⁂ Bootstrap (3)
      • : 기본 익히기 (3)
    • ⁂ TailWind CSS (1)
    • ⁂ AJAX (5)
      • : 기본 익히기 (5)
    • ⁂ Vue.js (3)
      • : 기본 익히기 (3)
    • —————DB : Data Base————————.. (0)
    • ⁂ Oracle DB (27)
      • : 기본 익히기 (24)
      • : 연습 문제 (3)
    • ⁂ MyBatis Framework (15)
      • : 기본 익히기 (15)
    • —————Backend———————————————.. (0)
    • ⁂ Java (62)
      • : 기본 익히기 (42)
      • : JDBC - Java DataBase Conn.. (4)
      • : Crawling (2)
      • : 독학으로 공부하기(과거) (11)
      • : 연습문제 (3)
    • ——————Web————————————————— (0)
    • ⁂ JSP (28)
      • : 기본 익히기 (28)
    • ⁂ Spring FrameWork (15)
      • : Legacy Project (1)
      • : 기본 익히기(Boot 기반) (14)
    • ——————————————————————— (0)
    • ⁂ Error Note (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 코딩
  • 프론트앤드
  • 자바공부
  • 코딩공부 #코딩 #자바 #자바독학 #자바공부 #개발자 #프론트앤드 #백앤드 #풀스택
  • 풀스택
  • 개발자
  • web.xml수정
  • 코딩공부
  • http에러메세지
  • httperror
  • 코딩공부 #자바공부
  • ErrorPage
  • HTML공부
  • 비트연산자 #코딩공부 #자바공부 #코딩 #자바 #프로그래밍 #개발자
  • 코딩 #코딩공부 #프론트앤드 #백앤드 #풀스택개발자
  • 자바
  • 백앤드
  • 객체지향프로그래밍
  • 연산자 #기본연산자 #코딩 #자바 #독학 #자바공부 #자바연산자
  • 코딩 #코딩공부 #상수 #리터럴 #형변환 #개발자 #자바 #자바공부 #자바독학

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
김갱환

맨땅에 코딩

⁂ Java Script/: 기본 익히기

[JS] #6-3 함수(Function) : 변수의 유효 범위(Scope)

2022. 8. 11. 16:53

1. 이벤트(event) 맛보기

 

 자바스크립트는 이벤트(event)를 발생시켜서 함수(function)을 호출시켜서 값을 출력시키는 것이 기본적인 형태이다.

 예를 들어 버튼을 하나 만들었다.

 이 버튼을 가만히 내버려두면 아무런 일도 발생하지 않는다.

 

 이 버튼을 동작하게 하려면 클릭! 이라는 이벤트가 있어야 한다.

 이 클릭 이벤트(Click event)로 인해 버튼에 연결되었던 함수가 호출되어 프로그램이 동작을 하는 것이다.

 

 이런 것을 이벤트라고 한다.

 그리고 이 이벤트에 대한 동작을 자바 스크립트 또는 jQuery로 실행하게 된다.

 

 

2. 변수의 종류

 

 학교에 입학하면 나의 반이 있다.

 그리고 수업 시간에 나는 나의 반에 들어가야 한다.

 옆에 반에 들어가면 나는 내가 이 시간에 배워야할 것을 배우지 못하게 되어버린다.

 

 지역 변수(Local variable) 와 전역 변수(global variable) 도 그러하다.

 지역 변수란 변수가 속한 범위 내에서만 움직이는 변수이고

 전역 변수는 학교 안에서 누구나 사용할 수 있는 강당에 있는 학생이라고 생각하면 된다.

 

 이렇게 변수는 영역을 가지고 있다.

 그리고 이 영역을 바로 Scope라고 부른다.

 좀 더 자세히 설명하자면 아래와 같다.

 

 - 지역변수 : function 함수 내에 선언된 변수는 함수 내에서만 사용 가능하다.

                   : 이 지역은 주로 { } 으로 묶여있다.

 - 전역변수 : function 함수 외부에서 선언된 변수로 모든 함수 내에서 그 값을 공유한다.

 

 지역변수가 전역변수보다 우선순위가 높다.

 아래 코드를 보면서 변수들의 범위를 살펴보자.

let one="하나"; // 전역변수

function test3() {
    alert("one : " + one);
    alert("two : " + two);
    alert("three : " + three);

    let uid="아이티윌";
    alert(uid);
    alert(upw);
    // alert(upw) ; 에러 upw is noe defined
} // test3() end

let two="둘"; // 전역변수

function test4() {

    let two = "두번째"

    alert("one : " + one);
    alert("two : " + two);
    alert("three : " + three);

    let upw="1234";
    alert(upw);
    alert(uid);
    // alert(uid) ; 에러 uid is noe defined
} // test4() end

let three="셋"; // 전역변수

 

 

저작자표시 비영리 동일조건 (새창열림)

'⁂ Java Script > : 기본 익히기' 카테고리의 다른 글

[JS] #7-1 이벤트(Event)  (0) 2022.08.12
[JS] #6-4 함수(Function) : .js파일 만들기  (0) 2022.08.12
[JS] #6-2 함수(Function) : 내장 객체(Object)  (0) 2022.08.11
[JS] #6-1 함수(Function) : 기본 문법, 전달값, 매개변수, 리턴값  (0) 2022.08.10
[JS] #5 Date 객체  (0) 2022.08.10
    '⁂ Java Script/: 기본 익히기' 카테고리의 다른 글
    • [JS] #7-1 이벤트(Event)
    • [JS] #6-4 함수(Function) : .js파일 만들기
    • [JS] #6-2 함수(Function) : 내장 객체(Object)
    • [JS] #6-1 함수(Function) : 기본 문법, 전달값, 매개변수, 리턴값
    김갱환
    김갱환
    코딩의 코자도 모르는 이의 공부 기록장

    티스토리툴바