분류 전체보기121 리액트 라우터 경로 자동 완성 및 경로 안정성 React Router Path AutoComplete with type-safety서론이 글을 쓰게 된 계기는 우연에서 시작되었다.기술 블로그를 돌아다니다가 이 글을 보고 경로 자동완성에 대해 생각해보았다. rjw0907 (R정우) / 작성글 - velog시행착오를 즐기는 프론트엔드 개발자입니다!velog.io 처음 글을 봤을 때에는 대단하다고 생각이 들었다.그러나 바로 이해가 되지 않는 부분도 있었고, 좀 더 개선의 여지가 없을까 많이 고심하게 되었다.사실 이전에 해왔던 프로젝트에는 경로 자동완성은 커녕, 타입 안정성조차 존재하지 않았다.사용자를 네비게이트 시켜야하는 경우, 단순히 수기로 하듯이 그냥 직접 경로를 작성하였다.이로 인해 라우트 경로를 바꾸면 전부 수정해야하는데 위치도 제대로 모르게 되는.. 2025. 4. 10. [React] http Typescript axios(feat. interceptor 에러 핸들링) 서론 이전에 작성한 글 조회수 1000 넘은 김에 특별 재작성 이벤트!! React의 Typescript와 함께 data fetching(axios로 API 호출)Typescripttypescript를 사용함에 따라 기존의 코드에서 사용하던 axios가 어려워져버렸다... 기존의 자바스크립트를 이용한 axios는 간단하고 데이터를 쉽게 받아올 수 있었으나, Dynamically Typed Language라ash9river.tistory.com 회사를 다니면서 내가 했던 것들이 잘못된 부분이 있었구나 했는데, 사람들이 너무 많이 봐서 as 같은 느낌으로 다시 작성한다. 리액트 프로젝트 타입스크립트 악시오스 인터셉터 에러핸들링 드가자잇 AxiosInstance import { config } from '@.. 2025. 3. 30. [React] PWA를 통한 웹앱 만들기 React 웹앱 만들기 다음과 같은 명령어로 기존 프로젝트에 pwa 다운로드npm install vite-plugin-pwa --save--dev 그리고 vite.config.ts 파일 수정VitePWA 설정 추가import { defineConfig } from 'vite';import react from '@vitejs/plugin-react';import tailwindcss from '@tailwindcss/vite';import { VitePWA } from 'vite-plugin-pwa';// https://vite.dev/config/export default defineConfig({ plugins: [ react(), tailwindcss(), VitePWA({ .. 2025. 3. 21. 백준 2073 수도배관공사 C++ 간단한 해설 간단하게 문제를 보면 단순히 배낭문제라 생각할 수 있고, 풀이는 다음과 같다. #include #include #include #define ll long longusing namespace std;int main(){ cin.tie(0); ios_base::sync_with_stdio(0); int d,p; cin>>d>>p; vector> v(p); for(int i=0;i>v[i].first>>v[i].second; // length, capacity } vector> dp(p+1,vector(d+1,0)); // gae, length for(int i=1;i 그러나 문제에서 주어진 메모리는 128MB이므로,이 문제를 2차원 dp로 풀고자.. 2025. 3. 2. 백준 13459 구슬 탈출 C++ 간단한 해설푸는 방식은 구슬 탈출 2와 같다. 백준 134760 구슬 탈출 2 C++간단한 해설 백준 16197 두 동전 C++간단한 해설간단하게 bfs+구현(약간의 시뮬)를 하면 된다. 일단 보드 판을 생성하고, 생성한 보드판을 방문했나? 를 알려면 unorderd_map을 사용하자.unordered_map의ash9river.tistory.com 탈출 여부에 따라 답만 1 or 0을 출력하면 된다. 답#include #include #include #include #include using namespace std;int n,m;int dy[4]={-1,1,0,0};int dx[4]={0,0,-1,1};pair endHole;string boardToString(vector& board){ s.. 2025. 2. 24. 백준 134760 구슬 탈출 2 C++ 간단한 해설 백준 16197 두 동전 C++간단한 해설간단하게 bfs+구현(약간의 시뮬)를 하면 된다. 일단 보드 판을 생성하고, 생성한 보드판을 방문했나? 를 알려면 unorderd_map을 사용하자.unordered_map의 find()를 통하여 O(1) 안에 생성한 보ash9river.tistory.com 이전에 풀었던 두 동전 문제와 유사하게 풀이할 수 있다. 일단 유형은 bfs+구현(시뮬)의 느낌이다. hash맵인 unordered_map을 이용하여 방문 여부를 O(1)의 시간복잡도로 확인하고, 기울여서 구슬을 넣어보면 된다. 기울였을 때, 구슬 2개가 동시에 들어가면 실패인데, 이 테스트 케이스를 잘 확인해봐야 한다. 기울이는 것을 어떻게 구현할까 고민했는데, 경우의 수가 4가지이므로 그냥 .. 2025. 2. 24. 이전 1 2 3 4 ··· 21 다음
