profile
nunununununununuooooooooo~
post-thumbnail

실용주의 프로그래머 day2

DAY 2오늘 읽은 범위 서문 ~ 1장.실용주의 철학😀책에서 기억하고 싶은 내용실용주의 철학의 초석 중 하나는 자신과 자신의 행동에 대해 책임을 지는 것이다. '깨진 창문'을 고치지 않은 채로 내버려 두지 마라. 나쁜 설계, 잘못된 결정, 혹은 형편없는 코는 등이 모

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

React Beautiful Dnd

React로 list를 만들기 위한 아름답고 접근 가능한 드래그 앤 드롭Using innerRef(Draggable과 Droppable컴포넌트의 내부 props정의)< Draggable /> 및 < Droppable /> 컴포넌트 모두 HTMLElement를

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

React Framer Motion

React용 production-ready 모션 라이브러리 (오픈 소스)Framer Motion의 애니메이션은 모션 컴포넌트의 유연한 animate 속성을 통해 제어됩니다. 간단한 애니메이션의 경우 animate props에서 직접 값을 설정할 수 있습니다.Transi

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

React Hook Form

url: https://react-hook-form.com사용하기 쉬운 유효성 검사를 통해 성능이 뛰어나고 유연하며 확장 가능한 form입니다.register: (name: string, RegisterOptions?) => ({ onChange, onBlur

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

react query

React 애플리케이션에서 서버 state를 fetching, caching, synchronizing, updating할 수 있도록 도와주는 라이브러리 "global state"를 건드리지 않고 React 및 React Native 애플리케이션에서 데이터를 가져오고,

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

Recoil

Recoil는 React를 위한 상태 관리 라이브러리다.url: https://recoiljs.org/ko/docs/introduction/getting-startedrecoil 상태를 사용하는 컴포넌트는 부모 트리 어딘가에 나타나는 RecoilRoot 가

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

Typescript 정리

url:https://www.typescriptlang.org/docs/handbook/2/everyday-types.htmlurl:https://www.typescriptlang.org/docs/handbook/typescript-in-5-minut

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

원티드 프리온보딩 프론트엔드 1차개인과제

* 원티드 프론트엔드 선발 과제 리팩토링 하기 * jsx + style.module.css 형식으로 리팩토링하기 eslint 설정으로 리팩토링하기 1일차 이론시간에 배운 리팩토링 방식 사용하기 ex) handle function 으로 event 함수 정의 하기 등..

2022년 5월 8일
·
0개의 댓글

원티드 프리온보딩 프론트엔드 4차 1일차 이론

event function -> handler로 무조건 뺴놓기css :focus-withinCSS :focus-within 의사 클래스는 포커스를 받았거나, 포커스를 받은 요소를 포함하는 요소를 나타냅니다. 즉 스스로 :focus 의사 클래스와 일치하거나, 그 자손 중

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

원티드 프리온보딩 코스 숏 에세이

원티드 프리온보딩 코스에서는 수강료 무료, 참가비 50만원을 받습니다. 이후 코스 완주(1.참가기업 70%이상 지원 2.과제 제출 3.동료피드백 4.출결)시 취업활동 지원금 50만원(제세공과 후)을 지급합니다. 이러한 정책을 도입한 이유가 무엇일지 작성해주세요.(400

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

PlanetScale + Prisma

MySQL 호환 Serverless 데이터베이스 플랫폼

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

prisma란?

Node.js and Typescript ORM(Object Relational Mapping)=> JS or TS 와 데이터베이스 사이에 다리를 놓아줌 (기본적으로 번역기의 역할을 한다고 생각하면 됨)prisma를 사용하기 위해서는 먼저 Prisma에게 DB가 어떻게

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

Tailwind setting

처음 설치

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

react + apollo + login + token

client에 token을 저장하는 법

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

react + apollo + graphql + codegen => error(graphql duplicate) fix

apollo codegen 이와 같은 에러가 발생하였다. yarn과 npm에서 graphql version이 달라서 발생하는 상황이다.이 버전으로 node_modules과 yarn cache를 지우고 다시 설치하여 준다. 근데 node 버전이 달라 다시 error가 발

2022년 2월 4일
·
0개의 댓글
post-thumbnail

react + 당근마켓 +frontend setting

styled components setting react-router-dom ![](https://images.velog.io/images/nuo/post/dc33b70a-61f2-43c8-bc95-d2f085138f41

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

nestjs + graphql + Subscription + jwt

jwt token을 ws 서버에 올리기 위해 어느 서브에서 사용되어지는지에 따라 로그인된 user를 뽑기 위한 setting을 해야한다.guard도 그것에 맞게 바꿔주고이러면 pubsub을 사용할 수 있다.

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

nestjs + jwt

nestjs에 설치되어 있는 jwt module를 사용함nestjs에 기능 중 guard를 사용하여 gql context에 user를 저장하여 로그인 유무를 확인.decorator 태그를 사용하여 로그인 된 유저를 사용할 수 있다. 예시)

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