profile
Hello. I'm Front-End Developer Trying to Create Valuable Things.
post-thumbnail

커맨드 패턴 (command pattern)

DesignActionDC.dispatch(action) 이라고 볼 수 있다.DesignActionDC 의 dispatch 매서드는 커맨드 패턴의 excute 매서드와 같다고 볼 수 있다.그 이유는...외부에서는 내부 로직은 모른 채 dispatch 매서드만 호출하여

2023년 2월 26일
·
0개의 댓글
·

ORM 이란

ORM 이란 쉽게말해 비직관적인 RDbms 를 직관적으로 만들어주는 것이다. 객체지향 프로그래밍에서는 클래스를 사용하고 RDBms 는 테이블을 사용한다. 따라서 두 괴리감으로 인해 가독성이 안좋은 코드를 만들어야하는데, ORM 을 사용하면 테이블을 객체 형태로 접근하

2023년 2월 8일
·
0개의 댓글
·

MIT 강의

2\.

2023년 1월 26일
·
0개의 댓글
·
post-thumbnail

flux 패턴

Flux 어플리케이션은 dispatcher, store, view 로 구성되어 있습니다.Flux 패턴은 데이터의 이동이 양방향인 MVC 패턴과는 다릅니다.View 가 액션을 감지하면 Dispatcher 로 액션을 보내기 때문이죠.Dispatcher 는 비즈니스 로직과

2023년 1월 19일
·
0개의 댓글
·
post-thumbnail

d.ts 이란?

https://stackoverflow.com/questions/21247278/about-d-ts-in-typescript!\[](https://velog.velcdn.com/images/gak/post/73fdd506-e165-421a-847a-a

2023년 1월 16일
·
0개의 댓글
·

Webpack 질문

웹팩의 역할은 우리가 만든 자바스크립트 파일을 번들링하여, 적은 수의 파일로 사용자 요청을 처리하는 것이다. 이렇게 함으로서 페이지를 불러오는 시간을 줄이고, 서버 부담을 줄일 수 있다.HTTP 2.0 부터는 여러개의 요청을 보낼 수 있는데 굳이 번들링을 해야할까? 오

2023년 1월 15일
·
0개의 댓글
·

SOLID 원칙

https://blog.itcode.dev/posts/2021/08/16/interface-segregation-principle

2023년 1월 12일
·
0개의 댓글
·

FinalizationRegistry

FinalizationRegistry 은 이름에서 알 수 있듯이 특정 변수가 Garbage Collecting 되었는지 확인 할 수 있는 클래스이다.FinalizationRegistry 에 특정 변수와 cb(callback)을 등록하면, 그 변수가 GC 당할때 call

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

async React component effects after unmount 에러 핸들링하기

리액트 컴포넌트 내부에서 Async 요청을 보낸 뒤에, 응답을 받기 전에 해당 컴포넌트가 unmount 되면, then 내부 코드가 실행이 될때, 애매한 상황이 연출된다. 이미 컴포넌트는 unmount 되었는데, 컴포넌트에 접근해야 한다니...그럴경우에 위 이미지와 같

2023년 1월 10일
·
0개의 댓글
·

propTypes 와 defaultProps

propTypes 은 리액트 컴포넌트 props 의 타입을 지정해 줄 수 있는 방법이다.타입스크립트에서는 필요없지만, js 에서는 유용하다.React15 버전 이후로 prop-types 라는 별도 패키지로 제공된다.하지만, 지정해준 타입과 다른 인자가 들어오면 콘솔에

2023년 1월 9일
·
0개의 댓글
·

제어컴포넌트와 비제어컴포넌트

제어컴포넌트는 React 의 state 로 view 를 관리하는 것입니다.input tag 의 value 와 onChange 값을 둘 다 지정함으로서, view 와 state 의 싱크를 컨트롤 하는 것이죠.비제어컴포넌트는 위 방식과는 다르게, view 의 값을 제어하지

2023년 1월 8일
·
0개의 댓글
·

useEffect 의 return 은 unmount 될때만??

UseEffect 안의 return 은 cleanup 역할을 한다.즉, useEffect 가 재실행 될때 기존에 존재하던 로직을 cleanup 할 수 있거나, 특정 코드를 실행시킬 수 있다.실무에서, useEffect 의 cleanUp 함수가 단지 componentWi

2023년 1월 7일
·
0개의 댓글
·
post-thumbnail

결합도와 응집도

소프트웨어 공학에서 결합도(coupling) 또는 의존도는 어떤 모듈이 다른 모듈에 의존하는 정도를 나타내는 것이다.결합도가 낮다는 것은, 각 객체가 외부에 의존하지 않고 스스로 자생할 수 있다는 것이다.객체 내부에 필요한 정보가 전부 존재하게되면, 외부와 결합하지 않

2023년 1월 6일
·
0개의 댓글
·

클로저[Closure]

클로저란, 중첩 함수가 상위 스코프의 식별자를 참조하고 있고 중첩 함수가 외부함수보다 더 오래 유지되는 경우에 한정하는것이 일반적이다.Example of Closure위 예시에서 클로저의 2가지 조건을 만족한다.내부함수가 외부함수보다 생명 주기가 길다.\-> 외부함수

2023년 1월 4일
·
0개의 댓글
·

this 바인딩

this 바인딩은, 현재 함수가 실행되는 context 에 this 가 매핑되는 것이다.예를들어 아래의 경우가 있다.foo() 함수 내부에서 this 가 존재하고, this.a 가 10으로 만들어졌지만,전역에서 this 는 foo() 함수 내부에서 존재하던 this 와

2023년 1월 3일
·
0개의 댓글
·

몽상

가격을 결정하는건 인건비다.부추 1단이 2500원, 치킨1조각이 2500원.절대적인 양과 영양분은 부추 1단이 많은데 치킨 1조각과 가격이 같다.고급 레스토랑의 작은 음식들도 마찬가지.양은 적고 재료도 적은데 인건비가 비싸서그렇다.1000명이 1분씩 공들인 어떤 무언가

2023년 1월 3일
·
0개의 댓글
·

PR 리뷰 작성법

/shared 에 있는 파일에서 /editor 의 파일을 참조하고 있는지?Undefined, null 가능성이 있는 변수에 매서드를 실행시키는 경우네이밍 규칙을 잘 지키고 있는지e.g) 파스칼, 카멜케이스 준수 여부변수의 의미에 맞는 네이밍을 사용하고 있는지 e.g)

2023년 1월 2일
·
0개의 댓글
·

리액트 관련 task

ReactDOM.render 써보기React.createElement() 도 같이React.props 를 자식 컴포넌트에서 변경하려고 시도하면?React.DOM.h1(null, 'HelloWorld')React.DOM / React.createElement() / JS

2023년 1월 2일
·
0개의 댓글
·

React.createElement 와 JSX 의 기본개념

React 클래스에 createElement 라는 static public method 를 써서 DOM 을 만들 수 있다.createElement 의 명세는 아래와 같다.간단하게 구현을 해보면 아래와 같을 것 같다.createElement 로 View 를 만들면 가독성

2023년 1월 1일
·
0개의 댓글
·

면접 경험 & 나는 어떻게?

@나주니어들이 모르는 것을 질문했을때, 기술적으로 알려주지는 못할 것 같다.경력에 비해서, 아는 내용이나 기술이 부족한 것 같다.@용천님환경의 제약으로 인해서, 많이 발전하실 기회가 없으셨을 것 같다.기술적 역량은 낮아보이지만, 성장 가능성은 있어보인다.비록 기술적 역

2022년 12월 28일
·
0개의 댓글
·