다른 페이지로 이동할 때 Link 태그를 사용한다이때 Link 태그의 state에 전달할 값을 넘기면, useLocation을 사용해 값을 가져올 수 있다let { state } = useLocation(); 실제로는 이렇게 사용했다 const location = useLocation();const { place_name: shop_name, road_address_name } = location.state;
vite.config에서 alias 를 사용해서 찾을 경로와 바꿀 경로를 연결 해주면 된다import { defineConfig } from 'vite';import react from '@vitejs/plugin-react';import path from 'path';export default defineConfig({ plugins: [react()], resolve: { alias: { '@': path.resolve(__dirname, 'src'), 'components': path.resolve(__dirname, 'src/components'), 'assets': path.resolve(__dirname, 'src/assets'), // 추가적인 경..
전국 소품샵을 모은 지도를 만들고 있다 근데 아직 지도 역할밖에 안됨- 지역명만 입력하면 해당 지역 소품샵이 검색되도록 하기- 지역으로 카테고리화 하기- 마커 클러스터러 적용 할 일이 넘 많아 🥲
useParamsurl 경로에서 동적 세그먼트를 가져오는데 사용된다url 경로 매개변수인 userId를 추출하여 UserProfile 컴포넌트에서 사용할 수 있다import { BrowserRouter as Router, Routes, Route, useParams } from 'react-router-dom';function UserProfile() { const { userId } = useParams(); return User ID: {userId};}function App() { return ( } /> );}export default App; url이 /user/123 인 경우, useParams는 {userId: '123'} 을 반환한다 ..
반복문을 사용하는 것보다 내장 메소드를 사용하는 것이 더 빠르다function solution(s) { let cnt = 0 // 변환 횟수 let zero = 0 //제거한 0 개수 while(s!=='1'){ let current = s.split('').filter(t => t==='0').length // 0의 개수 zero+=current s=s.replaceAll('0', '') // 0제거 let length = s.length // 0을 제거한 길이 s = length.toString(2) // 현재 길이를 2진 변환 cnt+=1 } return [cnt, zero];}
1. 이번주 과제이번 주는 저번에 했던 프로젝트에 Tanstack query를 적용하는 프로젝트를 진행했다일주일밖에 안 됐는데 고칠 점들이 눈에 보였다코드 보자마자 "왜 이렇게 짰지" 그래서 하루는 리팩토링하고 UI 짰고, 다음날부터 기능 구현을 시작했다"서버 상태 관리"라는 말 자체가 이해가 안 됐는데, 서버(외부)에서 가져오는 데이터를 서버 상태라고 하는 것이었다아항 ㅇㅋㅇㅋ이제 tanstack query 감잡았으 개선 가보자고그러고 update 부분에 수정/삭제에서 약간 막혔는데, querykey를 아이템별로 개별 id를 줘야 다른 상태로 인식하는 것을 배웠다!보통 현업에서도 전체아이템에서 개별 아이템은 해당 id 값으로 개별 Key를 설정한다고 한다 json-server도 써보고 재밌었음 배포할..