본문 바로가기

Javascript

[JS 프로그래밍 9] 함수의 범위 사용법 프로그래밍,자바스크립트,javascript,java,c,c+ 더보기
[JS 프로그래밍 8]함수를 관리하는 파일, 모듈 오늘은 함수를 보다 간편하게 사용하고 재사용이 가능하게 만드는 파일인 모듈에 대해서 알아 보도록 하겠습니다. 먼저 모듈을 사용함으로써 얻을 수 있는 더 많은 이익들을 알아 보도록 하겠습니다. 1. 모듈 안에 들어 있는 코드들을 수정할 시에 이를 사용중인 모든 코드들이 향상되는 효과를 얻게 됩니다.2. 코드를 찾을 때 보다 빠르게 찾을 수 있습니다.3. 필요한 로직만을 로드해서 메모리를 보다 효율적으로 사용할 수 있습니다.4. 자주 사용되는 코드를 파일로 만들어서 써야 할 때마다 재활용할 수 있습니다. 모듈의 사용 모듈을 사용하기 위해서는 모듈 파일을 만들어야 합니다.모듈 파일 이름은자신이 원하는 파일 이름.js 로 하면 됩니다.모듈과 같이 자바스크립트의 파일은 확장자가 .js입니다.. 이 점을 꼭 기억해.. 더보기
[JS 프로그래밍 7]배열의 진화인 객체에 대해서 알아 보자. 이번에는 배열의 진화형인 객체(OBJECT)를 알아 보도록 합시다.도데체 어느 부분에서 배열의 진화형이냐면일단 배열은 인덱스(제목)을 0 부터 자동으로 설정해 주었고, 자신이 정할 수 없었지만,객체는 인덱스를 자신이 원하는 것으로 바꾸어서 사용할 수 있기 때문이다. 객체를 만드는 방법'들'객체를 만드는 방법은 다양하다. 그리고 우리는 이것을 때에 따라서 바꿔서 쓰면서 효율을 높일 수 있다.그럼 객체를 만드는 방법들에 대해서 배워 보자파랑색: 바꿀 수 있는 것1. 한 줄로 만들기var 객체이름 ={'인덱스' : 데이터, '인덱스' : 데이터};예시var object = {'first' : 1, 'second' : 2};2.여러 줄로 만들기 1var 객체이름 = {};객체이름['인덱스'] = 데이터;객체이름.. 더보기
[JS 프로그래밍 7] 배열(array) 의 사용방법과 배열 수정방법을 알아보자 이번에 Javascript 에서 알아볼 것은 배열입니다. 배열이란? 배열은 일반적인 변수와는 다르게 하나의 변수에 여러개의 인덱스(제목)을 두고 각각의 제목들 안에 데이터를 넣어 한 변수에 여러 데이터를 저장하고 꺼낼수 있는 문법을 말합니다. 변수를 통해 우리는 데이터를 저장할수 있지만 비슷한 것끼리 뭉치게 만들수가 없기에, 배열로 하나의 변수에 여러 비슷한 데이터를 뭉치게 하는 것입니다. 배열과 반복문을 사용하면 배열을 하나하나 꺼내서 처리할수 있기에 배열은 매우 유용하게 쓰이는 경우가 많고 나중에 배울 case와도 많이 쓰기 때문에 지금 잘 배워두는게 좋습니다. 배열을 만드는 방법 *파랑색은 바꿀수 있는 값 var 만들고자 하는 변수의 이름[데이터,데이터,데이터] var id = ['12345', '.. 더보기
[JS 프로그래밍 6] 함수 함수란? 지금까지 여러 코드들의 문법에 대해서 알아 보았죠 이런것을 더 잘 활용할수 있게 만들어 주는 문법이 바로 함수인데요. 함수는 관련있는 여러 코드들을 묶어 하나의 명령어처럼 만들어서, 함수를 '호출'(실행) 하면 우리가 함수 안에 입력한 여러 '코드' 들이 함수를 호출하면서 입력하는 '인자'(데이터값들)를 바탕으로 '실행' 되는 것을 의미한다고 할 수 있겠습니다. 거의 모든 프로그래밍에서는 내장 함수와 그냥 함수가 있습니다. 내장 함수는 함수를 사용하는 방법 함수를 쓰는 형식은 아래를 보시면 아실 수 있습니다. 파랑색 : 바꿀수 있 것 function 함수명 (인자,인자){ 코드 return 반환 데이터값; } 함수명(); 위와 같은 방법으로 함수를 쓸 수 있습니다. 함수는 인자를 받아서(꼭 받지.. 더보기
[JS 프로그래밍 5] 반복문 저번 시간에는 조건문에 대해서 알아 보았는데 이번 시간에는 조건문을 변화시킨 반복문에 대해서 알아보도록 하겠습니다. 반복문이란? -반복문은 크게 while 을 이용한 반복문과 for 문을 이용한 반복문으로 나뉩니다. 이 문법을 통해서 만약 ~~라면(조건문과 같은 부분) 어떠한 코드를 반복적으로 실행하거나 그냥 반복 횟수를 정해서 반복 시킬 수도 있습니다. 먼저 while을 이용한 반복문부터 알아보도록 하겠습니다. while 을 쓰는 방법 while을 이용하는 방법은 while(boolean){ 코드 } 위과 같이 쓸 수 있는데 boolean 은 저번에 설명드렸던 것처럼 true 나 false를 뜻하고 당연히 true 일 때만 아래의 코드가 실행됩니다. 하지만 코드에서 위의 boolean 값에 영향을 주지.. 더보기
JS 프로그래밍 -조건문- 조건문이란? 조건문은 if나 else, if else를 사용해서 특정한 경우에 특정 코드를 실행시킬 수 있게 해주는 프로그래밍에서 아주 중요한 요소라고 할 수 있겠습니다. 조건문은 만약 ~~이라면 코드 x를 실행하고 그게 아니라면 코드 y를 실행해서 보다 나은 프로그래밍을 할 수 있게 도와줍니다. 조건문을 사용하는 방법 조건문을 사용하기 위해서는 if를 쓸 줄 알아야 합니다 if는 만약 ~~라면 이라는 뜻이죠 그래서 다음과 같이 if를 사용할 수 있습니다. if(boolean){ 코드 } 코드 한줄은 {} 생략 가능 여기에서 코드 한줄은 중괄호를 생략할수 있다고 되어 있는데 그 이유는 원래 if는 if(boolean) 코드 한줄 이렇게 되는데 if 가 중괄호 열리는 부분부터 닫히는 부분까지를 하나의 코드.. 더보기
JS 프로그래밍 -연산자- 이번에 js로 알아볼 것은 연산자입니다. 연산자란? 값을 이용한 작업을 컴퓨터를 통해 실행할때 쓰는 기호입니다. 연산자의 종류 연산자는 오른쪽의 값을 왼쪽에 대입하는 대입 연산자, 왼쪽을 오른쪽과 비교하는 비교 연산자 정도가 있다. (사칙연산은 제외함) 대입 연산자 대입 연산자는 = 로 우리가 전에 사용한 적이 있다. 바로 여기인데, 보이다시피 빨간 사각형에서 대입 연산자 = 를 통해 변수를 초기화 했었다는 것을 알 수 있다. 비교 연산자 앞에서 대입을 할때 = 기호를 썼는데 그렇다면 왼쪽과 오른쪽이 같은가를 확인할때는 어떤 기호를 쓸까? 간단하게 =를 한번 더 써서 == 를 쓰거나 ===를 써서 확인할 수 있다. 둘 다 똑같이 실행되지만 다른 점이 있다. 그게 뭘까? 만약 우리가 숫자 1을 변수에 넣고.. 더보기