https://www.acmicpc.net/problem/2798 2798번: 블랙잭 첫째 줄에 카드의 개수 N(3 ≤ N ≤ 100)과 M(10 ≤ M ≤ 300,000)이 주어진다. 둘째 줄에는 카드에 쓰여 있는 수가 주어지며, 이 값은 100,000을 넘지 않는 양의 정수이다. 합이 M을 넘지 않는 카드 3장 www.acmicpc.net 더보기 핵심 개념 Binary Search Combination 부가 개념 파이썬 삼항 연산자 list를 key값으로 배열 시 key에 함수를 사용하기 풀이 from itertools import combinations def binary_search(array, start, end, target): if(start >= end):# 종료조건 return sum(a..
본 게시글은 노마더코더의 ReactJS로 영화 웹서비스 만들기 코스를 수강하며 정리한 글입니다. React Router React에서 페이지 이동시 사용하는 라이브러리 Route "스크린" 단위로 생각 = "route" 별로 생각 화면에 표시되는 하나의 Screen을 하나의 Route라 본다. Router router는 URL을 보고있는 component Browser Router : URL이 평소 보는 URL이랑 똑같다. Hash Router : localhost.com/#/movie붙인다. Swtich Route를 찾는 역할, 현재는 사용되지 않고 Routes로 대체되었다. 한번에 하나의 Route만을 렌더링하기 위해 사용 (원래 Router에서는 한번에 2개의 Route를 렌더링도 가능) 여기서 R..
본 게시글은 노마더코더의 ReactJS로 영화 웹서비스 만들기 코스를 수강하며 정리한 글입니다. prev current처럼 state를 가져오는 함수 import {useState, useEffect} from "react" useState 등 사용할 때 import useEffect(effect, dependency) 특정 코드가 실행 시기를 설정하고 싶다. ex ) API 로딩 - Component의 첫 로딩 시만 코드 실행 이 경우에는 useEffect를 사용한다. React는 State가 변할 때 마다 리렌더링한다. 이는 UI관점에서는 좋을 수 있지만 특정 시점에만 실행하고 싶은 코드가 있을 수 있다. 특정 시점에만 코드를 리렌더링(실행)하고 싶을 때 사용한다. dependency = []안에 k..
본 게시글은 노마더코더의 ReactJS로 영화 웹서비스 만들기 코스를 수강하며 정리한 글입니다. creat-react-app 설치 Node.js 설치해야한다. node -v npx 실행 확인 npx create-react-app [프로젝트 이름] 리액트 서버 시작 npm start 컴포넌트를 모듈화 import React from 'react'; const Button = () => { return 버튼 } export default Button; import Button from './component/Button.js' const ButtonContainer = () => { return } Button.js를 import해 로 사용할 수 있다. 즉, 모든 컴포넌트들이 js(jsx) 파일로 되어 모듈..
본 게시글은 노마더코더의 ReactJS로 영화 웹서비스 만들기 코스를 수강하며 정리한 글입니다. Props 부모 컴포넌트로부터 자식 컴포넌트에 데이터를 보낼 수 있게 해주는 방법 (일종의 인자) 우리의 커스텀 컴포넌트에 HTML의 syntax를 적용시킬 수 있다. -> 데이터를 전달하는 방법 커스텀 컴포넌트를 재사용가능한 컴포넌트로 만들 수 있는 방법! function Btn(props){ console.log(text + 're render'); return {props.text} } = Btn({text:"Helo"}) text값이 props로 전달된다. Btn은 함수니깐! 이런 일이 가능하다. 단 props는 하나의 객체로써 전달되는 값들을 모두 담고있는 커스텀 컴포넌트의 유일한 인자이다. 두번째,..
본 게시글은 노마더코더의 ReactJS로 영화 웹서비스 만들기 코스를 수강하며 정리한 글입니다. State 데이터가 저장되는 공간 바뀌길 원하는 데이터가 저장되는 공간. +) React에서는 태그 전체(부모 태그 포함)가 아니라 오직 바뀐 부분만 업데이트 된다. +) {counter}로 변수 포함 가능 useState() -> [data, function] const data = React.useState() React에서 데이터를 담는 방법 const data = React.useState()로 data와 data를 바꾸는 setState function 지정 가능, 초기값 역시 지정 가능하다. State를 사용하겠다! State를 생성, 부여하는 기능 +) 배열 성분에 이름을 지정하는 방법 const..
본 게시글은 노마더코더의 ReactJS로 영화 웹서비스 만들기 코스를 수강하며 정리한 글입니다. React 기존에는 HTML에서 개체를 생성하고 이 개체와 상호작용하기 위해서는 JS의 document.getElementById나 document.querySelector와 같은 함수를 통해 HTML 객체를 가져와야 상호작용 할 수 있었다. 즉, HTML 생성 -> 자바스크립트로 가져와서 작용 그러나 React에서는 자바스크립트에서 개체를 생성하여 브라우저에서 로딩 시 HTML 태그를 알아서 생성하고 뿌려준다. 즉, 자바스크립트 생성 -> 브라우저에 뿌릴 시 HTML 생성 이로 인해 개체의 생성과 상호작용에 대한 정의가 모두 자바스크립트 안에서 이루어진다. ReactDOM React는 정확하게 말하면 어플을..
출처 : 백준, https://www.acmicpc.net/problem/2447 2447번: 별 찍기 - 10 재귀적인 패턴으로 별을 찍어 보자. N이 3의 거듭제곱(3, 9, 27, ...)이라고 할 때, 크기 N의 패턴은 N×N 정사각형 모양이다. 크기 3의 패턴은 가운데에 공백이 있고, 가운데를 제외한 모든 칸에 별이 www.acmicpc.net 더보기 첫 번째 풀이 : 무식 def makezero(div_3, x, y): if div_3 == 0: return #0 넣기 for i in range(x+div_3, x+(div_3*2)): for j in range(y+div_3, y+(div_3*2)): array[i][j] = "" makezero(div_3//3, x, y) makezero(..
출처 : https://www.acmicpc.net/problem/2292 2292번: 벌집 위의 그림과 같이 육각형으로 이루어진 벌집이 있다. 그림에서 보는 바와 같이 중앙의 방 1부터 시작해서 이웃하는 방에 돌아가면서 1씩 증가하는 번호를 주소로 매길 수 있다. 숫자 N이 주어졌 www.acmicpc.net 육각형으로 이루어진 벌집에 중심부터 회전하며 번호로 주소를 매긴 후 벌집의 중앙인 1번부터 N번에 도달할 때까지 거치는 최소 방의 개수를 구하는 문제이다. (1번, N번을 포함한다.) 벌집 이미지는 다음과 같다. 더보기 중심을 기준으로 한 바퀴씩 나눈다면 각 그룹 안의 방에 대해 최소 도착 거리가 같다. 방 그룹 1번 방 빨간 방 초록 방 파란 방 최소 방 개수 1개 2개 3개 4개 그룹 내 범위..
