React

좋은 테스트 원칙한번 작성된 테스트 코드는 영원히 유지보수 해야 한다. (유지 보수성을 고려)내부 구현 사항을 테스트 하면 안된다. 너무 내부적인 사항까지 테스트하면 힘들다.재사용성을 높이기 (테스트 유틸리티)배포용 코드와 철저히 분리하기. 포함이 되지 않도록.테스트 코드를 통한 문서화테스트 코드의 구조BeforeEach : 각각의 테스트가 수행되기 전에 호출됨BeforeAll : 딱 한번만 호출 됨AfterEach : 각각의 테스트가 수행된 후에 호출됨AfterAll : 모든 테스트가 다 수행 된 다음에 마무리용으로 한번만 호출 됨테스트 안에는object를 생성하고 데이터를 준비하는 준비과정 (Given)준비 과정을 여러개의 테스트에 걸쳐 반복해서 사용한다면, 재사용 할 수 있다면 따로 유틸 함수로 정..

단위 테스트 (유닛 테스트)두가지로 나뉘어서 작동한다.test runner : 테스트를 실행 후 결과 생성 (mocha)assertion : 테스트 조건, 비교를 통한 테스트 로직 (chai, expect, better-assert)라이브러리를 따로따로 생성했었다.요즘에는 별도로 구분하지 않아도 jest를 사용하면 간편하다.  Jesthttps://jestjs.io/Js 환경에서 testing할 수 있는 프레임워크 이다.zero config 복잡한 설정을 하지 않아도 간단하게 테스트 할 수 있음.테스트가 어떻게 실패했는 지 정확하게 볼 수 있다. jest 설치 npm install jest --global  터미널에 jest --initpackage.json에 test 될 수 있게 > yes타입스크립트 ..

테스팅에 대해 테스팅이란 무엇인가?software test제품 서비스의 품질을 확인, 소프트웨어의 버그를 찾음제품 (함수, 특정기능, ui, 성능, api 스펙) 이 예상하는대로 원하는대로 동작하는 지 확인플랫폼, 목표, 환경에 따라서 다양한 테스트들이 존재한다.code -(예상하는 요구사항)-> test예상하는 요구사항에 맞게 동작하는 지? test code를 작성한다. 언제 테스트를 해야할까?원래는 QA에서 테스트를 진행하였는데, 요즘에는 개발을 하면서 자동으로 테스트가 되도록 많이 변화했다.개발을 하면서 테스트를 하게 되면, 자동화 테스트로 속도가 빠르고, 쉽게 작성할 수 있다. 높은 커버리지를 장점으로 꼽을 수 있다.사용자 입장에서 제품이 동작해야 하기 때문에 QA는 늘 필요하다. 테스트를 하는 ..

1. react-native-screen 오류> npm install react-native-screen> android폴더 app > src > main > java > com > 프로젝트이름 > MainActivity.kt 혹은 java import android.os.Bundle kt라면, 맨 마지막 줄에 추가     //react-native-screens override    override fun onCreate(savedInstanceState: Bundle?) {      super.onCreate(null);    }

리액트로 프론트 작업을 하다보면, 디자인을 해야하는 상황이 생긴다. 레이아웃을 잡고, 색을 고르고 모양을 신경쓰고 해야 하는데, Ant Design은 그런 불편함을 최소화 시켜주고 UI/UX를 쉽게 개발해서 적용할 수 있는 CSS 프레임워크이다. 사실 CSS 프레임워크중에도 굉장히 다양한 것들이 있다. Material UI, React Bootstrap, Semeantic UI, Ant Design, Materialize 등 굉장히 다양하지만, Ant Design으로 작업해보려고 생각하는 이유는 다른 프레임워크에 비해 매우 깔끔하고 요즘 사람들이 좋아하는 디자인으로 만들 수 있다는 것이다. 누가봐도 호불호 없고 ant design 틀을 쓰며 커스텀도 가능하고 조금 찾아보면 사용하기도 편리하다. 그렇기에 ..

React를 하다보면, api를 정말 편하게 불러올 수 있는 axios를 안 쓰는 사람은 없을 것이다. Axios는 브라우저, node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다. fetch와 axios는 예전에 포스팅을 했었던것 같기 때문에 이번에는 axios를 어떻게 찰떡같이 사용할 수 있는지를 알아보겠다. npm install axios 로 일단 axios를 install 해준다 일단 axios 자체의 API URL은, 사실 생각해보면 Api를 우리가 많이 호출할 때에 자주 사용되는 중복되는 코드가 될 확률 이 높다. 그래서 나는 보통 API URL을 따로 빼두는 편이다. 예를들면, import axios from "axios"; export const API_..