리액트 props
리액트 props 프로퍼티(props)란? 프로퍼티, props(properties의 줄임말) 라고 한다. 상위 컴포넌트가 하위 컴포넌트에 값을 전달할때 사용한다.(단방향 데이터 흐름 갖는다.) 프로퍼티는 수정할 수 없다는 특징이 있다.(자식입장에선 읽기 전용인 데이터이다.) 사용 방법 프로퍼티에 문자열을 전달할 때는 큰따옴...
리액트 props 프로퍼티(props)란? 프로퍼티, props(properties의 줄임말) 라고 한다. 상위 컴포넌트가 하위 컴포넌트에 값을 전달할때 사용한다.(단방향 데이터 흐름 갖는다.) 프로퍼티는 수정할 수 없다는 특징이 있다.(자식입장에선 읽기 전용인 데이터이다.) 사용 방법 프로퍼티에 문자열을 전달할 때는 큰따옴...
리액트 쿼리스트링 쿼리스트링이란? 쿼리스트링은 URL의 한 부분이며 요청하고자 하는 URL에 부가적인 정보를 포함하고 싶을 때 사용한다. 쿼리스트링은 이름 그대로 문자열 타입이며 key = value로 표현된다. 또한 URL의 일부로 쿼리스트링의 시작점은 “?” 으로 표시된다. 예시)https://www.example.com/produ...
tbody 스크롤 적용 테이블을 그리다 보면 가끔 헤더는 고정하고 바디에만 스크롤을 적용시키고 싶은 상황이 있다. 해결방법 테이블을 두 개 만드는 것이다. 하나의 테이블은 thead만 넣고 다른 하나의 테이블에는 tbody만 넣어주고 스크롤을 적용시키면 된다!!
prettier Prettier란? 개발자들 간에 다른 코딩스타일을 통일 시켜주는 도구 코드 포멧터로써 개발자가 작성한 코드를 정해진 코딩 스타일을 따르도록 자동으로 변환해주는 도구이다. 왜 Prettier를 사용하는지? 기존 포멧터와 달리 설정 여지가 거의 없다 Prettier에서 디폴트로 정해놓은 코딩 스타일에서 크게 벗...
jest Jest란? Jest는 페이스북에서 만들어서 React와 더불어 많은 자바스크립트 개발자들로 부터 좋은 반응을 얻고 있는 테스팅 라이브러리다. 출시 초기에는 프론트앤드에서 주로 쓰였지만 최근에는 백앤드에서도 기존의 자바스크립트 테스팅 라이브러리를 대체하고 있다. Jest로 테스트하기 jest를 설치하고 test 스크...