일지 검색 결과

해당 글 2건

TDD를 위한 준비

준비물 CRA를 이용해서 프로젝트를 시작할 때는 그냥 아무 생각 없이 npm test/ yarn test를 돌리면 테스트 코드가 돌아갔는데 내가 맨땅에 하려고 하니 대체 어떻게 시작해야할지를 모르겠었다 그래서 package.json을 들어가 스크립트를 살펴보니 react-scripts라는 명령어로 전부 돌아가고 있었는데 여기 굉장히 설명이 잘 되어있어서 많은 참고가 되었다 여튼 webpack이나 기타 설정들을 모두 담당하고 있다는 것인데 저 스크립트의 힘을 빌릴 수 없는 상태이지만 리액트의 테스트 코드를 작성하기 위해서 jest와 testing-library를 사용한다는 것을 알고 있다 jest 와 testing-library를 설치하고 홈페이지를 뒤적거려보니 jest 명령어로 프로젝트 내에 있는 모든 ..
일지 2021. 4. 26. 20:34

parcel로 리액트 프로젝트 시작하기

왜 parcel인가 간단하다 빨라서 캐싱에 의한 실행 속도 뭐 이런 것을 얘기하는게 아니다 프로젝트를 빠르게 시작할 수 있기 때문이다 웹팩으로 시작했다가 여기저기서 설정 찾아보다 에러나서 포기할 것 같아서 최대한 빠르게 시작할 수 있는 parcel로 시작하려고 한다 어짜피 규모가 커질 프로젝트가 아니고 중간에 안 엎어지고 잘 되면.. 뭐 웹팩으로 다시 하지 ㅋㅋ 설치 우선 프로젝트 폴더를 npm init으로 초기화 시켜주고 설정 다 디폴트로 했다 yarn을 사용할 것이라서 명령어는 yarn으로 통일 리액트와 파셀 번들러를 설치하자 yarn add react react-dom --dev parcel-bundler 디렉토리 디렉토리는 다음과 같다 딱히 의미를 두진 않았는데 아무래도 CRA로 개발을 많이 하다..
일지 2021. 4. 25. 19:28