변수 & 함수 스코프(scope)의 개념 이해 - 자바스크립트(Javascript) 스코프(scope)란 말 그대로 범위를 나타냅니다. 전역변수(Global Variable)와 지역변수(Local Variable)의 유효범위에 대해 살펴봅니다. 예를 들어 함수를 작성하고 실행할 때 함수 내에서 계산된 값을 굳이 retrun이라는 명령어로 전역에 반환하는 이유는 함수 내에서 정의된 변수는 지역변수이기 때문입니다. 전역변수로 정의된 변수는 함수 내외부 어디에서나 사용할 수 있지만 함수 내에서 정의된 변수 또는 함수(함수 내의 함수)는 해당 함수의 범위 안에서만 사용할 수 있는 점이 다릅니다. var score=100, global_var=1; function my_func(){ var score=50; console.log(score, global_var); } my_func(); // 5.. 2021. 12. 13. 함수(Function) 이해하기 - 자바스크립트(Javascript) 프로그래밍을 진행하다 보면 해당 프로그램에서 자주 사용하는 코드가 존재하기 마련입니다. 이럴 때 매번 동일한 코드를 계속 작성하게 되는 불편함을 함수를 통해 해결할 수 있습니다. 프로그래밍 언어에 입문하는 초보자들이 처음 맞이하는 벽(?)이 함수라고도 볼 수 있습니다. 찬찬히 뜯어보면 그리 어려운 내용이 아니지만 함수를 처음 접하는 분들에게는 어렵다고 생각될 수도 있는 개념입니다. 전역변수, 지역변수, 호출, 리턴 등 생소한 용어들도 함수를 배우는 초보자들에겐 부담일 수도 있지만 프로그래밍 언어를 학습하는 분들이라면 넘어야 할 작은 산이라 생각하시고 천천히 둘러보시기 바랍니다. 자바스크립트에서 함수를 선언할 때 가장 쉬운 방법으로 아래와 같이 두 가지 방법을 사용합니다. 일반적인 함수 선언 방법 변수를 .. 2021. 12. 13. 브라우저 & 윈도우 객체 사용하기 - 자바스크립트(Javascript) 자바스크립트에서 사용 가능한 내장 객체 중 브라우저에 내장된 객체에 대해 살펴봅니다. 브라우저 객체 모델(Browser Object Model : BOM)은 웹 브라우저와 관련된 객체의 집합(window, location, screen, history, navigator, document)을 의미합니다. 오늘은 브라우저 객체에 대해 살펴봅니다. window 객체는 브라우저의 창을 의미하며, 다양한 메서드로 이 창을 제어할 수 있습니다. window 객체의 메서드 종류에 대해 살펴봅니다. 메서드 종류 설명 alert( ) 경고 상자 표시 atob( ) 암호화된 문자열을 복호화(base - 64) btoa( ) 문자열을 암호화(base - 64) clearInterval( ) setInterval( )로 설.. 2021. 12. 13. 배열 객체와 문자열 객체 살펴보기 - 자바스크립트(Javascript) 지금까지는 하나의 변수에는 하나의 데이터를 저장했습니다. 하지만 배열 객체는 하나의 변수명에 인덱스(index)를 이용하여 여러 데이터를 저장할 수 있게끔 합니다. 오늘은 배열 객체 & 문자열 객체에 대해 살펴봅니다. 배열 객체를 생성할 때 아래와 같이 3가지 방법을 사용합니다. person1은 배열 객체를 선언하고, person2와 person3에는 여러 개의 데이터(숫자형, 문자형)를 입력하고 출력해 봅니다. 현재 선언된 배열 객체에 입력된 값과 인덱스 번호는 아래와 같습니다. 인덱스 번호 0 1 2 person1 배열 객체만 선언되고 값은 없음 person2 1 이 3 person3 일 2 삼 반복문을 이용하여 배열 객체에 임의의 데이터를 입력하고 출력해 봅니다. document.write("배열 .. 2021. 12. 13. 이전 1 2 다음
