전체 글 (21) 썸네일형 리스트형 Jest 사용법 🙇♂️ 서론 🙇♂️ 이 글은 프론트엔드 개발을 1년밖에 안한 주니어개발자가 되고싶은 고등학생이 쓴 글로 맞지 않는 정보가 있을 수 있습니다. 틀린 정보나 수정해야할 부분이 있으면 댓글로 알려주시면 정말 감사드리겠습니다. ㅜㅠㅜㅠ 🤡 jest 사용법 🤡 Base expect(테스트 대상).Matcher(테스트 대상이 통과해야할 조건); Jest - getting start Matcher matcher는 테스트 대상이 어떤 조건을 통과하는지 검사하기 위한 메소드 입니다. matcher에는 여러가지 종류가 있습니다. 몇가지 사용법을 명세하고 나머지는 jest 공식문서를 보면 자세히 나와 있습니다. toBe 테스트할 대상이 조건으로 제시한 값과 같다면 test를 통과시키는 메소드. Object.is를 이용해.. Cookie, Session, LocalStorage Cookie what is cookie? 서버에서 브라우저에게 통신 과정에서 줄 수 있는 데이터 조각이라고 합니다. 3가지 용도로 사용되고 있습니다. 세션 관리 유저 로그인 정보 유지, 장바구니, 게임 기록 등 개인화 테마, 다크 모드 유지 등 트래킹 유저가 자주 보는 글, 찾아본 검색 기록 트래킹 등 예전에는 cookie를 이용하여 browser에 데이터를 저장하고 했습니다. 하지만, localStorage와 indexedDB가 생긴 이후 cookie에 데이터를 직접 넣는 것은 지양합니다. how to set cookie? Response header에 Set-Cookie 헤더 이용 Set-Cooke: cookieKey= cookieValue;와 같이 사용 예시 Content-type: text/htm.. [React] forwardRef, useImperativeHandle forwardRef reference를 다른 곳으로 넘겨주기 위해서 사용하는 method const Parent = (props) => { const ref = useRef(); return } const Child = React.forwardRef((props, ref) => { return }) forwardRef의 문제점 forwardRef의 문제점은 Parent에서 ref에 무엇이 들어가던지, 무조건 그에 관련된 코드를 실행시킬 것이다. 만약에 Child에서 ref를 설정하지 않았다면? Parent에서 ref가 Null이 될테니 코드가 검증되지 않는다. 문제 해결 방법 문제를 해결하는 방법은 useImplerativeHandle을 이용하여 ref와 data를 mapping 해주는 방법이 있다. c.. 이전 1 2 3 4 5 ··· 7 다음