JavaScript
-
JavaScript - 배열JavaScript 2022. 2. 22. 02:27
배열 자바스크립트에서 모든 자료형을 보관하는 변수의 모음을 배열로 처리 자바에서의 컬렉션과 유사 배열의 선언 배열 선언 시 배열의 크기를 정하거나 정하지 않고 선언할 수 있다. 배열의 길이는 가장 큰 인덱스에 1을 더한 값이 된다 자바스크립트에서는 length를 이용해 배열의 길이를 수정할 수 있다. 길이가 0인 배열에 값을 추가하면 자동으로 배열의 길이가 늘어난다. 배열의 선언과 동시의 초기화 방법 배열 순회 for문, for of문 등을 사용 for of는 자바의 for-each와 비슷하다. 배열 메소드 배열도 하나의 객체이기 때문에 배열에서 활용할 수 있는 메소드들이 있다. push, pop : 배열의 맨 뒤에 요소 추가/제거 shift : 배열의 맨 앞 요소 제거 후 반환 unshift : 배열의..
-
JavaScript - 함수(Function)JavaScript 2022. 2. 21. 01:38
함수(Function) 함수 선언(Function Declaration) 반환 값 선언 없이 function 키워드만 이용하여 사용 function키워드에 함수 명을 작성하여 사용하는 방법(함수 선언문)과 function에 함수 명을 작성하지 않고 변수에 대입하는 방법(함수 표현식)이 있음 함수 호출 return 값이 있으면 리턴 값을 받을 변수가 있어야 한다. 변수 범위 함수 내에서 지역 변수를 선언하면 함수 외부에서 접근이 불가 function test2 () { // 함수 내의 지역 변수 선언 let local = 'local'; } // local is not defined // => 지역 변수는 함수 외부에서 접근 불가 console.log('test2 밖의 local : ' + local);..
-
JavaScript - 연산자(비교 연산자, 동등 연산자, 일치 연산자, 그외 연산자)JavaScript 2022. 2. 20. 03:31
연산자 기본적인 연산자의 사용과 우선순위 등은 Java와 크게 다르지 않으나 다른 점이 존재한다. 따라서 Java와 다른 점을 알아보자 비교 연산자를 통한 문자열 비교 동등 연산자( ==, != )와 일치 연산자 ( ===, !== ) 그 외 연산자 비교 연산자를 통한 문자열 비교 비교 연산자로 문자열을 비교할 수 있다. 문자열은 사전 순(유니코드 순)으로 뒤쪽의 문자열은 앞쪽의 문자열보다 큰 값을 가진다 동등 연산자( ==, != )와 일치 연산자 ( ===, !== ) 동등 연산자(==, !=) : 자료형에 상관없이 값이 일치하면 treu, 아니면 false 일치 연산자(===, !==) : 자료형과 값이 모두 일치하면 true, 아니면 false 그 외 연산자 삼항 연산자, 조건문(if문, swit..
-
-
JavaScript - 문자,숫자,논리 형변환JavaScript 2022. 2. 20. 02:30
형변환 문자 형변환 숫자 형변환 논리 형변환 문자 형변환 - String() String() 함수를 이용하여 문자 형변환 숫자 형변환 - Number() 수학과 관련 된 함수와 표현식에서는 자동으로 변환 된다. Number() 함수를 이용하여 숫자 형변환 - 자동으로 공백을 제거해준다. - 공백 외의 문자 포함시 NaN - boolean 자료형 : ture → 1, false → 0 으로 숫자 형변환 - null 자료형 : null → 0 - undefined 자료형 : undefined → NaN 논리 형변환 논리 연산 수행 시 자동으로 변환 된다. - ex) if(null) → if(false) Boolean() 함수를 이용하여 논리 형변환 - 숫자 자료형 : 0 이외의 숫자 → true, 0 → f..
-
JavaScript - 데이터 입출력(console.log, alert, confirm, prompt)JavaScript 2022. 2. 20. 01:49
데이터 입출력 console.log alert confirm prompt console.log() 개발자 도구 콘솔 화면에 출력 주로 디버깅 시 사용 alert() 메시지가 출력된 창 띄우기 사용자가 확인 버튼을 누를 때까지 메시지를 보여주기 위해 사용 confirm() confirm()을 이용한 데이터 입력(boolean) "예/아니오"의 결과를 얻을 때 사용 확인 버튼 클릭 시 true, 취소 버튼 클릭 or ESC 키를 누를 시 false 리턴 prompt() prompt()을 이용한 데이터 입출력 텍스트 필드와 확인/취소 버튼이 있는 대화 상자 출력 입력한 메시지 내용을 리턴 취소 버튼 클릭 시 null 리턴 두 번째 인자로 default값 설정 가능(대화 상자가 나오면 default값이 들어가 ..
-
JavaScript - 변수, 자료형, 변수 범위(Variable Scope)JavaScript 2022. 2. 20. 00:42
변수, 자료형, 변수 범위(Variable Scope) 변수 - 변수 선언 - 변수 명명 규칙 자바스크립트의 자료형 - 원시 자료형 - 참조 자료형 변수 범위(Variable Scope) 변수 변수 선언 자바 변수 선언은 var, let, const를 사용할 수 있다. var - 이미 선언된 변수명으로 재선언 해도 오류가 나지 않는다 - 유연하게 사용할 수 있지만 코드량이 많아지면 어디에 어떻게 사용될지 파악하기 힘들다. var name = 'hi, script' console.log(name) // hi, script var name = 'hi, javascript' console.log(name) // hi, javascript let - var의 단점을 보완하기 위해 추가된 변수 선언 방식 - 이..
-
JavaScript - 자바스크립트(JavaScript)란?JavaScript 2022. 2. 19. 23:30
JavaScript란 자바스크립트(JavaScript)는 웹 브라우저에서 많이 사용하는 인터프리터 방식의 객체지향 프로그래밍 언어이다. - 인터프리터 : 한 줄 단위로 번역과 동시에 프로그램을 즉시 실행시키는 프로그램 자바스크립트는 ECMA스크립트 표준을 따르는 대표적인 웹 기술이다. - ECMA(European Computer Manufacturers Association) : 표준화 기구 HTML이 웹 문서의 뼈대 역할로 CSS가 그 뼈대를 꾸며주는 역할이라면 자바스크립트는 생동감을 불어넣기 위해 만들어진 프로그래밍 언어이다. 자바스크립트로 작성한 프로그램을 스크립트(script)라고 부르고, 스크립트는 웹 페이지의 HTML안에 작성 가능하며 웹페이지 로드 시 자동으로 실행된다. 브라우저에는 '자바스..