본문 바로가기

What would life be If we had no courage to attemp anything?

전체 글292

[JavaScript] async / await 2 에러 처리 에러는 호출자(caller) 방향으로 전파 콜 스택의 아래 방향(실행 중인 실행 컨텍스트가 푸시되기 직전에 푸시된 실행 컨텍스트 방향)으로 전파 하지만, 비동기 함수의 콜백 함수를 호출한 것은 비동기 함수가 아니기 때문에 try…catch문을 사용해 에러를 캐치할 수 없음 try{ setTimeout(()=>{ throw new Error('Error!') },1000) } catch(e) [ cosole.log('캐치한 에러',e) } async/await에서는 에러 처리에 try...catch 문을 사용할 수 있음. 콜백 함수를 인수로 전달받는 비동기 함수와는 달리 프로미스를 반환하는 비동기 함수는 명시적으로 호출 할 수 있기 때문에 호출자가 명확. const fetch = require(.. 2023. 1. 26.

[baekjoon]python #5014 스타트 링크 [baekjoon]python #5014 스타트 링크 https://www.acmicpc.net/problem/5014 5014번: 스타트링크 첫째 줄에 F, S, G, U, D가 주어진다. (1 ≤ S, G ≤ F ≤ 1000000, 0 ≤ U, D ≤ 1000000) 건물은 1층부터 시작하고, 가장 높은 층은 F층이다. www.acmicpc.net import sys from collections import deque input = sys.stdin.readline F,S,G,U,D = map(int,input().split()) # 건물높이, 강호, 타겟, 위, 아래 queue = deque() queue.append((S,0)) # 강호의 위치, count visit = [0]*(F+1) # 메.. 2023. 1. 26.

[baekjoon]python #1697 숨바꼭질 [baekjoon]python #1697 숨바꼭질 https://www.acmicpc.net/problem/1697 1697번: 숨바꼭질 수빈이는 동생과 숨바꼭질을 하고 있다. 수빈이는 현재 점 N(0 ≤ N ≤ 100,000)에 있고, 동생은 점 K(0 ≤ K ≤ 100,000)에 있다. 수빈이는 걷거나 순간이동을 할 수 있다. 만약, 수빈이의 위치가 X일 www.acmicpc.net import sys from collections import deque input = sys.stdin.readline subin,sis = map(int,input().split()) queue = deque() queue.append((subin,0)) #메모리 초과 방지 visit = [0] * 100001 whi.. 2023. 1. 25.

[baekjoon]python #2178 미로탐색 [baekjoon]python #2178 미로탐색 https://www.acmicpc.net/problem/2178 2178번: 미로 탐색 첫째 줄에 두 정수 N, M(2 ≤ N, M ≤ 100)이 주어진다. 다음 N개의 줄에는 M개의 정수로 미로가 주어진다. 각각의 수들은 붙어서 입력으로 주어진다. www.acmicpc.net import sys from collections import deque input = sys.stdin.readline n,m = map(int,input().split()) arr = [list(map(int,input().strip())) for _ in range(n)] visit = [[0]*m for _ in range(n)] queue = deque() visit[0.. 2023. 1. 25.

[baekjoon]python #2667 단지번호붙이기 [baekjoon]python #2667 단지번호붙이기 https://www.acmicpc.net/problem/2667 2667번: 단지번호붙이기 과 같이 정사각형 모양의 지도가 있다. 1은 집이 있는 곳을, 0은 집이 없는 곳을 나타낸다. 철수는 이 지도를 가지고 연결된 집의 모임인 단지를 정의하고, 단지에 번호를 붙이려 한다. 여 www.acmicpc.net import sys input = sys.stdin.readline from collections import deque n = int(input()) arr = [list(map(int,input().strip())) for _ in range(n)] #집의 수 answer = [] #단지 수 cnt=0 def bfs(y,x): queue =.. 2023. 1. 25.

[Electron] electron 아이콘 넣기 //디렉토리에 아이콘 파일을 넣은 뒤 설정 //electron.js - 메인프로세서 파일 const {app, BrowserWindow,ipcMain} = require('electron') const path = require('path') // const fs = require("fs"); function createWindow () { const mainWindow = new BrowserWindow({ width: 528, height: 791, resizable:false, //size 고정 useContentSize :true, //가운데 설정 center:true, //앱 실행시 윈도우를 화면 정중앙에 위치 **icon:path.join(__dirname,'[로고 path]'), //일렉트론.. 2023. 1. 25.

[React] console.log(useRef) useRef함수는 current속성을 가지고 있는 객체를 반환 인자로 넘어온 초기값을 current속성에 할당 이 current 속성은 값을 변경해도 상태를 변경할 때처럼 React 컴포넌트가 다시 랜더링 안됨 React 컴포넌트가 다시 랜더링될 때도 마찬가지로 이 current 속성의 값이 유실되지 않음 Reference React Hooks: useRef 사용법 Hooks API Reference - React 2023. 1. 25.

[JavaScript] async / await 1 async / await 왜 사용할 까? Promise 체이닝은 콜백 지옥을 벗어나게 했지만, Promise 체이닝 또한 길어질 경우 여전히 가독성이 떨어짐 ES2017에 처음에 등장한 async, await는 syntactic sugar로 Promise 사용을 좀 더 편리하고 세련되게 편리하게 할 수 있도록 처리 async 키워드는 함수 앞에 붙임 함수 앞에 async 붙게 되면 promise를 반환한다는 의미 async/ await 프로미스를 기반으로 동작 프로미스의 then/catch/finally 후속 처리 메서드에 콜백 함수를 전달해 비동기 처리 결과를 후속 처리할 필요 없이 동기 처리처럼 프로미스를 사용 async함수 await 키워드는 반드시 async 함수 내부에서 사용 async 함수는 .. 2023. 1. 25.

[React] ref, useRef ref? JS를 사용할 때에는 특정 DOM을 선택해야하는 상황에서 getElementById, querySelector 같은 DOM Selector 함수를 사용해서 DOM을 선택 리액트를 사용하는 프로젝트에서 DOM을 직접 선택해야 하는 상황이 생기면 ref를 활용 함수형 컴포넌트에서 **ref**를 사용 할 때에는 **useRef** 라는 Hook 함수 사용 클래스 컴포넌트에서는 콜백 함수를 사용하거나 **React.createRef 라는 함수 사용** 포커스를 잡으려면 nameInput.current.focus() 형태로 작성 const nameInput = useReft(); const onClick = () => { nameInput.current.focus(); } return( 클릭 ) use.. 2023. 1. 24.

[React] port 번호 변경하기 방법1. 명령어로 실행 (1회성) PORT=[숫자] npm run start 방법2. package.json 수정 window ... "scripts": { "start": "set PORT=3002 && react-scripts start", } ... 방법3. 프로젝트명/node_modules/react-scripts/scripts/start.js 수정하기 const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3002;// 수정 const HOST = process.env.HOST || '0.0.0.0'; 방법4. .env 파일 생성하고 port 설정하기 프로젝트명/.env PORT=3002 명령어로 실행 npm run start Reference [#. .. 2023. 1. 23.

이전 1 ··· 3 4 5 6 7 8 9 ··· 30 다음

티스토리툴바