profile
Programmer
post-thumbnail

[JS]로 알아보는 DI vs IOC vs DIP

학습목표 객체 설계 시 객체의 종속성을 낮추고 DI, IOC, DIP를 학습하면서 객체 시 좀 더 느슨한 결합을 통해 유지보수하기 좋은 코드를 만들 수 있다. IOC(제어의 역전)이란? > IOC(Inversion of Control) 소프트웨어 공학에서 제어 역전

2022년 11월 15일
·
2개의 댓글
·
post-thumbnail

Javascript로 Deque를 직접 구현하는 이유

 Javascript로 Queue자료형을 통해 BFS관련 로직을 짜려고 하였다. 하지만 기존에 사용하던 python과는 다르게 <span style='background-color:   대신 javascript에는 배열의 첫번째 요소를 뽑아먹을 수 있는 shift

2022년 5월 18일
·
0개의 댓글
·
post-thumbnail

자바스크립트 객체

객체 리터럴과 객체클래스와 객체프로퍼티 속성메서드 다형성메서드 추상화상위 클래스 메서드 호출소스 코드의 고정된 값을 대표하는 용어예제 코드 Javascript라는 언어는 거의 대부분이 객체 로 구성되어 있다는 점이다. 따라서 지금 다룰려고하는 프로퍼티가 매우 중요하다.

2022년 3월 5일
·
0개의 댓글
·
post-thumbnail

브라우저 렌더링 과정

전체적인 브라우저 렌더링 과정HTML 파싱과 DOM 생성CSS 파싱과 CSSOM 생성렌더 트리 생성자바스크립트 파싱과 실행리플로우와 리페인트자바스크립트 파싱에 의한 HTML 파싱 중단script 태그의 async/defer 어트리 뷰트모던 자바스크립트 38장브라우저 렌

2022년 1월 18일
·
0개의 댓글
·
post-thumbnail

Debounce && Throttle

타이머에 대해디바운스와 스크롤에 대해scroll을 이용한 디바운스와 스로틀 비교모던 자바스크립트 41장디바운스와 스로틀https://webclub.tistory.com/607- https://dev-note-97.tistory.com/278자바 스크립

2022년 1월 17일
·
0개의 댓글
·
post-thumbnail

Ajax란?

Ajax란?JSONXMLHttpRequest출처 모던 자바스크립트 43장모던 자바스크립트 single Page Application & Routinghttps://poiemaweb.com/js-spa Ajax란 자바스크립트를 사용하여 브라우저가 서버에게 비동기

2022년 1월 16일
·
0개의 댓글
·
post-thumbnail

REST API

목차 > 1. REST란? REST API RESTful RESTAPI 실습 (JSON server) 출처 모던 자바스크립트 44장 `` 1. REST란? 정의 REST(Respresentational State Transfer)의 약자로 자원을 이름(표현)으로

2022년 1월 14일
·
0개의 댓글
·
post-thumbnail

제너레이터와 async/await

목차 > 1. 제너레이터란? 제너레이터 객체 제너레이터 일시중지와 재개 제너레이터의 비동기 처리 async/await 출처 모던 자바스크립트 46강 1. 제너레이터란? 정의 > ES6에서 도입된 제너레이터(generator)는 코드 불록의 실행을 일시 중지했다가

2022년 1월 13일
·
0개의 댓글
·
post-thumbnail

모듈

모듈의 일반적 의미자바스크립트와 모듈ES6 모듈(ESM)모듈 스코프모던 자바스크립트 48장https://webclub.tistory.com/343모듈 이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다. 일반적으로 모듈은 기능을 기준

2022년 1월 12일
·
0개의 댓글
·
post-thumbnail

[JS] 생성자 함수

이처럼 class문법이나 .prototype을 명시하지 않고도 객체를 생성할 수 있다. 함수는 객체이지만 일반 객체와는 다르다. 일반 객체는 호출을 할 수 없지만 함수는 호출할 수 있다. 따라서 함수 객체의 경우 \[Call] 과 \[Construct]의 내부 슬롯이

2021년 11월 26일
·
0개의 댓글
·
post-thumbnail

[JS] 프로퍼티 어트리뷰트

자바스크립트는 모든 객체(프로퍼티)를 생성할 때 Prototype이라는 내부 슬롯을 갖는다. 이때 자바스크립트 엔진은 프로퍼티를 생성할 때 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본값으로 자동 정의한다. 값(value)갱신여부 가능(writable)열거 가

2021년 11월 26일
·
0개의 댓글
·
post-thumbnail

자바스크립트 타입 변환과 단축평가

Javascript 타입 변환 자바스크립트는 동적 언어이므로 타입 변환이 자유롭다. 이때 개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환 , 그리고 개발자의 의도와 상관없이 코드의 문맥을 고려해 암묵적으로 타입을 강제 변환하는 것을 암묵적 타입 변환

2021년 11월 6일
·
0개의 댓글
·
post-thumbnail

[JS] 자바스크립트 데이터 타입

원시 타입, 객체 타입, 그리고 래퍼 타입 | 원시타입(primitive type) | 객체 타입(reference type) | | :---: | :---: | | 숫자, 문자열, 불리언, undefined, null, symbol | 객체, 함수, 배열 등 |

2021년 10월 30일
·
0개의 댓글
·
post-thumbnail

[JS] Callback 함수, Promise, async-await

콜백함수를 사용하는 이유 동기 vs 비동기에 관해서 내가 쓴 글 동기 함수의 경우 함수 호출 후 종료할 때까지 다른 작업은 수행하지 않고 기다린 다음 원래 작업을 수행한다. 그렇지만 비동기 함수 호출 후 원래 작업을 계속 수행, 즉 다른 스레드에서 함수 두 개가 동시

2021년 9월 4일
·
0개의 댓글
·
post-thumbnail

[JS] 동기, 비동기 + 자바스크립트 이벤트 루프

동기 vs 비동기 동기 함수 호출 후 종료할 때까지 다른 작업은 수행하지 않고 기다린 다음 원래 작업을 수행한다. 비동기 ![](https://images.velog.io/images/turtle601/post/b460acd2-97d1-4f1a-ad0b-bb77c7

2021년 9월 3일
·
0개의 댓글
·
post-thumbnail

[JS] 스코프와 클로저

스코프(Scope) 정의 (Scope, 유효 범위)는 자바스크립트를 포함한 모든 프로그래밍 언어의 기본적인 개념으로 확실한 이해가 필요하다. 변수는 전역 또는 코드 블록이나 함수 내에 선언하며 코드 블록이나 함수는 중첩될 수 있다. 이때 식별자는 자신이 어디에서

2021년 9월 2일
·
0개의 댓글
·
post-thumbnail

[JS] 함수 선언문, 함수 표현식, 호이스팅

자바스크립트 함수(Function) 함수 선언문 일반적인 프로그래밍 언어에서의 함수 선언과 비슷합니다. 함수 표현식 유연한 자바스크립트 언어의 특징을 활용한 선언 방식 - 함수를 변수화시킬 수 있다. 호이스팅(hoisting) 정의 함수 안에 있는 선언들을 모

2021년 9월 1일
·
0개의 댓글
·
post-thumbnail

[JS] Prototype이란?

프로토타입 기반 언어? javascript에서는 객체를 상속하기 위해서 프로토타입이라는 방식을 사용합니다. > JavaScript는 흔히 프로토 타입 기반 언어(prototype-basd language)라 불립니다. 프로토타입 객체 이해하기 [출처: 생활코딩 Ja

2021년 8월 31일
·
0개의 댓글
·
post-thumbnail

JavaScript 기본

이전 자바스크립트 나무위키에서 봤듯이 자바스크립트는 인터프리티가 웹 브라우저 안에 생성되어있다. 따라서 우리가 javascript를 사용하기 위해서 따로 파이썬이나 자바처럼 다운로드 받을 필요 없이 웹 브라우저를 통해서 사용할 수 있다. 웹 브라우저 키고 개발자 도구

2021년 6월 17일
·
0개의 댓글
·
post-thumbnail

자바 스크립트(javascript)에 대하여

javascript란?? 프로토타입 기반의 프로그래밍 언어로, 스크립트 언어에 해당된다. Html이 웹 페이지의 기본 구조를 담당, CSS가 디자인을 담당, 그리고 JavaScript는 클라이언트 단에서 웹 페이지가 동작하는 것을 담당한다. 이 javascript는

2021년 6월 15일
·
0개의 댓글
·