profile
움직이는 만큼 행복해진다

SOLID 원칙(작성중)

단일 책임 원칙모듈, 클래스, 함수는 하나의 파트에서만 책임을 가져야 한다는 원칙개방 폐쇄 원칙소프트웨어 요소는 확장에는 열려 있으나 변경에는 닫혀 있어야 한다리스코프 치환 원칙프로그램의 객체는 프로그램의 정확성을 깨뜨리지 않으면서 하위 타입의 인스턴스로 바꿀 수 있어

약 12시간 전
·
0개의 댓글

useEffect vs useLayoutEffect

실행 순서 컴포넌트 렌더링 - 화면 업데이트 - useEffect실행비동기적으로 실행DOM과 인터렉션이 없는 경우에 사용(대부분 경우)실행 순서 컴포넌트 렌더링 - useLayoutEffect 실행 - 화면 업데이트동기적으로 실행됨렌더링 직후 DOM요소의 값을 읽을 때

2일 전
·
0개의 댓글

husky & git hooks

node.js 환경에서 git hook을 손쉽게 제어하도록 도와주는 매니저https://www.npmjs.com/package/huskypre-commit : 커밋이 만들어지기 전에 호출Git 과 관련한 어떤 이벤트가 발생했을 때 특정 스크립트를 실행할 수 있

3일 전
·
0개의 댓글

npm --save-dev 라이브러리

\--save-dev를 추가하면 devDependencies에 추가되고\--production build시 포함되지 않는다참고https://ithub.tistory.com/165

4일 전
·
0개의 댓글

2021.11.28 미팅 중 나왔던 용어 정리

on-premise서버를 자체적으로 보유한 전산실 서버에 직접 설치하고 관리하는 방식클라우드 컴퓨팅 방식이 나오기 전까진 기업 인프라 구축의 일반적인 방식이었음반댓말 : off-premise (클라우드 방식)MSA서비스를 독립적인 단위로 나눠서 관리하고 독립적으로 배포

5일 전
·
0개의 댓글
post-thumbnail

6장. 프락시

6장. 프락시 프락시 서버 : 중개자 클라이언트 - 프락시 - 서버 HTTP메시지를 정리하는 중개인 처럼 동작한다 이 장에서는 ... 프락시 기능에 대한 특별한 지원 프락시 서버를 사용할 때 보게 될 몇 가지 교묘한 동작 HTTP 프락시 서버의 모든 것 이

2021년 11월 25일
·
0개의 댓글

Recoil

Facebook에서 만든 React 상태 관리 라이브러리Redux, MobX의 API는 단순하지 않고, React에서 사용하기 위해 나온 것이 아님react-redux, mobx-react 같이 wrapper 라이브러리가 있음React 스럽게(?) API와 동작 방식으

2021년 11월 23일
·
0개의 댓글

리터럴(literal) vs 상수(constant)

변수의 값이 변하지 않는 데이터(메모리 위치안의 값)변하지 않는 변수(메모리 위치)상수가 더 포괄적인 의미https://mommoo.tistory.com/14

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

도메인이 다를 때 cookie 전달하기

브라우저(프론트)랑 백엔드랑 도메인이 다른경우(포트가 달라도 도메인이 다른 것으로 인식함)CORS 문제가 생김cors 모듈 - access control allow origin 헤더를 추가해서 해결쿠키도 전달이 안됨백엔드에서 요청을 누가 보낸 것인지 확인 불가능방법1.

2021년 11월 22일
·
0개의 댓글

Redis

메모리 기반의 '키-값' 구조 데이터 관리 시스템모든 데이터를 메모리에 저장하고 조회하기에 빠른 Read, Write 속도를 보장하는 NoSQLSprout(구 인프런클론) 백엔드에 세션 클러스터링을 위한 외부 서버로 사용 중https://github.com/T

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

Javascript && 와 ||

여태까지 react 또는 자바스크립트로 동적으로 컴포넌트를 렌더링 할 때(조건) && 컴포넌트(조건) ? 컴포넌트 : ''위 두가지 형태를 많이 사용했었다하지만 ||로도 가능하다는 것을 알게 되었다.앞||뒤 의 경우 앞 이 true 이면 바로 true를 return해서

2021년 11월 18일
·
0개의 댓글

React.Children.toArray()

react의 virtual dom은 key값으로 각각의 객체를 구분하고그 객체의 props가 바뀌었는지 확인을 한다Array.prototype.map을 사용해서 반복적인 컴포넌트를 그리는 경우에 React.Children.toArray()으로 감싸주면 자동으로 uniq

2021년 11월 17일
·
0개의 댓글

Github에 코드 올리는 방법(스터디 공유용)

새로운 브랜치 만드는 방법git checkout -b 새로운브랜치이름 origin/masterorigin(Github)의 master브랜치에 있는 코드를 기준으로 브랜치를 새로 만들겠다는 의미git add .git commit -m "커밋 메세지"좋은 커밋 메세지를 작

2021년 11월 17일
·
0개의 댓글

CORS

브라우저엔 HTML을 내려준 웹서버(Origin- 동일 도메인, 동일 Port, 동일 프로토콜)에게만 AJAX 요청을 보낼 수 있다그렇지 않는 경우엔 브라우저에서 차단 함CORS는 추가 HTTP헤더를 사용하여, 하나의 출처(origin)에서 실행 중인 웹앱이 다른 출처

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

HTML table element

내가 지금까지 들었던 강의 중에선 table을 쓰는 강의가 하나도 없었지만 오래된 책이나 회사웹사이트에선 종종 보이는 것 같다.이번 기회에 table, tr, td, th 같은 table 관련 element를 정리해보자https://youtu.be/XUTFXu

2021년 11월 16일
·
0개의 댓글

Type alias extends

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

javascript ??, !!

자주 사용하지 않는 연산자는 한번씩 찾아보게 되는 것 같다Nullish coalescing operator (??)?? 기준 좌변의 값이 null 또는 undefined일 경우에만 우변의 값을 전달 함e.g.어떤 변수 앞에 !!를 붙이면 그것에 대한 true, fals

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

git branch 새로 만들 때 원격기반으로 만들기

새로운 브랜치를 만드는 경우엔 원격(github)을 기반으로한 브랜치로 만들자git checkout -b 새로 만들 브랜치 이름git checkout -b newFeature origin/main원격의 브랜치를 가져올 땐 origin/을 붙여줘야 한다.로컬의 main

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

git stash : 급하게 브랜치를 바꿔야 할 때

종종 다른 브랜치에 작성한 코드를 보기 위해 현재까지 작성한 코드를 임시로 커밋 후 브랜치를 바꾸곤 했다.오늘 git stash라는 것을 알게 되었고 다음에 그럴 상황이 생기면 git stash를 이용해서 의미없는 커밋을 하는 것을 지양해야겠다.참고git stash 사

2021년 11월 14일
·
0개의 댓글

React.lazy and (next.js) Suspense

React.lazy와 Suspense를 사용하면 코드 스플리팅을 하기 위해 state를 따로 선언하지 않고간편하게 컴포넌트 코드 스플리팅을 할 수 있다고 한다.컴포넌트를 렌더링 하는 시점에비동기적으로 로딩할 수 있게 해주는 유틸 함수리액트 내장 컴포넌트코드 스플리팅된

2021년 11월 14일
·
0개의 댓글