문제https://www.acmicpc.net/problem/1926 1926번: 그림어떤 큰 도화지에 그림이 그려져 있을 때, 그 그림의 개수와, 그 그림 중 넓이가 가장 넓은 것의 넓이를 출력하여라. 단, 그림이라는 것은 1로 연결된 것을 한 그림이라고 정의하자. 가로나 세로www.acmicpc.net 코드DFSimport sysinput = sys.stdin.readlinesys.setrecursionlimit(10**6)n, m = map(int,input().split())map = [list(map(int,input().split())) for _ in range(n)]chk = [[False] * m for _ in range(n)]result = []dy = [0,1,0,-1]dx = [1..

AJAX란?"Asynchronous JavaScript and XML"의 약자로, 비동기적인 JS와 XML을 의미함웹 페이지에서 데이터를 비동기적으로 서버로부터 가져오거나 서버로 데이터를 보내는 기술새로고침 없이 동적으로 데이터를 업데이트하고 표시할 수 있음.XML 대신 JSON과 같은 다양한 형식의 데이터를 주고받을 수 있음.라이브러리 설치// 설치npm install axios// 라이브러리import axios from 'axios'GET 요청 방법function App(){ return ( { axios.get('/url~').then((rs)=>{ console.log(rs.data) }) .catch(()=>{ console.rs('e..

useEffect컴포넌트가 마운트되었을 때, 업데이트되었을 때, 언마운트되었을 때 등 여러 시점에서 부수 효과를 실행할 수 있도록 함function Post(){ useEffect(()=>{ (오래 걸리는 연산 코드) }); return ( ...생략 )}이런 식으로 작성하면, html이 모두 렌더링이 되고 연산을 수행함 (useEffect 안에 적은 코드들은 html 렌더링 이후에 동작함)재렌더링마다 코드 실행함. useEffect(()=>{ 실행할코드 }, [])둘째 파라미터로 [ ] 넣을 수 있음변수나 state를 넣는 곳인데, [ ] 내에 있는 변수나 state가 변할 때만 useEffect 안의 코드를 실행함.[ ] 에 아무것도 넣지 않으면, 그냥 마운트 될 때 딱 한번만 실행..

styled-components설치 : npm install styled-components// 사용하고 싶은 컴포넌트 맨위import styled from 'styled-components'사용 방법import styled from 'styled-components';let DivBox = styled.div` padding : 10px; color : grey`;let Btn = styled.button` background : ${ props => props.bg }; color : white; padding : 10px;`;function Post(){ return ( styled-components )}css 스타일 같은 것을 직접 ..

문제https://www.acmicpc.net/problem/10845 10845번: 큐첫째 줄에 주어지는 명령의 수 N (1 ≤ N ≤ 10,000)이 주어진다. 둘째 줄부터 N개의 줄에는 명령이 하나씩 주어진다. 주어지는 정수는 1보다 크거나 같고, 100,000보다 작거나 같다. 문제에 나와있지www.acmicpc.net코드import sysfrom collections import dequeinput = sys.stdin.readlinequeue=deque([])for i in range(int(input())): n=input().split() if n[0]=='push': queue.append(int(n[1])) elif n[0]=='pop': if ..

Nasted routes/category/front-end/category/back-end위 링크 경로 처럼 나눠 주는 걸 nasted routes라고 함 React에서는 react-router-dom 패키지를 활용해서프론트엔드 } />백엔드 } /> } > v프론트엔드 } /> 백엔드 } /> 이런 방법들로 만들 수 있음.function Category(){ return ( 카테고리 )} Outlet을 사용하면 nasted routes안의 element들을 보여줄 곳을 표기할 수 있음. 자리에 박스가 들어감.유사한 서브페이지를 만들 때 유용함.

변수 1개// data.js, 분할하고 싶은 코드를 저장할 js 파일let a = 123;export default a;// App.jsimport 작명 from './data.js';console.log(작명)출력 ... 123import시에 단일 변수는 자유작명 가능변수 여러 개// data.js, 분할하고 싶은 코드 저장할 js 파일var n1 = 'Kwak';var n2 = 'Woo';export { n1, n2 }// App.jsimport { n1, n2 } from './data.js';import시에 여러 변수는 자유작명 불가능, export 할 때 지정한 변수명 그대로 import그냥 마음에 드는 방법 사용하면됨,export defaultimportexport { }import { }

문제https://www.acmicpc.net/problem/11399 11399번: ATM첫째 줄에 사람의 수 N(1 ≤ N ≤ 1,000)이 주어진다. 둘째 줄에는 각 사람이 돈을 인출하는데 걸리는 시간 Pi가 주어진다. (1 ≤ Pi ≤ 1,000)www.acmicpc.net코드n = int(input())peoples = list(map(int, input().split()))peoples.sort()rs = 0for i in range(1, n+1): rs += sum(peoples[:i])print(rs)해설누적합

문제https://www.acmicpc.net/problem/1817 1817번: 짐 챙기는 숌첫째 줄에 책의 개수 N과 박스에 넣을 수 있는 최대 무게 M이 주어진다. N은 0보다 크거나 같고 50보다 작거나 같은 정수이고, M은 1,000보다 작거나 같은 자연수이다. N이 0보다 큰 경우 둘째 줄에 책www.acmicpc.net코드n, m = map(int,input().split())if n == 0: print(0) # 책 없으면 박스 0개else: w = list(map(int,input().split())) box = 0 cnt = 1 # 책이 하나라도 있으면 cnt가 1 for i in range(n-1, -1, -1): # 역순회 box += w[i]..

문제https://www.acmicpc.net/problem/11053 11053번: 가장 긴 증가하는 부분 수열수열 A가 주어졌을 때, 가장 긴 증가하는 부분 수열을 구하는 프로그램을 작성하시오. 예를 들어, 수열 A = {10, 20, 10, 30, 20, 50} 인 경우에 가장 긴 증가하는 부분 수열은 A = {10, 20, 10, 30, 20, 50} 이www.acmicpc.net코드import sysinput = sys.stdin.readlinen=int(input())a=list(map(int,input().split()))dp = [1]*n // 모든 위치의 수열의 길이는 최소한 1이므로 dp를 1로 초기화for i in range(n): for j in range(i): // i의 이..