본문 바로가기

전체 글120

[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.
백준 16197 두 동전 C++ 간단한 해설간단하게 bfs+구현(약간의 시뮬)를 하면 된다. 일단 보드 판을 생성하고, 생성한 보드판을 방문했나? 를 알려면 unorderd_map을 사용하자.unordered_map의 find()를 통하여 O(1) 안에 생성한 보드판을 이전에 방문했는지 탐색할 수 있다. 나머지는 그냥 쌩 구현 답 #include #include #include #include #include #include using namespace std;int n,m;vector board;unordered_map visited;pair,pair> dongPosition={{-1,-1},{-1,-1}};int dy[4]={-1,1,0,0};int dx[4]={0,0,-1,1};string boardToString(vector& .. 2025. 2. 24.