- 전체보기(42)
- 포트폴리오(20)
- Spring(10)
- 카우치코딩(9)
- React(7)
- oAuth(4)
- Java(4)
- 리액트(4)
- 취업(3)
- CouchCoding(3)
- 웹개발(3)
- CI/CD(3)
- 프론트엔드(3)
- 취업준비(3)
- github(3)
- Firebase(3)
- 구글 로그인(3)
- react testing library(2)
- 테스트(2)
- API(2)
- 배포(2)
- 버전관리(2)
- TDD(2)
- JWT(2)
- 모각코(2)
- github actions(2)
- 면접(2)
- 스프링(2)
- 프로젝트(2)
- heroku(2)
- 이직(2)
- oauth2(2)
- 클린코드(2)
- figma(2)
- 리팩토링(2)
- 메타버스(2)
- http(2)
- 취뽀(2)
- frontend(2)
- git(2)
- redis(2)
- 포트폴리오 수업(2)
- kibana(1)
- elasticsearch(1)
- 개발(1)
- 웹 개발자(1)
- 세션(1)
- 쿠키(1)
- webflux(1)
- profile(1)
- 개발자모임(1)
- django(1)
- gitflow(1)
- 개발자 포트폴리오(1)
- 구글(1)
- 웹 캐시(1)
- springMVC(1)
- MVC(1)
- hosting(1)
- PaaS(1)
- 무료수업(1)
- PostgreSQL(1)
- 모같취(1)
- 튜토리얼(1)
- 프론트엔드 강의(1)
- properties(1)
- 리액트 강의(1)
- 네트워크(1)
- 디자인(1)
- 비트코인(1)
- tailwind(1)
- 무료강의(1)
- 모여서각자코딩(1)
- 로그서비스(1)
- OAuth2.0(1)
- 코드분석(1)
- Querydsl(1)
- REST API(1)
- docker(1)
- 프로토콜(1)
- DB_설계(1)
- 웹개발자(1)
- MemCache(1)
- commit(1)
- tandem(1)
- cloud(1)
- google login(1)
- 네카라쿠배(1)
- cd(1)
- 개발환경(1)
- 도구(1)
- 툴(1)
- 좋은코드(1)
- 도지코인(1)
- sns로그인(1)
- BooleanExpression(1)
- CSS(1)
- CSS Module(1)
- Sass(1)
- styled components(1)
- api설계(1)
- 기획(1)
- repository(1)
- clone(1)
- MSW(1)
- erd(1)
- Sprign Security(1)
- 관리(1)
- 개발자(1)
- qoddi(1)
- RestClient(1)
- kafka(1)
- mock(1)
- file storage(1)
- 블록체인(1)
- pull(1)
- 크롤링(1)
- BE(1)
- kakao map(1)
- aws(1)
- db(1)
- kotlin(1)
- cookie(1)
- Grafana(1)
- Database(1)
- postman(1)
- 웹서비스(1)
- 파이어베이스(1)
- 프로젝트관리(1)
- 토이프로젝트(1)
- 모임(1)
- 웹서비스 아키텍처(1)
- 공부(1)
- 4차산업혁명,(1)
- FE(1)
- 보안(1)
- redux(1)
- Frontend test(1)
- JPA(1)
- 이벤트(1)
- 카페찾기웹사이트(1)
- 유닛테스트(1)
- 도커(1)
- 설계(1)
- session(1)
- 강의(1)
- ci(1)
- slack(1)
- 인증(1)
- 협업프로젝트(1)
- 포트폴리오 제작(1)
- cleancode(1)
- sql(1)
- 백엔드(1)
- 조건검색(1)
- 소프트웨어 아키텍처(1)
- 협업도구(1)
- push(1)
- 풀스택(1)
- uml(1)
- framework(1)
- 프레임워크(1)
- actions(1)
- 이더리움(1)
- 동적쿼리(1)
- OOP(1)
- 초보 개발자(1)
프론트엔드 테스트 해야할까? (2) React-Testing-Library 사용해보기
지난 글에서는 프론트엔드에도 테스트가 필요한 이유와 테스트의 종류 그리고 테스팅 방법에 대해서 알아보았습니다. 아직 읽어 보지 못하신 분은 여기'를 참고해 주시길 바랍니다. 이번 글에서는 React-Testing-Library를 이용하여 소프트웨어 요구사항을 테스트 코드로 바꾸고 테스트하는 작업을 진행 해 보겠습니다. React-Testing-Library React Testing Library 는 유닛테스트 및 통합테스트 시 사용하는 테스트 도구로, 모든 환경 구성을 하고 사용자 관점에서 테스트하는 e2e
프론트엔드 테스트 해야할까? - (1)
프론트엔드도 반드시 테스트를 해야하는 이유 예전에는 프론트엔드가 복잡하지 않아 프론트엔드 테스트를 잘 진행하지 않았습니다. 그러나 프론트엔드의 중요성이 강조되고, 백엔드의 다양한 기능들이 프론트엔드로 옮겨오면서 프론트엔드가 점점 더 중요해지고, 프론트엔드를 관리 할 필요성이 생기기 시작했죠. 이 과정에서 React, Vue등 다양한 프론트엔드 프레임워크가 생기기 시작합니다. typescript도 javascript의 자유성을 일정 부분 포기하는 대신 프론트엔드 소프트웨어를 더 잘 관리하기 위해서 만든 언어라고 할 수 있습니다. 이렇게 프론트엔드 관리와, 프론트엔드 코드의 퀄리티의 중요성이 대두 되면서 프론트엔드 테스팅도 같이 주목받기 시작합니다. 왜 코드 관리와 코드 퀄리티 향상을 위해서 테스트가 필요할까요? 테스트는 코드가 의도한대로 동작한 다는 것을 보장해 줍니다 코드 작성 후 손으로 하나하나 동작을 확인하다보면 확인하지 못