DAY 2오늘 읽은 범위 서문 ~ 1장.실용주의 철학😀책에서 기억하고 싶은 내용실용주의 철학의 초석 중 하나는 자신과 자신의 행동에 대해 책임을 지는 것이다. '깨진 창문'을 고치지 않은 채로 내버려 두지 마라. 나쁜 설계, 잘못된 결정, 혹은 형편없는 코는 등이 모
React로 list를 만들기 위한 아름답고 접근 가능한 드래그 앤 드롭Using innerRef(Draggable과 Droppable컴포넌트의 내부 props정의)< Draggable /> 및 < Droppable /> 컴포넌트 모두 HTMLElement를
React용 production-ready 모션 라이브러리 (오픈 소스)Framer Motion의 애니메이션은 모션 컴포넌트의 유연한 animate 속성을 통해 제어됩니다. 간단한 애니메이션의 경우 animate props에서 직접 값을 설정할 수 있습니다.Transi
url: https://react-hook-form.com사용하기 쉬운 유효성 검사를 통해 성능이 뛰어나고 유연하며 확장 가능한 form입니다.register: (name: string, RegisterOptions?) => ({ onChange, onBlur
React 애플리케이션에서 서버 state를 fetching, caching, synchronizing, updating할 수 있도록 도와주는 라이브러리 "global state"를 건드리지 않고 React 및 React Native 애플리케이션에서 데이터를 가져오고,
Recoil는 React를 위한 상태 관리 라이브러리다.url: https://recoiljs.org/ko/docs/introduction/getting-startedrecoil 상태를 사용하는 컴포넌트는 부모 트리 어딘가에 나타나는 RecoilRoot 가
url:https://www.typescriptlang.org/docs/handbook/2/everyday-types.htmlurl:https://www.typescriptlang.org/docs/handbook/typescript-in-5-minut
* 원티드 프론트엔드 선발 과제 리팩토링 하기 * jsx + style.module.css 형식으로 리팩토링하기 eslint 설정으로 리팩토링하기 1일차 이론시간에 배운 리팩토링 방식 사용하기 ex) handle function 으로 event 함수 정의 하기 등..
event function -> handler로 무조건 뺴놓기css :focus-withinCSS :focus-within 의사 클래스는 포커스를 받았거나, 포커스를 받은 요소를 포함하는 요소를 나타냅니다. 즉 스스로 :focus 의사 클래스와 일치하거나, 그 자손 중
원티드 프리온보딩 코스에서는 수강료 무료, 참가비 50만원을 받습니다. 이후 코스 완주(1.참가기업 70%이상 지원 2.과제 제출 3.동료피드백 4.출결)시 취업활동 지원금 50만원(제세공과 후)을 지급합니다. 이러한 정책을 도입한 이유가 무엇일지 작성해주세요.(400
Node.js and Typescript ORM(Object Relational Mapping)=> JS or TS 와 데이터베이스 사이에 다리를 놓아줌 (기본적으로 번역기의 역할을 한다고 생각하면 됨)prisma를 사용하기 위해서는 먼저 Prisma에게 DB가 어떻게
Next Js 풀스택 당근마켓 클론
apollo codegen 이와 같은 에러가 발생하였다. yarn과 npm에서 graphql version이 달라서 발생하는 상황이다.이 버전으로 node_modules과 yarn cache를 지우고 다시 설치하여 준다. 근데 node 버전이 달라 다시 error가 발
styled components setting react-router-dom 