https://jojoldu.github.io/

useMemo를 이해하기 전 memorization을 이해해야한다. 예를들어 다음과 같은 컴포넌트함수가 있다고 치자부모 컴포넌트에서 props로 x, y가 들어올때마다 MyComponent는 재랜더링된다. 만약 compute함수가 시간이 오래걸리는 함수라면 x, y가

Nestjs, Graphql, Typeorm을 같이 쓰기위해 개발환경세팅을 하기위한 분들께 필요한 글이 되었으면 좋겠다.nestjs에서 graphql을 사용할 수 있도록 먼저 연결한 후 데이터베이스를 이용할 수 있는 typeorm을 연결하도록 하겠다.nestjs란 no

passport-local는 nodejs에서 로그인을 간편하게해주고, 브라우저 쿠키에 세션과 웹서버에 세션을 저장해서 Authorization(인가)를 해줄 수 있도록 도와주는 라이브러리다. passport로 로그인처리를 하는 법을 블로깅해보도록 하겠다.필요한 모듈을

윈도우 10이상에서 사용가능하다.비트라커를 락을 걸 것을 오른쪽마우스 클릭해서 옵션에 비트라커를 건다.-끝https://www.veracrypt.fr/en/Downloads.html다음페이지에 들어가서 베라크립트를 설치한다.설치한 베라크립트 볼륨을 생성한다.

나는 보통 multirepo 방식, 즉 클라이언트와 서버를 각각 나눠서 개발하고 깃관리를 하는 방식으로 사용했다. 하지만 yarn workspace를 사용하면 monorepo를 구현할 수 있다. 모노레포는 server, client등 package.json에 있는 de

피그마 공식문서를 보며 좀 더 정확히 피그마대로 퍼블리싱을 하기위해 개발자를 위한 피그마 공식문서를 읽었다.https://www.figma.com/best-practices/guide-to-developer-handoff/

React + typescript + redux + firebase 로 이미지 Create, Delete를 해봤다.

리액트로 퍼블리싱과, 상태를 관리해서 메뉴에 메뉴를 볼 수 있도록 구현했다.앞으로 해야할 것관리자페이지에서 사진업로드하고 삭제할 수있도록 할 것업로드된 사진은 카테고리별로 구분되어 갤러리컴포넌트에서 렌더링 될 수 있도록 할 것

를 다음과 같이 고칠 것

타입스크립트 + 리액트로 웹을 만드는 중이다.

TypeScript 문법을 공부했다. TypeScript을 리액트에 적용시켜봤다 TypeScript을 써서 리액트에서 리덕스 문법을 공부했다.

https://cocoder16.tistory.com/36

OKKY 메인 페이지를 클론 코딩해보았다. 이 경험을 바탕으로 position과 display: flex를 좀 더 명확히 구분하고 사용할 수 있게된 것 같다.

okky 홈페이지를 클론코딩해보았다.position: relative와 display: flex를 같이 주로 사용해서 쉽게 레이아웃을 잡을 수 있었다.처음에 사이드바를 postion: fixed해서 광고나 주요 컨텐츠들을 position: relative, left값을

Set객체를 사용하는 이유는 자바스크립트에서 중복되는 데이터를 제거해준다. 그후에 ...Set객체 와 같은 구조 분해 할당문법을 통해 배열형태로 데이터를 확인 가능하다.map객체는 다음과 같이 키 - 쌍을 보유함map은 객체와 다르게 순서를 기억하고 있어서 for ..

https://intro.f-lab.kr/

https://intro.f-lab.kr/

ongin프로젝트 반응형 pc도 볼 수 있도록 다시 만들 것포트폴리오 다시 만들것프로젝트 어떤 것 만들지 고민해서 결과낼 것