본문 바로가기

전체 글

자바 스크립트 코어 라이브러리-1 1. 자바스크립트 코어 라이브러리란? --> 자바스크립트가 개발자를 위해 기본적으로 제공해주는 기능을 말한다.개발자는 이 기능을 이용하여 개발을 하고 또한 개발자만의 고유 라이브러리를 만들 수가 있다. 2. 타이머 함수 1. 타이머 함수란? --> 타이머 함수는 일정한 시간마다 특정 구문을 실행하고자 할 때 사용하는 기능이다. 2. 타이머 함수의 실무에서의 활용 --> 이미지 슬라이더에서 일정한 시간마다 이미지가 자동으로 슬라이드 되는 기능 --> 롤링 배너에서 일 시간마다 배너를 변경하는 기능 --> 일정 시간마다 자동으로 변경되는 실시간 검색어 기능 --> 게임에서 플레이 시간을 나타내는 기능 3. 타이머 함수의 종류 --> setInterval() : 일정 시간마다 주기적으로 특정 구문을 실행하는 .. 더보기
함수의 종류 - 일반 함수, 중첩 함수 함수의 종류 함수의 분류 함수(function)는 크게 두 가지 분류로 나눌 수 있다. 사용자 정의 함수 --> 사용자가 필요한 기능을 직접 만든 함수를 말한다. 자바스크립트 코어 함수 --> 자바스크립트가 기본적으로 제공하는 함수를 코어함수라고 한다. ex) parseInt(), Math.random() 등 사용 방법에 따른 함수 종류 함수는 사용 방법에 따라 아래와 같이 나눌 수 있다. 1. 일반 함수 --> 가장 일반적으로 사용한 함수를 지칭한다. 2. 중첩 함수 --> 함수 안에 함수가 있는 경우 중첩되었다라고 하며 이 때, 함수안에 있는 함수를 중첩함수라고 한다. 3. 콜백 함수 --> 함수 실행결과 값을 리턴이 아닌 매개변수로 넘어온 함수를 호출해서 넘겨주는 방식을 콜백이라 하며 이때 매개변수.. 더보기
이론 - 함수와 이벤트 함수란? 함수 (Function)을 사용하면 무엇이 좋을까? --> 각 명령의 시작과 끝을 명확하게 구별할 수 있다. --> 함수에 별도의 이름을 붙이면 같은 기능이 필요할 때마다 해당 함수를 실행할 수 있다. [ user defin function이라고 부름] ex) function addNumber(){ // 함수가 어떤 명령을 처리해야 할지 미리 알려주는 것 --> function 예약어를 사용하고, { } 안에 실행할 명령을 작성 함수 호출 ( 함수 실행 ) --> 함수 이름을 사용해 함수 실행 ex) addNumber() --> 30 함수는 입력이 있으면 출력이 있다. 하지만 때로는 입력 값이 없을 수도 있고 결과값이 없을 수도 있다. 매개변수 ( parameter ) , 인자값 --> 함수를 .. 더보기
값 - 타입 시스템, 원시 값, 참조 타입, undefined & null, 타입 변환_Javascript 타입 시스템 타입(data type)이란 프로그램에서 다룰 수 있는 값의 종류를 의미 자바스크립트에서는 여러 가지 형태의 타입을 미리 정의하여 제공하고 있으며, 이것을 기본 타입이라고 한다. 자바스크립트 언어는 동적 언어다. 그리고 느슨한 언어이기에 프로그래밍이 실행되는 과정에서 순간에 파악되는 부분들이 많다. 예를 들어 사용자가 문자 언어로 사용을 했는데 컴퓨터는 문자 언어를 숫자 언어로 실행되거나 사용자가 숫자 언어로 사용을 했는데 문자 언어로 실행되는 경우를 말한다. 그래서 자바스크립트에서는 타입을 잘 써야 한다. 자바스크립트는 두 가지로 타입이 나뉘는데 하나는 원시(Primitive) 값이고 또 다른 하나는 참조(객체 Reference) 타입이다. 원시값 (primitive type) 은 기본 데.. 더보기
함수, 객체, 함수 스코프, 블럭 스코프 _Javascript 함수 ( Function ) : 특정 일을 처리하는 코드 묶음, 함수로 어떤 문을 만들어놓고 그 문을 재활용할 수 있고 재사용하면서 다양한 패턴을 만들 수 있다. 함수에는 '반환 ( 돌려준다 )' 이 들어있다. 자바스크립트에서 함수는 return이 없으면 undefined로 돌려준다. 이걸 다른 언어에선 void function 이라고 부른다. 자바스크립트에서 함수는 반환문이 있고 반환문이 명시되어 있지 않는 경우 undefined가 리턴된다. 객체 : 필자가 생각하는 객체는 'Object' 라고 말하고 싶다. 함수 앞에 무엇가를 쓴 것을 객체라고 하고 싶다. TCP에선 객체라는 정의를 실생활에서 우리가 인식할 수 있는 사물로 이해할 수 있다고 나왔다. 출처 : "객체", TCP, 2021.12.11 접.. 더보기
문, 조건문, 반복문_Javascript 문 ( Statement ) : 명령과 흐름을 제어 자바스크립트에서는 제어문, 식문, 공문 등 많이 포함되어 있다. { } 문을 가지고 우리는 수많은 코드를 작성을 할 수 있다. 대표적으로 if 문, for 문, swith - case 문, while, do - while문, break 문, continue 문 등이 있다. 여러가지 문들을 통해 코드를 만들고 프로그램을 만들 수 있다. *사진 출처 : "while", w3school, 2021.12.06 접속, https://www.w3schools.com/jsref/jsref_dowhile.asp 조건문 ( if 문 ) EX ) if ( 식, 값 10 > 1 ) { return '10은 1보다 크다.' } else if ( 10 === 10) { ret.. 더보기
연산자, 비교 연산자, 산술 연산자, 논리 연산자_Javascript 연산자 ( Operator ) 값을 연산하기 위해 사용되는 부호 여러가지 연산자 대표적으로 = ( 할당 연산자 ) , == ( 비교 연산자 ) , + ( 산술 연산자 ) 등이 있다. = : 수학에서 같다의 표현을 쓰지만 프로그래밍 언어에서는 우항의 값을 좌항에 넣는다 의미다. == : 우항의 값과 좌항의 값이 값은지 구분해 준다. 비교 연산자 중에 동등 연산자, 일치 연산자, 크거나 같은 연산자, 작거나 같은 연산자, 불일치 연산자가 있다. 여기서 엄격하게 검사하는 거랑 느슨하게 검사하는 것이 있다. 엄격하게 검사하는 것은 ===을 넣어 줘야 하고 느슨한 검사는 ==를 넣어준다. 느슨한 검사를 할 때는 형 변환을 알아서 컴퓨터가 해주기에 엄격한 검사를 하는 것이 좋다. !!추천!! == 쓰지 말고 ===.. 더보기
변수 ( Variable), 값 ( Value ), 숫자, 문자, 불리언, Null, undefined _Javascript 어떤 프로그래밍 언어를 배울 때 처음은 '변수'에 대해 공부할 것이다. 변수 ( Variable ) 란? 값을 저장할 수 있는 박스 변수 선언 그리고 할당과 재할당을 할 때는 세 가지 키워드를 사용할 수 있다. ( var, const, let ) EX ) let lang = 'Javascript' 변수 선언 : let lang; 할당 : lang = 'JS' 재할당 : lang = 'Javascript' 선언과 동시에 재할당 : let lang = 'Javascript' 복합 할당 연산자 EX ) let count = 0; count = count + 1; 혹은 count = + 1; 추천!! 변수 선언하는 것은 CONST 키워드를 쓰는 것이 좋다. 변수를 선언할 때는 $와 _을 제외한 특수문자 X!! .. 더보기

티스토리툴바