캐나다 개발자

npm install axios yarn add axios Axios란 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP비동기 통신 라이브러리이다. 기능 브라우저 환경 XMLHttpRequests 요청 생성 Node.js 환경 http 요청 생성 Promise API 지원 요청/응답 차단(Intercept) 요청/응답 데이터 변환 취소 요청 JSON 데이터 자동 변환 사이트 간 요청 위조(XSRF)보호를 위한 클라이언트 사이드 지원 기본 사용방법 // Async await을 통한 방법 import axios from 'axios'; async function getUser() { try { const response = await axios.get('/userinfo'); cons..

BFS(너비우선탐색) 방식: A - B - C - D - G - H - I - E - F - J 출발노드에서 목표노드까지 최고속으로 간다. 노드가 깊이 있을수록 오래걸린다 두개의 Queue를 사용한다 const graph = { A: ["B", "C"], B: ["A", "D"], C: ["A", "G", "H", "I"], D: ["B", "E", "F"], E: ["D"], F: ["D"], G: ["C"], H: ["C"], I: ["C", "J"], J: ["I"] }; const BFS = (graph, startNode) => { const visited = []; // 탐색을 마친 노드들 let needVisit = []; // 탐색해야할 노드들 needVisit.push(startNode)..

# Day 05 목표 전체적인 구조 # Study - 알고리즘 푼거 정리 (3개) - DFS 공부 - TS 3-3.4 - Nomad TS 챌린지 - JS 면접공부 - JS 책공부 - Next 1.6,1-7, 2.0-2.2 - 슬랙 로그인/회원가입 완강 - Nivo.rocks, Apexcharts 공부 - Next, TS, Tailwind로 뭐 해보기 # Project - 프로젝트 로그인/회원가입 페이지 다듬기 # JS Study 1-1 데이터 타입의 종류 1-2 데이터 타입에 관한 배경지식 : 메모리와 데이터/식별자와 변수 1-3 / 변수 선언과 데이터 할당 1-4 기본형 데이터와 참조형 데이터

// 문자열 `s`가 있을 때, 이 문자열을 재배치하여 만든 문자열을 '애너그램'이라고 한다. // 예를 들어, `"fine"`은 `"infe"`의 애너그램이라고 할 수 있다. // `s`가 영문 소문자로만 이루어져 있다고 할 때, 문자열 `t`가 문자열 `s`의 애너그램인지 판단하는 프로그램을 작성하시오. // ## 입력설명 // - `0

# Day 04 목표 전체적인 구조 # Study - 에러 정리 (完) - 알고리즘 1 (完) - TS 2~2.4 (完) - Nomad TS 챌린지 (完) - JS 면접공부 (完) - 슬랙 로그인/회원가입 완강 - Next Framework Overview - Nivo.rocks, Apexcharts 공부 - 폼데이터 공부 (完) - 곤감님 리액트쿼리 짠거 확인 및 강의 (完) # Project - 프로젝트 다듬기 - 차트 적용 내공부 순서

Progressive Web Application 새롭고 강력한 소프트웨어 앱을 만드는 방식 html+css+js로 만든 웹앱을 웹브라우저의 API와 결합해서 크로스플랫폼에서 동작하는 어플리케이션을 만들수 있다. 안드로이드나 IOS처럼 특정 플랫폼에서 동작하는 native 어플리케이션은 사용자에게 다양한 기능을 제공하는 역량은 크지만, 그 플랫폼에서만 사용가능하다는 단점 웹앱은 플랫폼 상관없이 브라우저만 있으면 사용가능하다는 장점, 하지만 진짜 어플리케이션들처럼 플랫폼 자체를 사용할 수는 없다. PWA는 웹앱처럼 사용자들이 접근이 용이하고, 플랫폼도 사용 가능하다. - 스티브잡스가 제일먼저 생각했지만, 웹스토어 선택 - 그러다가 크롬개발자가 만듬 uber, youtube, spotify 등등이 pwa 기..

1. 가입 https://ngrok.com/ ngrok - Online in One Line Zero Trust Add SSO, Mutual TLS, IP Policy, and webhook signature verification. ngrok.com 2. 다운 3. 실행 4. 사이트 가입할때 아래같은 글 아래에 autoken 있다. 그 토큰을 ngrok를 실행하고 복붙한다 2. Connect your account Running this command will add your authtoken to the default ngrok.yml configuration file. This will grant you access to more features and longer session times. Run..

# Day 03 목표 # Study - 알고리즘 - 백준 2839번 (完) - JS 면접공부 (完) - PWA 배포 공부 및 구현 (完) - TS 2~2.4 - React Query 공부, 이것저것 구현 (完) - 우아한테크세미나 리액트쿼리 보기 (完) - 백재님 리액트쿼리 이모션 강의 (完) # Project - 파이어베이스 환경변수 설정 (完) - 로그인 회원가입 로그아웃 기능테스트 종료 (完) - 로그인 회원가입 로그아웃 기능 Query로 변경 (完) - 소셜로그인 Redirect쪽 페이지 생성 (完) - 로딩, 에러 페이지 틀 (完) - 정규식세팅 (完) - 쿠키세팅 (完)

https://www.acmicpc.net/problem/2839 2839번: 설탕 배달 상근이는 요즘 설탕공장에서 설탕을 배달하고 있다. 상근이는 지금 사탕가게에 설탕을 정확하게 N킬로그램을 배달해야 한다. 설탕공장에서 만드는 설탕은 봉지에 담겨져 있다. 봉지는 3킬로그 www.acmicpc.net vs code에서 진행했다 단순 수학이었다. const fs = require("fs"); const filePath = process.platform === "linux" ? "/dev/stdin" : "./input.txt"; let input = fs.readFileSync(filePath).toString().split(" "); // 백준 문제풀어보는곳 const solution = () => { ..

같은 local에서 테스트 할 경우에서만 해결가능하다. Webpack.config에서 proxy를 서버로 이어주면 된다. devServer: { historyApiFallback: true, port: 3090, devMiddleware: { publicPath: '/dist/' }, static: { directory: path.resolve(__dirname) }, proxy: { '/api/': { target: 'http://localhost:3095', changeOrigin: true, }, }, },