분류 전체보기
1149_RGB거리
문제는 더보기! 더보기 더보기 문제 RGB거리에는 집이 N개 있다. 거리는 선분으로 나타낼 수 있고, 1번 집부터 N번 집이 순서대로 있다. 집은 빨강, 초록, 파랑 중 하나의 색으로 칠해야 한다. 각각의 집을 빨강, 초록, 파랑으로 칠하는 비용이 주어졌을 때, 아래 규칙을 만족하면서 모든 집을 칠하는 비용의 최솟값을 구해보자. 1번 집의 색은 2번 집의 색과 같지 않아야 한다. N번 집의 색은 N-1번 집의 색과 같지 않아야 한다. i(2 ≤ i ≤ N-1)번 집의 색은 i-1번, i+1번 집의 색과 같지 않아야 한다. 입력 첫째 줄에 집의 수 N(2 ≤ N ≤ 1,000)이 주어진다. 둘째 줄부터 N개의 줄에는 각 집을 빨강, 초록, 파랑으로 칠하는 비용이 1번 집부터 한 줄에 하나씩 주어진다. 집을..
11_리액트_배열 랜더링
이번에는 리액트에서 배열을 랜더링하는 방법에 대해 알아보겠다. 역시 UserList란 파일을 하나 만든후에 App.js에 연결해 준 후, import React from 'react'; function UserList() { const users = [ { id : 1, username : 'mingyu', email : 'mingyu@naver.com' }, { id : 2, username : 'mingyu2', email : 'mingyu2@naver.com' }, { id : 3, username : 'mingyu3', email : 'mingyu3@naver.com' } ]; return ( {users[0].username}({users[0].email}) {users[1].username}(..
10_리액트_input상태,useRef
이번에는 input버튼으로 값을 읽어오고 표현하는 법을 통해 input상태 관리법을 공부했다. 위처럼 글을 쓰면 그 값을 표시하고, 초기화를 눌렀을때 초기화가 되게하는 방법이다. 저번에 만들었던 리액트 파일 그대로 사용하였다. 우선, src파일에 InputSample파일을 추가한다. //App.js import React from 'react'; import './App.css'; import InputSample from './InputSample'; function App() { return ( ); } export default App; App.js에는 단순히 만든 InputSample을 표시한다. import React, {useState} from 'react'; function InputSam..
9461_파도반 수열
문제는 더보기! 더보기 문제 오른쪽 그림과 같이 삼각형이 나선 모양으로 놓여져 있다. 첫 삼각형은 정삼각형으로 변의 길이는 1이다. 그 다음에는 다음과 같은 과정으로 정삼각형을 계속 추가한다. 나선에서 가장 긴 변의 길이를 k라 했을 때, 그 변에 길이가 k인 정삼각형을 추가한다. 파도반 수열 P(N)은 나선에 있는 정삼각형의 변의 길이이다. P(1)부터 P(10)까지 첫 10개 숫자는 1, 1, 1, 2, 2, 3, 4, 5, 7, 9이다. N이 주어졌을 때, P(N)을 구하는 프로그램을 작성하시오. 입력 첫째 줄에 테스트 케이스의 개수 T가 주어진다. 각 테스트 케이스는 한 줄로 이루어져 있고, N이 주어진다. (1 ≤ N ≤ 100) 출력 각 테스트 케이스마다 P(N)을 출력한다. 예제 입력 1 복..
1904_01타일
문제는 더보기! 더보기 문제 지원이에게 2진 수열을 가르쳐 주기 위해, 지원이 아버지는 그에게 타일들을 선물해주셨다. 그리고 이 각각의 타일들은 0 또는 1이 쓰여 있는 낱장의 타일들이다. 어느 날 짓궂은 동주가 지원이의 공부를 방해하기 위해 0이 쓰여진 낱장의 타일들을 붙여서 한 쌍으로 이루어진 00 타일들을 만들었다. 결국 현재 1 하나만으로 이루어진 타일 또는 0타일을 두 개 붙인 한 쌍의 00타일들만이 남게 되었다. 그러므로 지원이는 타일로 더 이상 크기가 N인 모든 2진 수열을 만들 수 없게 되었다. 예를 들어, N=1일 때 1만 만들 수 있고, N=2일 때는 00, 11을 만들 수 있다. (01, 10은 만들 수 없게 되었다.) 또한 N=4일 때는 0011, 0000, 1001, 1100, 1..
10_컴포넌트_JSX,props,useState
JSX문법 리액트에서 컴포넌트 생김새를 정의하는 문법으로 HTML처럼 생겼지만 사실 자바스크립트이다. 우리가 HTML형식으로 만들어주면 babel이 이것을 JS로 바꾸어준다. 위처럼 말이다. 이때 이 변환을 사용하기 위해서는 몇가지 문법을 꼭 지켜주어야 정상 변환이 된다. 1. 태그를 꼭 닫아주어야 한다. 리액트에서는 input이나 br태그같은 태그또한 닫아주어야 한다. 2. self tag 과같이 내용없이 닫히는 태그는 로 변환하여 쓸 수 있다. 3. function App() { return ( 나는정민규. ); } 위처럼 를 사용하여 불필요한 div태그를 줄일 수 있다. 4. () return 이후 ()는 가독성을 위해 존재하고 굳이 없어도 작동한다. 5. 변수 import React from 'r..