![]()
https://jeonghwan-kim.github.io/series/2019/12/10/frontend-dev-env-webpack-basic.html 을 읽고 정리하였습니다. 등장배경 import/export 모듈 개념이 없었던 이전 상황을 살펴보자. 문제발생 숫자 두개를 받아, 더하고 리턴하는 sum 함수를 만들어 쓴다고 생각해보자. 그 함수는 math.js 에 만들어놓고, app.js에서 호출해서 실행한다. math.js function sum(a, b) { return a + b } // 전역 공간에 sum이 노출 app.js sum(1, 2) // 3 위의 코드는 모두 하나의 HTML안에서 로딩되어야 만 실행된다. (math.js 와 app.js 가 하나의 html에 같이 불러와져야 한다) ..
![]()
jest 를 이용해서 타입스크립트 테스트코드 작성시, import 오류가 났었다. 해결방안 jest 사용시 jest config 를 잘 작성해주어야 한다. jest 는 기본적으로 javascript 를 기대하고 실행하지만, 나는 typescript 로 작성했었다. 그러므로 해당 ts 테스트코드를 js로 변환해주어야 한다. 아래 코드를 추가하니 정상작동 하였다. moduleNameMapper: { // Handle module aliases (this will be automatically configured for you soon) '^~/(.*)$': '/$1', }, transform: { '^.+\\.ts?$': 'ts-jest', },
![]()
현재 상황 이미 회사 github 계정 ssh 연동 및 config 설정이 되어있는 상태 이 상태에서, 개인 github 계정을 연동하고 싶었다. 복잡스러웠으니, 기록. 1. 개인 Github 계정 ssh-key 생성 및 등록 // ssh-keygen -t rsa -b 4096 -C [이메일] $ ssh-keygen -t rsa -b 4096 -C "test@gmail.com" Enter file in which to save the key (/Users/baechu/.ssh/id_rsa): key 이름 key 이름을 입력하라고 뜨는데, 나는 기존 회사계정 ssh 발급시 기본이름인 id_rsa 로 발급받았으므로, 이번엔 다른이름으로 설정해주었다. 여기까지하면, ~/.ssh 경로에 총 4개의 파일이 생성되..
![]()
https://swr.vercel.app/ko/docs/advanced/understanding Understanding SWR – SWR SWR is a React Hooks library for data fetching. SWR first returns the data from cache (stale), then sends the fetch request (revalidate), and finally comes with the up-to-date data again. swr.vercel.app 최근에 swr 이해 문서가 업데이트 되었다. 일부 내용을 한번 살펴보자 useSWR 은 data,error,isLoading..및 stateful한 값을 반환합니다. 이러한 값들을 반환하는 시나리오를 설명합니다..
