frontend3 Jest란? Jest는 자바스크립트 테스트 프레임워크다.- 메타에서 개발- React를 포함한 다양한 JS애플리케이션 테스트를 작성하고 실행하는 데 유용하다.-유닛테스트,통합테스트,엔드투엔드테스트까지 다 커버할 수 있다. (차후에 설명) Jest 특징쉬운 설정 가능 : 기본적으로 설정 없이도 바로 사용할 수 있다.빠른 실행 속도 : 테스트를 병렬로 실행해 빠르게 결과를 확인할 수 있다. 스냅샷 테스트 : UI변화가 없는지 검증할 때 유용하다.모킹 함수 기능 : 함수,모듈 등을 모킹(mocking)해서 독립적인 테스트 환경을 만들 수 있다. Jest 언제 쓰나요? 유닛 테스트:개별 함수나 모듈이 예상대로 동작하는지 확인.예) 로그인 함수가 올바른 데이터를 반환하는지 확인.통합 테스트:여러 모듈이 함께 동작할 때, 그.. 2024. 11. 19. netlify 빌드 방법 및 오류해결(React) 빌드할 때 오류 요소가 내가 생각하는 것보다 많았다.next는 netlify에서 SSR이 안된다고 한다. react , yarn 기준으로 설명하겠다. yarn build빌드하기 위해서 , 자신이 사용한 것 (yarn or npm)에 대한 빌드 명렁어를 입력한다. 빌드가 잘 되었다면 , npm에 경우 build 라는 폴더가 생겼을 것이다.나는 yarn이기에 dist라는 파일이 생겼다. 일단 프로젝트 폴더 안, 최상단에 netlify.toml이라는 파일을 만든다.아래엔 netlify.toml에 있는 코드다.[build]publish = "dist"command = "yarn build"[context.production.environment] TOML_ENV_VAR = "From netlify.to.. 2024. 6. 14. 프로젝트 회고(합동 프로젝트) 내 인생에 첫프로젝트였다.Landing이라는 이름으로써 "착륙하다"라는 뜻이 담겨있고한국인 ,한국에 사는 외국인이 소통하는 커뮤니티를 만들고자 했다.페이지는 이렇게 생겼다.첫프로젝트인만큼 모든 게 쉽지 않았고사업개발은 어디까지 일을 하는지,백엔드는 어떤 일을 하는지다른 직업군에 대해 이해가 많이 부족했다.모든 걸 구현하지 못해 아쉬웠고 재밌었고 즐거웠다. 팀원들과 맞춰가는 과정이 즐거웠다. 이래서 개발을 하는구나.음악을 했을 땐 돈을 아끼고자 혼자 다 하려고 했었는데그 방식은 그리 좋은 방법이 아니었다는 걸 몸소 깨달으니개발이 더 좋아졌다. 기간은 한달 남짓했다.2024.03.26 - 2024.04.30 솔직히 기능적으로 많이 부족했었지만모든 것이 처음이기에 너무나 값진 경험이었다고 생각한다.프로젝트.. 2024. 6. 12. 이전 1 다음