본문 바로가기

What would life be If we had no courage to attemp anything?

Language/JavaScript28

JavaScript - this this - "자기참조변수" 정의 내가 어떻게 불리느냐에 따라 바인딩 되는 것. 목적 "객체"에서 "내"가 프로퍼티나 메서드를 참조하기 위해 "어디서" "어떻게" 부르느냐에 따라 this는 달라진다! 일반 함수로 호출 되었을 때 -> **전역 객체** 함수() -> window function test(){ console.log(this) } test() Window {0: global, window: Window, self: Window, document: document, name: '', location: Location, …} 메서드로 호출 되었을 때 -> **"그" 메서드를 보유한 객체 ** 객체.메서드() ->객체 const obj = {} const obj = { test : function.. 2022. 5. 2.

JavaScript - 객체(Objects) 🤍객체(Objects) - “다양한 형태의 자료형”을 가진 자료구조 객체 : '키'와 '값'으로 이루어진 '프로퍼티'들의 집합! (키와 값의 집합) 객체의 목적 : 다양한 "데이터 타입"의 자료들을 할당하기 위함 프로퍼티 키 : (문자열) 프로퍼티 값 : (모든값) 프로퍼티 값이 함수인 경우를 "메서드" 메서드 : 객체안의 함수 객체안에 프로퍼티 값이 함수인 : 메서드 함수 안에 메서드가 포함!! |객체의 정의와 특징 객체는 속성(property)의 집합이며, 중괄호 내부에 key와 value의 쌍으로 표현 key는 문자열 타입*만 가능 (참고) key 이름에 띄어쓰기 등의 구분자가 있으면 따옴표로 묶어서 표현 value는 모든 타입(함수포함) 가능 객체 요소 접근은 점 또는 대괄호로 가능 (참고) ke.. 2022. 4. 27.

JavaScript - 배열(Arrays) 🤍배열(Arrays) JavaScript에서의 배열은 “정식 배열”이 아님! “유사 배열 객체”임! →객체 const a = [] typeof a //'object' 배열의 정의와 특징 키와 속성들을 담고 있는 참조 타입의 객체(object) 순서를 보장하는 특징이 있음 주로 대괄호를 이용하여 생성하고, 0을 포함한 양의 정수 인덱스로 특정 값에 접근 가능 배열의 길이는 array.length 형태로 접근 가능 (참고) 배열의 마지막 원소는 array.length – 1로 접근 const numbers = [1,2,3,4,5] console.log(numbers[0]) //1 console.log(numbers[-1]) //undefined console.log(numbers.length)//5 cons.. 2022. 4. 27.

JavaScript - 문자열(String) 🤍문자열 |문자열 관련 주요 메서드 includes split replace trim |includes string.includes(value) 특정 문자열의 존재 여부를 참/거짓으로 반환 const str = 'a santa at nasa’ str.includes('santa') // true str.includes('asan') // false |split string.split(value) 문자열을 토큰 기준으로 나눈 배열 반환 value가 없을 경우, 기존 문자열을 배열에 담아 반환 value가 빈 문자열일 경우 각 문자로 나눈 배열을 반환 value가 기타 문자열일 경우, 해당 문자열로 나눈 배열을 반환 const str = 'a cup’ str.split() // ['a cup’] str.sp.. 2022. 4. 26.

JavaScript - 함수(function) 🤍함수 - 인풋값에 어떠한 조작을 가해 아웃풋 값을 뽑는 것 |함수 in JavaScript 참조 타입 중 하나로써 function 타입에 속함 JavaScript에서 함수를 정의하는 방법은 주로 2가지로 구분 함수 선언식 (function declaration) 함수 표현식 (function expression) |함수 선언식 함수의 이름과 함께 정의하는 방식 3가지 부분으로 구성 함수의 이름(name) 매개변수 (args) 몸통(중괄호 내부) function name(args) { //do something } function add(num1,num2){ return num1+num2 } add(1,2) |함수 표현식 const name = function (args){ //do something }.. 2022. 4. 26.

JavaScript - 조건문 🤍조건문 |조건문의 종류와 특징 ‘If’ statement 조건 표현식의 결과값을 Boolean타입으로 변환 후 참/거짓 판단 조건은 소괄호! 실행할 코드는 중괄호! 블록스코프 생성 if (condition){ //do something }else if (condition){ //do something }else { //do something } const nation = 'korea' if (nation ==== 'korea'){ console.log('안녕하세요!') } else if (nation === 'spain'){ console.log('hola!') } else { cosole.log('hello') } ‘switch’statement 조건 표현식의 결과값이 어느 값(case)에 해당하는지.. 2022. 4. 26.

JavaScript - 데이터 타입, 연산자 🤍데이터 타입 |데이터 타입의 종류 자바스크립트의 모든 값은 특정한 데이터 타입을 가짐 크게 원시타입(Primitive type)과 참조타입(Reference type) 으로 분류 원시 타입(Primitive type) 참조 타입(Reference type) 객체(object)가 아닌 기본 타입 객체(object)타입의 자료형 변수에 해당 타입의 값이 담김 변수에 해당 객체의 참조 값이 담김 다른 변수에 복사할 때 실제 값이 복사됨 다른 변수에 복사할 때 참조 값이 복사됨 |원시타입의 undefined타입과 null타입 비교 undefined null 빈 값을 표현하기 위한 데이터 타입 빈 값을 표현하기 위한 데이터 타입 변수 선언 시 아무 값도 할당하지 않으면, 자바스크립트가 자동으로 할당 개발자가 의.. 2022. 4. 26.

JavaScript - intro, 변수 JavaScript 기초 a=b —> b를 a에 “할당”한다 할당 : “최초”에 무언가를 a에 넣는 행위 재할당 : “같은공간(메모리→변수a)”에 무언가를 넣는 행위 데이터 타입 : 원시값,객체값 🤍Intro |브라우저 (browser === browse;검색하다+er;~하는 것) URL로 웹(WWW)을 탐색하며 서버와 통신하고, HTML 문서나 파일을 출력하는 GUI 기반의 소프트웨어 인터넷의 컨텐츠를 검색 및 열람하도록 함 “웹 브라우저”라고도 함 주요 브라우저 Google Chrome, Mozilla Firefox, Microsoft Edge, Opera, Safari |JavaScript의 필요성 브라우저 화면을 ‘동적’으로 만들기 위함 브라우저를 조작할 수 있는 유일한 언어 🤍Browser |B.. 2022. 4. 26.

이전 1 2 3 다음

티스토리툴바