개발 공부/Javascript
-
[JavaScript] 5. 배열과 객체 (Array and Object)개발 공부/Javascript 2021. 5. 10. 02:08
개인적으로 JavaScript를 공부하고 그 흔적을 남기는 곳입니다. 1. 배열 (Arrays) 키와 속성들을 담고 있는 참조 타입의 객체(object) 순서를 보장한다는 특징이 있다. 주로 대괄호를 이용하여 생성하고, 양의 정수 인덱스로 특정 값에 접근 가능하다. 배열의 길이는 array.length 형태로 접근 가능하다. [ 기본 배열 조작 메서드 ] const numbers = [1, 2, 3, 4, 5] // 1) reverse : 원본 배열 요소의 순서를 반대로 정렬 numbers.reverse() console.log(numbers) // [5, 4, 3, 2, 1] // 2) push : 배열의 가장 뒤에 요소 추가 numbers.push(100) console.log(numbers) // ..
-
[JavaScript] 4. 함수(Functions)개발 공부/Javascript 2021. 5. 10. 01:15
개인적으로 JavaScript를 공부하고 그 흔적을 남기는 곳입니다. 1. 함수 선언식과 함수 표현식 함수(function)는 참조 타입 중 하나로써 "function 타입"에 속한다. "함수 선언식 & 함수 표현식" 이렇게 두가지 방법으로 함수를 정의할 수 있다. 자바스크립트의 함수는 일급객체에 해당한다. 일급객체란? 1) 변수에 할당 가능하고, 2) 함수의 매개변수로 전달 가능하고, 3) 함수의 반환 값으로 사용가능 한 객체를 뜻한다. 함수 선언식 : 함수의 이름과 함께 정의하는 방식 (이름, 매개변수, 중괄호 내부 로 구분된다.) * 함수 선언식으로 선언한 함수는 var로 정의한 변수처럼 호이스팅이 발생한다. (선언 전 사용 가능) add(1, 2) // 3 function add(num1, num..
-
[JavaScript] 3. 원시 타입, 참조타입과 연산자(할당, 비교, 동등비교, 일치비교, 논리, 삼항)개발 공부/Javascript 2021. 5. 10. 00:50
개인적으로 JavaScript를 공부하고 그 흔적을 남기는 곳입니다. 1. 원시 타입 (Primitive Type) 객체(object)가 아닌 기본 타입들을 말한다. 변수에 해당 타입의 값이 담긴다고 생각하면 된다. 다른 변수에 복사할 때 실제로 값이 복사된다. 1-1) 숫자 (Number) 정수, 실수 구분없는 하나의 숫자 타입 부동소수점 형식을 따른다. NaN (Not a Number) : 계산 불가능할 경우 반환되는 값을 지칭 (문자열을 숫자로 나누는 경우 등) const a = 10 // 양의 정수 const b = -5 // 음의 정수 const c = 1.05 // 실수 const d = 3.118e3 // 거듭제곱 const e = Infinity // 양의 무한대 const f = -Inf..
-
[JavaScript] 2. 조건문과 반복문개발 공부/Javascript 2021. 5. 10. 00:13
개인적으로 JavaScript를 공부하고 그 흔적을 남기는 곳입니다. 1. 조건문 (if, switch) 1-1) if statement 조건 표현식의 결과 값을 Boolean 타입으로 변환 후 참/거짓을 판단 조건은 소괄호 안에 작성하고, 실행할 코드는 중괄호 안에 작성한다. const username = 'admin' if (username === 'admin') { console.log('관리자님 환영합니다.') } else if (username === 'manager') { console.log('매니저님 환영합니다.') } else { console.log(`${username}님 환영합니다.`) } 1-2) switch statement 조건 표현식의 결과 값이 어느 case에 해당하는지 판..
-
[JavaScript] 1. JavaScript의 기초, 변수와 식별자에 대해개발 공부/Javascript 2021. 5. 9. 23:44
개인적으로 JavaScript를 공부하고 그 흔적을 남기는 곳입니다. 1. 서론 ECMA : 정보 통신에 대한 표준을 제정하는 비영리 표준화 기구 현재 자바스크립트의 표준이 되는 ES6는 ECMAScript6의 줄임말로, ECMA에서 제안하는 6번째 표준 명세를 말한다. ES6는 2015년에 발표되어, ES2015라고도 하며 이 시기를 기점으로 자바스크립트에 대대적인 변화가 있었다. 세미콜론 자바스크립트는 반드시 세미콜론을 문장의 끝에 붙이지 않아도 된다. 세미콜론이 없는 경우, ASI(Automatic Semicolon Insertion)에 의해 자동으로 세미콜론이 삽입된다. 다양한 코딩 스타일이 있지만, 대표적으로는 에어비앤비의 자바스크립트 코딩 스타일을 따른다. airbnb/javascript Ja..
-
생활코딩 WEB2 - JavaScript 강의 요약개발 공부/Javascript 2020. 8. 10. 01:31
본 게시글은 생활코딩(https://www.opentutorials.org/)에서 WEB2 - JavaScript 강의를 듣고 개인적으로 요약한 것입니다. 모든 저작권은 생활코딩과 이고잉님에게 있음을 밝힙니다. 👍 1. JavaScript의 개념 html은 정적이다. JavaScript는 html에 입혀져서 동적으로 동작하게 만드는 언어이다. 안에서 동작한다. onclick 속성 값에는 반드시 자바스크립트 문법이 와야 한다. onclick, onkeydown, onchange 같은 것들이 event를 의미한다. 2. JavaScript의 데이터 타입 Boolean : 참(true) 혹은 거짓(false) 둘 중에 하나의 값을 가지는 것. Null: 일반적으로 존재하지 않거나 유효하지 않은 값. 즉 비어있..