![]()
페이지 생성ClientApp/src 디렉터리 아래에 RankItem.js 파일 생성import React, {useState, useEffect} from "react";import MovieImageArr from "./MovieImages";const RankItems = ()=>{ const [items, setItems] = useState([]); const dataType = 1; useEffect(()=>{ fetch(`item/${dataType}`) .then((results)=>{ return results.json(); }) .then(data=>{ setItems(data); ..
Model 생성프로젝트 최상위 디렉터리에 Models 디렉터리를 생성Models 디렉터리에 ItemModel.cs 파일 생성namespace RankingApp.Models{ public class ItemModel { public int Id{get; set;} public string Title{get; set;} public int ImageId{get; set;} public int Ranking{get; set;} public int ItemType{get; set;} }}ItemModel 클래스는 필드로 위 값을 가지게 된다.이때 필드 값이 getter와 setter를 가지도록 설정한다.Controller 생성프로젝..
![]()
프로젝트 생성 dotnet new react -o "프로젝트명"위 명령어를 사용해서 React 프로젝트를 생성할 수 있다.-o 뒤에 프로젝트 명을 아웃풋으로 지정한다.React 앱 실행ClientApp 디렉터리에서 React에 필요한 모듈을 설치한다.cd ClientAppnpm iRankingApp 디렉터리 아래에는 C# 프로젝트가 존재한다.ClientApp 디렉터리 아래에는 React 앱이 만들어져 있다.npm startClientApp 디렉터리에서 위 명령어를 사용하면 프론트부분만 실행된다.닷넷 실행전체 프로젝트가 위치한 디렉터리에서 아래 명령어를 실행cd ..dotnet run 출처https://developefeel.tistory.com/41 [React] 리액트 닷넷으로 시작하기.NET 설..
https://www.acmicpc.net/problem/18111 N x M 크기의 땅 정보를 입력 받을 때 최소 높이의 블록과 최대 높이 블록을 구한다.이후 최소 높이에서 최대 높이까지 땅 높이를 조사한다.현재 높이에서 arr배열 속 땅 정보가 크면 땅을 판다.또한 현재 높이에서 arr배열 속 땅 정보가 작으면 땅을 채운다. #include #include using namespace std;int N, M, B;int arr[501][501];int minBlock = 257, maxBlock = 0;int answer = 987654321, height = -1;void dfs(int h, int b){ int t = 0; for(int i = 0;i h){ ..
https://www.acmicpc.net/problem/17626 #include using namespace std;int dp[50005];int N;int main(){ ios::sync_with_stdio(false); cin.tie(NULL); cout.tie(NULL); cin>>N; for(int i = 1;i
https://www.acmicpc.net/problem/2805 배열에 잘라야할 나무를 담는다. 이후 배열을 정렬한다.정렬하는 이유는 자를 수 있는 최대 높이를 구해야하기 때문이다. 자를 최소 높이를 0으로 하고 최대 높이를 배열의 마지막 요소로 정했다면최소와 최대가 서로 교차되지 않을 때까지 반복을 진행한다. 자를 길이는 low와 high 합 / 2로 결정한다. 이유는 binary_search를 하기 위함이다.배열 요소에 자를 길이를 뺀 결과가 0보다 큰 경우 sum에 뺀 결과를 누적한다.sum이 가져갈 나무의 길이보다 큰 경우 현재 자를 길이를 저장하고, 최소 높이를 자를 길이의 + 1로 결정한다.만약 작은 경우 최대 높이를 자를 길이의 - 1로 결정한다. #include #include #incl..
https://www.acmicpc.net/problem/18870 이 문제에서는 생소한 stl 함수를 사용하였다. lower_bound 함수는 인자로 넘겨준 배열의 포인터들 사이에서 target값이 처음 나오는 인덱스의 iterator를 반환한다.iterator를 반환하기 때문에 인덱스를 알고 싶다면 배열의 경우 배열의 첫번째 위치를 빼고 벡터의 경우 v.begin()을 빼면 된다. 코드에서 정렬과 같은 값을 빼준 이유는 lower_bound함수를 사용하기 위해서다.문제의 좌표값은 수직선 상에 존재하기 때문에 같은 값은 같은 위치를 나타낸다. 또한 인덱스를 통해 압축할 좌표의 위치를 알기 위해서는 정렬을 통해 수직선 상에 나타내야 한다. #include #include #include #include..
https://www.acmicpc.net/problem/2630 문제에서 NxN크기의 종이를 NxN, N/2xN/2, ... 크기 순서로 자르라고 나타나있다.따라서 0, 0 자리부터 탐색을 시작하고, NxN크기부터 자를 수 있는지 판단한다. 판단의 기준은 0번째 자리부터 N번째 자리까지 탐색을 진행한 후처음 색과 진행과정 중 발견한 색이 다를 경우 자른다. #include #include #include #include using namespace std;int N;int arr[129][129];int white = 0;int blue = 0;void dfs(int y, int x, int cnt){ bool cut = false; int color = arr[y][x]; for(in..
