본문 바로가기

분류 전체보기267

[TIL]Javascript - 전역 객체를 바인딩 하는 this this 앞서 공부한 내용을 보면 자바스크립트의 함수는 '정의'로 존재하고, '호출'로 실행된다. - 함수의 정의 - 함수의 호출 함수가 호출 될 때, 매개변수로 전달되는 인자값 외에도 다음의 값을 암묵적으로 전달 받는다. argument객체 this function add(num) { console.log(num); // 3 console.log(arguments); // Arguments [3, callee: ƒ, Symbol(Symbol.iterator): ƒ].. console.log(this); // Window {0: global, window: Window, self: Window, ... return num + num; } add(3); // 6 이 경우 전달 받은 인자 값은 '3' 하나이.. 2021. 8. 22.
[TIL]Javascript - 객체 접근 Dot Notation, Bracket Notation ✅ 자바스크립트에서 객체에 접근하는 2가지 방법 Dot Notation (점 표기법) object.property ' . '(점)을 이용해서 접근 /* Dot Notation으로 value에 접근하는 방법 */ 객체이름.key let myArray = { name : '강당당', age : 30, city : ['busan', 'seoul'], mycheck : true } console.log(myArray.name); // 강당당 console.log(myArray.age); // 30 console.log(myArray.city); // ["busan", "seoul"] console.log(myArray.mycheck); // true Bracket Notation (괄호 표기법) object[p.. 2021. 8. 22.
[TIL]Javascript - 객체란? (문법, 사용 이유) Object (객체) 프로퍼티(property)의 정렬되지 않은 집합 property는 키(key)과 값(value)으로 구성 key : 문자열 value : 모든 자료형 사용가능 object = { key : value; } ✅ 자바스크립트의는 객체 기반의 script언어 이다. ✅ 자바스크립트의 기본 타입(data type)은 객체(object)이다. 객체 : js에서는 프로그램에서 인식가능한 모든 대상을 지칭 숫자, 문자열, 불리언, undefined타입을 제외한 모든 것 원시 타입인 숫자, 문자열, 불리언의 경우 값이 정해진 객체로 취급. 객체로서의 특징도 함께 가진다. 이미지도 객체, 링크도 객체, 텍스트도 객체, 링크도 객체 웹 문서 자체도 객체, 그 안에 사용되는 요소도 객체 문서 객체 모델.. 2021. 8. 20.
[TIL]Javascript - ES6 Arrow function -1- (화살표 함수) Arrow function 특징 화살표함수는 함수를 식별할 수 있는 식별자(=함수명)가 없음 (익명함수 표현식과 유사) 화살표 함수를 호출하기 위해 함수 표현식 방법으로 호출해 줄 수 있음 /* 기존 함수 */ function 함수명 (param1, param2...){ body... return; } /* 화살표 함수 */ () => { } ✅ 기존 함수를 화살표 함수로 표현하려면? /* "함수 선언문"방식으로 표현된 함수 */ function sum(num1, num2){ return num1 + num2 } const result = sum(1, 2); console.log(result); // 3 /* 식별자가 없는 "화살표 함수" */ (num1, num2) => { return num1 + n.. 2021. 8. 19.
[TIL]Javascript - Return이란? return return [[expression]] return을 만나면 함수는 종료 함수안에서 return 명령문에 도달하면, 함수의 실행은 그 지점에서 중단 그 뒤의 코드에는 도달 불가능 값을 제공할 경우 그 값을 반환하므로 반환 값을 얻기위해 사용 return을 '명령어'라고도 하고 '예약어'라고도 함 함수 내부의 return키워드를 생략 가능. 그래도 보이지 않는 값은 반환되고 있음. 값을 명시하지 않으면 undefined 반환 function add(x) { return x + x; } let test1 = add(10); console.log(test1) // 20 let test2 = add(); console.log(test2); // NaN /* return에 값을 명시하지 않을 경우 *.. 2021. 8. 18.
[WEB]웹 브라우저 - Chrome, Edge, Whale 학교 HTML과목 과제로 조사 했던 내용인데, 브라우저에 대해 새로 알게 된 부분이 많아 포스팅 해두기로했다. 점수도 다 나왔으니 괜찮겠지? (복사, 붙여넣기 하면 과제 0점임을 유의하세요.) 웹 브라우저 3종류 (1) Chrome (크롬) 브라우저 1) 개발사 : Google (구글) 2) 내 사용환경 브라우저 엔진 Chromium(크로미움) 엔진 Chrome 버전 90.0.4430.72 (공식 빌드) (64비트) (cohort: 90_72_win) OS Windows 10 OS Version 2004 (Build 19041.928) JavaScript V8 9.0.257.17 사용자 에이전트 Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 .. 2021. 8. 18.
[TIL]Javascript - Array Method 4. Sorting Arrays .sort([compareFunction]) 배열의 원소를 정렬 ASCII 코드 순으로 정렬됨 알파벳 순 숫자 순 - 본 숫자의 크기가 아닌 앞자리 수의 크기를 기준으로 정렬 var arr = [ 100, 10, 200, 700, 8, 300, 9, 7 ]; arr.sort(); console.log( arr ); // [10, 100, 200, 300, 7, 700, 8, 9] 조건 순으로 정렬 parameter compareFunction : 비교 기능 정렬의 순서를 정의하는 조건 인수에 따라 음수, 0, 양수 값을 반환 결과값이 0이면 이동 없음 결과가 양수이면 b는 a 앞으로 정렬 예) a = 100, b = 10이면 a - b = 100 - 10 = 90(양수) 10, 100 순으로 정렬 /* .. 2021. 8. 17.
[TIL]Javascript - Array Method 3. 자주 쓰이는 메서드 .length 배열의 원소 수를 반환 메서드 끝에 ()를 사용하지 않는다. let myArray =[ 1, 2, 3, 4 ]; console.log( myArray.length ); // 4 console.log( myArray.length() ); // Uncaught TypeError: arr.length is not a function indexOf(searchValue[ , fromIndex]) 배열 안 요소의 인덱스 찾기 parameter searchValue : 찾을 문자열. 값이 없으면 "undefined"를 찾을 문자열로 사용 (Required) fromIndex : 문자열에서 찾기 시작하는 위치 Index (Optional) 같은 문자열이 존재할 시 제일 먼저 나오는 index값을 반환 .. 2021. 8. 16.