npm i react-use
<Routes>
<Route path='/' element={<MainPage />} />
<Route path='auth/:category' element={<AuthPage />} />
<Route path='trade' element={<TradePage />}>
<Route path=':symbol' element={<TradePage />} />
</Route>
<Route path='fullchart' element={<FullChartPage />}>
<Route path=':symbol' element={<FullChartPage />} />
</Route>
<Route path='wallet_old' element={<WalletPageOld />} />
<Route path='wallet' element={<WalletPage />}>
<Route path=':page' element={<WalletPage />} />
</Route>
<Route path='history' element={<HistoryPage />}>
<Route path=':page' element={<HistoryPage />}>
<Route path=':tab' element={<HistoryPage />} />
</Route>
</Route>
{['login', 'resetPassword', 'forgot', 'signup'].map((path) => (
<Route key={path} path={path} element={<SessionPage />} />
))}
<Route path='rewards' element={<RewardsPage />} />
<Route path='systemCheck' element={<SystemMaintPage />} />
<Route path='support' element={<SupportPage />}>
<Route path=':page' element={<SupportPage />}>
<Route path=':subPage' element={<SupportPage />} />
</Route>
</Route>
<Route path='user'>
<Route path='kyc/jumio/:status' element={<PhotoIdCallback />} />
<Route path=':page' element={<UserPage />} />
</Route>
<Route path='policies' element={<PoliciesPage />}>
<Route path=':page' element={<PoliciesPage />} />
</Route>
<Route path='*' element={<NoMatchPage />} />
</Routes>
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
"source.fixAll.stylelint":true
},
import { axios } from 'hooks/worker'
import { IWeatherAPIRes } from 'types/weather.d'
const WEATHER_BASE_URL = 'url'
interface Params {
lat: number
lon: number
}
// 37.494958, 126.844128
export const getWeatherForecast5DaysApi = (params: Params) =>
axios.get<IWeatherAPIRes>(`${WEATHER_BASE_URL}/forecast`, {
params: {
...params,
appid: process.env.REACT_APP_WEATHER_APP_ID,
units: 'metric',
},
})
리액트로 작업중 마운트가 두번되는 현상이 발생되는것을 확인했다.. 이유를 도통 몰라서 헤매고 있었는데
react did mount twice
라는 검색어로 검색했고
React Component Mounting Twice
그 결과 Strict Mode 때문이라는걸 알았다... react-beautiful-dnd 때도 말썽이더니.. 검색을 생활화하자
tsconfig.json
"compilerOptions": {
"baseUrl": "src"
}
이렇게 하면 절대경로를 사용할수 있다
Refactoring Task
리팩토링 하느라 하루가 다갔다,, 손목이 너무 아프다. 코드를 이렇게 그지같이 짠다는 사실에 너무 화가났지만 오히려 이번 기회에 싹 다 들어내고 좋은 습관만 쏙쏙 흡수시켜보려한다.
코치님이 써주신 코드를 꼭 꼭 읽고 이해시켜서 앞으로의 개발에 적용시켜보자
등을 적용해서 다시 리팩토링 할 예정이다
얼른 마무리하고 내일 준비를 해야지