티스토리

CodeFlex
검색하기

블로그 홈

CodeFlex

eiiyy12.tistory.com/m

nickmorohe 님의 블로그입니다.

구독자
0
방명록 방문하기

주요 글 목록

  • 자바 스크립트 1. 자바스크립트(javascript) 객체 기반의 스크립트 언어 HTML 웹의 내용 작성, CSS 웹 디자인, javascript 웹의 동작을 구현 자바스크립트-----인터프리터------컴퓨터 웹 브라우저에서는 자바스크립트 소스를 읽고 처리하는 해석기(javascript interpreter) 컴파일 과정이 없이 브라우저 내부의 자바스크립트 처리기(인터프리터)에 의해 바로 실행된다 1) 자바 스크립트 역사 1995년 넷스케이프사 브렌던아이크가 개발 모카 -> 라이브 스크립트 -> 자바스크립트 2) 자바스크립트의 특징 퍼즐 조각처럼 코드형태로 html 페이지 내장된다 컴파일 과정이 없이 브라우저 내부의 자바스크립트 처리기(인터프리터)에 의해 실행 [index.html] [웹브라우저] 3) 자바와 자바스.. 공감수 0 댓글수 0 2024. 2. 15.
  • 깊은 복사와 얕은 복사 1. Deep Copying (1) 깊은 복사는 개체 값의 복사본을 저장 (2) 깊은 복사는 원본 개체의 복사된 개체에 대한 변경 사항을 반영하지 않음 (3) 깊은 복사는 원본 객체의 복사본을 저장하고 객체도 재귀적으로 복사 (4) 얕은 복사에 비해 상대적으로 느림 2. Shallo Copying (1) 얕은 복사는 객체의 참조를 원래 메모리 주소에 저장 (2) 얕은 복사는 원본 개체의 복사된 개체에 대한 변경 사항을 반영 (3) 얕은 복사는 원본 개체의 복사본을 저장하고 개체에 대한 참조를 기다림 (4) 깊은 복사에 비해 상대적으로 빠름 참고 https://www.geeksforgeeks.org/difference-between-shallow-and-deep-copy-of-a-class/ 공감수 0 댓글수 0 2022. 11. 16.
  • async / await 1. async funtion async function name([param[, param[, ... param]]]) { statements } name : 함수 이름, param : 인자, statements 본문 (1) AsyncFunction 객체를 반환하는 하나의 비동기 함수 (2) 비동기 함수는 이벤트 루프를 통해 비동기적으로 작동하는 함수, Promise를 사용하여 결과를 반환 (3) async 함수에는 await식이 포함 될 수 있음 => async 함수 본문 외부에서 await를 사용하게 된다면 SyntaxError 발생 2. async/await 함수의 목적 (1) promise의 동작을 동기와 비슷하게 사용 (2) 어떠한 동작을 여러 promise 그룹에서 간단하게 동작하게 시킴 참.. 공감수 0 댓글수 0 2022. 11. 16.
  • Callback 함수와 Promise 1. Callback function (1) 콜백함수는 다른 함수에 인자로 들어가는 함수로 어떤 특정한 명령이나 행동을 실행하기 위한 명령을 마치기 위해 밖의 함수에서 안으로 호출 됨 (2) 연결리스트가 있을 때 하나의 방법으로 리스트의 반복자로 각 객체 처리 가능 2. Promise (1) 생성된 시점에는 알려지지 않았을 수도 있는 값을 위한 대리자 (2) 비동기 연산이 실패 할 시에 실패 처리를 위한 처리기를 연결(비동기메서드에서 마치 동기 메서드 처럼 값을 반환) => 미래의 어떤 시점에 결과를 제공하겠다는 '약속'을 반환 (3) Promise의 상태 대기(pending): 이행하지도, 거부하지도 않은 초기 상태 이행(fulfilled): 연산이 성공적으로 완료됨 거부(rejected): 연산이 실.. 공감수 0 댓글수 0 2022. 11. 16.
  • Null, Undefined, NaN 1. Null (1) Javascript의 원시 타입 중 하나 (2) 일반적으로 존재하지 않거나 유효하지 않은 object (3) 주소를 의도적으로 가리키는 참조를 나타냄 (4) boolean 타입에서 false로 취급 2. undefined (1) 전역 객체의 속성, 전역 스코프의 변수 (2) 원시값 (3) 선언 후 할당하지 않은 변수 또는 값이 주어지지 않는 인수에 자동으로 할당 3. NaN(Not a Number) (1) 전역 객체의 속성,전역 스코프의 변수 (2) 초기값은 Not-A-Number로, Number.NaN의 값과 같음 (3) NaN을 반환하는 경우 숫자로서 읽을 수 없음 (parseInt("문자"), Number(undefined)) 결과가 허수인 수학 계산식 (Math.sqrt(-1.. 공감수 0 댓글수 0 2022. 11. 15.
  • var, let, const 1. var (1) 변수를 선언 (2) 변수 선언전 선언과 초기화 동시 진행 (3) 변수를 블록을 고려하지 않고 전역, 지역 스코프 어디에서나 접근할 수 있는 변수를 선언 (4) 호이스팅(hoisting)이 적용 2. let (1) let 은 블록 스코프의 범위를 가지는 지역 변수를 선언 (2) 선언과 초기화 단계가 분리되어 진행 (3) 구조 분해 할당 적용 가능 (4) 자신을 선언한 블록과 모든 하위 블록을 스코프 (5) 파서가 구문을 평가해야만 변수를 값으로 초기화 (6) 같은 변수를 같은 함수나 블록 스코프 안에서 다시 선언하려고 시도하면 에러 발생 3. const (1) 블록 범위의 상수 선언 (2) const로 선언한 것은 재할당 X, 재선언 X (3) 초기화 필요 (4) 블록 범위 스코프 4... 공감수 0 댓글수 0 2022. 11. 15.
  • Javascript ES6 1. ECMAScript 2015 ECMAScript 2015는 두 번째 자바스크립트의 개정 버전으로 ES6과 ECMAScipt6로도 알려져 있습니다. 2. 추가된 기능들 (1) let, const 키워드 (2) 화살표 함수 (3) Spread 연산자 (4) for of 문 (5) Maps , Sets, Classess, promises (6) Symbol type (새로운 원시 타입) (7) Default Parameters(자동 디폴트 값) (8) Rest Parameter(...) : 함수에 전달된 인수들의 목록을 ... 매개변수를 통해 배열로 전달 받음) (9) 문자열 메서드 includes(), startsWith(), endsWith() 추가 (10) 배열 메서드 from(), keys(), .. 공감수 0 댓글수 0 2022. 11. 15.
  • 비교 연산자(Comparison operater) 1. 비교 연산자 (1) 비교 연산자는 피연사낮 사이의 상대적 크기를 판단하여, 참(true)와 거짓(false)으로 결과를 반환 (2) 비교 연산자는 모두 두 개의 피연산자를 가지는 이항 연산자이고, 피연산자들은 왼쪽에서 오른쪽으로 결합 (3) 피연산자가 둘 다 숫자면, 숫자를 서로 비교 (4) 피연산자가 둘 다 문자라면, 문자열의 첫 번째 문자부터 알파벳 순서대로 비교 2. 비교 연산자의 종류 비교 연산자 설명 == 왼쪽과 오른쪽 값이 같다면 참 반환 === 왼쪽과 오른쪽 값과 타입이 같다면 참 반환 != 왼쪽과 오른쪽 값이 같지 않다면 참 반환 !== 왼쪽과 오른쪽 값이 다르거나, 타입이 다르면 참를 반환 > 왼쪽이 오른쪽보다 값이 크다면 참을 반환 >= 왼쪽이 오른쪽 값보다 크거나 같으면 참을 반환 공감수 0 댓글수 0 2022. 11. 14.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.