profile
Share everything that I like
post-thumbnail

리액트 테스팅 라이브러리 - toBeInTheDocument() 에러

expect(html 엘리먼트).toBeInTheDocument() 사용하려는데 toBeInTheDocument()에 에러가 발생했고 그 에러 메시지는 다음과 같다. Property toBeInTheDocument does not exist on type JestMat

2024년 1월 8일
·
0개의 댓글
·
post-thumbnail

Git 잘못 써서 오늘 했던 코드를 날려 먹었어요 ㅠㅠ

git 명령어를 잘못 써서 지금까지 해 왔던 코드를 날려 먹은 적이 있는가? 그게 나다. 오늘 그랬다. 오늘 작업을 완료 했는데(심지어 파일이 10개나 되었다) 실수로 작업한 것들을 날렸다. 스터디 카페에 있었는데 울고 싶었다.

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

Craco Alias 설정을 통해 relative path hell 벗어나기

No more 'import App from "../../../../App.js"'!

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

ESLint, Prettier 설정하기

1. vscode extenstion에서 eslint, prettier 설치 2. eslint, prettier 패키지 설치 다음 패키지 모듈을 설치한다. 3. Config 설정 분리 Create React App의 경우 package.json에 보면 eslint

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

React Testing Crash Course 유튜브 강의 정리

유튜브 강의 링크 - React Testing Crash Course 리액트 테스팅 관련 강의를 보게된 동기 테스팅 코드가 거의 없는(커버리지가 10%도 안되었다) 회사 솔루션에 새로운 기능을 넣을 때마다 기존 기능에서 발생하는 예상치 못한 에러, 버그의 원인을 찾고

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

리액트 프로젝트를 Yarn Berry(PnP)로 설정 하는 법

1. 리액트 프로젝트 만들기 2. Yarn Berry 버전 세팅 터미널 열어서 를 입력한다 3. Node Linker 설정 node_modules를 사용하지 않고 PnP 방식을 사용하기 위해 PnP 설정을 해줘야 한다. 폴더 트리에서 .yarnrc.yml을 열고

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

Sequelize-cli와 PostgreSQL를 이용해서 데이터 Migration 및 Seed하기

이 글은 (Getting Started with Sequelize and Postgres)https://dev.to/nedsoft/getting-started-with-sequelize-and-postgres-emp를 참고해서 작성하였습니다.Sequelize는

2020년 4월 30일
·
0개의 댓글
·
post-thumbnail

리액트 네이티브 + 타입스크립트로 프로젝트 만들기

출처 - How to setup a Typescript React Native App by Ben Awadnode.js가 설치되어 있어야 하고 yarn 환경에서 진행할 예정할 예정이다.node.js 설치하기npm에서 yarn 패키지 모듈 관리 도구 설치하기 - npm

2020년 2월 18일
·
0개의 댓글
·

ES2016+코드를 ES2015 코드로 컴파일하기

컴파일 하는게 의외로 간단하다???

2020년 2월 6일
·
0개의 댓글
·

React Storybook에서 CDN을 이용해서 부트스트랩 CSS 모듈 가져오기

리액트 프로젝트의 스토리북(Storybook)에서 CDN을 이용해서 부트스트랩 CSS 모듈 가져오기

2020년 1월 19일
·
0개의 댓글
·