본문 바로가기

전체 글

(63)
[React] React Router Routing이란? 사용자가 요청한 URL에 맞는 페이지 보여주는 기능 React Router 사용자 입력 주소 감지, 다양한 라우터 컴포넌트 제공 공식 페이지 종류 BrowserRouter HashRouter 설치 npm i react-router-dom yarn add react-router-dom import path 설정, Link 설정 /*BrowserRouter*/ import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; import {Link} from "react-router-dom" 사용예 - Navbar 구현 App BrowserRouter 사용 위해 태그로 전체 감쌈 Route 다중 사용 위해 Routes 태..
C++) 백준 4375번 - 1 https://www.acmicpc.net/problem/4375 4375번: 1 2와 5로 나누어 떨어지지 않는 정수 n(1 ≤ n ≤ 10000)가 주어졌을 때, 1로만 이루어진 n의 배수를 찾는 프로그램을 작성하시오. www.acmicpc.net #include using namespace std; int n; int main() { ios_base::sync_with_stdio(false); cin.tie(NULL); cout.tie(NULL); while(cin>>n){ long long ans=1; long long num=1; while(1){ long long temp=num; if(temp%n==0) break; num=(num*10)+1; num%=n; //modular 연산 통해 정수..
HTML 태그 정리 시맨틱 태그 태그 -헤더 영역을 의미 -검색 창, 사이트 메뉴 등 삽입 태그 -네비게이션 영역 의미 -다른 위치로 연결하는 링크 생성 태그 -메인 콘텐츠 삽입 -웹 문서마다 다르게 보여주는 내용으로 구성 -문서 당 한 번만 사용 가능 태그 -독립적 콘텐츠 삽입 -문서 안에 여러개 사용 가능 -내부에 태그 사용가능 태그 -콘텐츠 영역 -몇 개의 콘텐츠를 묶는 용도로 사용 태그 -사이드 바 영역 태그 -푸터 영역 생성 -, , 등 시맨틱 태그 모두 사용 가능 태그 -여러 소스를 묶음 -id, class 속성 사용 가능 일반태그 텍스트 입력 태그 -제목 나타냄 -n에 1~6까지의 수 삽입 가능, 숫자에 따라 크기 달라짐 태그 -텍스트 단락 태그 -줄바꿈 태그 -닫는 태그 없이 단독으로 사용됨 태그 -인용문 인..
C++) 백준 18870번 - 좌표 압축 https://www.acmicpc.net/problem/18870 18870번: 좌표 압축 수직선 위에 N개의 좌표 X1, X2, ..., XN이 있다. 이 좌표에 좌표 압축을 적용하려고 한다. Xi를 좌표 압축한 결과 X'i의 값은 Xi > Xj를 만족하는 서로 다른 좌표의 개수와 같아야 한다. X1, X2, ..., XN에 좌 www.acmicpc.net #include using namespace std; int n; int x[1000002]; //입력받을 배열 vector temp,uni; //temp는 정렬된 배열 저장, uni는 temp에서 중복된 수를 제외한 배열 int main() { ios_base::sync_with_stdio(false); cin.tie(NULL); cout.tie..
C++) 백준 2170번 - 선 긋기 https://www.acmicpc.net/problem/2170 2170번: 선 긋기 첫째 줄에 선을 그은 횟수 N(1 ≤ N ≤ 1,000,000)이 주어진다. 다음 N개의 줄에는 선을 그을 때 선택한 두 점의 위치 x, y(-1,000,000,000 ≤ x >n; for(int i=0;i>p[i].first>>p[i].second; } sort(p,p+n);..
C++) 백준 1541번 - 잃어버린 괄호 https://www.acmicpc.net/problem/1541 1541번: 잃어버린 괄호 첫째 줄에 식이 주어진다. 식은 ‘0’~‘9’, ‘+’, 그리고 ‘-’만으로 이루어져 있고, 가장 처음과 마지막 문자는 숫자이다. 그리고 연속해서 두 개 이상의 연산자가 나타나지 않고, 5자리보다 www.acmicpc.net #include using namespace std; int main() { ios_base::sync_with_stdio(false); cin.tie(NULL); cout.tie(NULL); string cal; cin>>cal; //수식 입력받음 int len=cal.length(); int ans=0,cnt=0,num=0; //ans=정답, num=수 임시 저장, cnt=수의 자리수 표..
C++) 백준1149번 - RGB거리 https://www.acmicpc.net/problem/1149 1149번: RGB거리 첫째 줄에 집의 수 N(2 ≤ N ≤ 1,000)이 주어진다. 둘째 줄부터 N개의 줄에는 각 집을 빨강, 초록, 파랑으로 칠하는 비용이 1번 집부터 한 줄에 하나씩 주어진다. 집을 칠하는 비용은 1,000보다 작거나 www.acmicpc.net #include using namespace std; int n; int h[1002][3]; //r0 g1 b2 int d[1002][3]; int main() { ios_base::sync_with_stdio(false); cin.tie(NULL); cout.tie(NULL); cin>>n; for(int i=1;ih[i][j]; } } if(n==1){ //예외처리 cout
C++) 백준 6603번 - 로또 https://www.acmicpc.net/problem/6603 6603번: 로또 입력은 여러 개의 테스트 케이스로 이루어져 있다. 각 테스트 케이스는 한 줄로 이루어져 있다. 첫 번째 수는 k (6 < k < 13)이고, 다음 k개 수는 집합 S에 포함되는 수이다. S의 원소는 오름차순으로 www.acmicpc.net n과 m 문제들과 유사한 방법으로 풀이한다. 차이점은 출력할 원소의 개수가 고정되어 있고 여러개의 케이스가 주어진다는 점이다. do-while문을 통해 매 케이스 마다 가능한 경우의 수를 모두 출력하도록 했다. #include using namespace std; int k; int arr[52]; int ans[52]; bool check[52]; void func(int n){ if..