문제 미키의 뒷마당에는 특정 수의 양이 있다. 그가 푹 잠든 사이에 배고픈 늑대는 마당에 들어와 양을 공격했다. 마당은 행과 열로 이루어진 직사각형 모양이다. 글자 ‘.’ (점)은 빈 필드를 의미하며, 글자 ‘#’는 울타리를, ‘o’는 양, ‘v’는 늑대를 의미한다. 한 칸에서 수평, 수직만으로 이동하며 울타리를 지나지 않고 다른 칸으로 이동...
BOJ 16948번 데스 나이트 파이썬
문제 게임을 좋아하는 큐브러버는 체스에서 사용할 새로운 말 “데스 나이트”를 만들었다. 데스 나이트가 있는 곳이 (r, c)라면, (r-2, c-1), (r-2, c+1), (r, c-2), (r, c+2), (r+2, c-1), (r+2, c+1)로 이동할 수 있다. 크기가 N×N인 체스판과 두 칸 (r1, c1), (r2, c2)가 주어진다...
BOJ 6118번 숨바꼭질
BOJ 6118번 파이썬 문제 재서기는 수혀니와 교외 농장에서 숨바꼭질을 하고 있다. 농장에는 헛간이 많이 널려있고 재서기는 그 중에 하나에 숨어야 한다. 헛간의 개수는 N(2 <= N <= 20,000)개이며, 1 부터 샌다고 하자. 재서기는 수혀니가 1번 헛간부터 찾을 것을 알고 있다. 모든 헛간은 M(1<= M <=...
BOJ 5568번 카드 놓기
BOJ 5568번 카드 놓기 문제 상근이는 카드 n(4 ≤ n ≤ 10)장을 바닥에 나란히 놓고 놀고있다. 각 카드에는 1이상 99이하의 정수가 적혀져 있다. 상근이는 이 카드 중에서 k(2 ≤ k ≤ 4)장을 선택하고, 가로로 나란히 정수를 만들기로 했다. 상근이가 만들 수 있는 정수는 모두 몇 가지일까? 예를 들어, 카드가 5장 있고, 카...
React 이벤트 처리하기
인프런 파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 강의를 보고 정리한 내용입니다. 컴포넌트에는 여러 이벤트가 발생 → 이벤트에 대한 처리를 커스텀 웹브라우저의 HTML이벤트를 기본적으로 지원 이벤트 핸들러 속성명은 camelCase로만 작성 (HTML에서는 onclick, 리액트는 onClick) 이벤트 핸들러에는 필히 ...
React 속성값
인프런 파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 강의를 보고 정리한 내용입니다. 속성값 컴포넌트 생성시에 넘겨지는 값의 목록 읽기 전용으로 취급하고, 변경하지 않음 자식 컴포넌트 입장에서는 데이터/함수를 전달받는 유일한 통로 (But, Context API로 인해, 새로운 통로가 생김) 부모 컴포넌트의 데이터/함수를 자식 컴...
Javascript 꼭 알아야 할 ES6+ 문법
인프런 파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 강의를 보고 정리한 내용입니다. var 대신 let과 const를 사용 var를 사용하면 Javascript의 호이스팅 때문에, 변수 관리에 예기치 않은 혼란이 생길 수 있음 왜냐하면, var 변수를 선언하기 전에 호출을 하고, 그 이후에 호출을 해도 ReferenceError가 ...
React 엘리먼트
인프런 파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 강의를 보고 정리한 내용입니다. 리액트 UI 라이브러리 (웹 프론트엔드 및 앱 Native, VR등에서 활용) UI 데이터를 관리하는 방법을 제공 부모 컴포넌트로부터 내려받는 속성값 → props 컴포넌트 내부에서 생성/관리되는 상탯값 → state UI 데이터 (U...
React 순수함수와 커링기법
인프런 파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 강의를 보고 정리한 내용입니다. 리액트는 함수형 프로그래밍을 적극 활용 순수함수 하나 이상의 인자를 받고, 인자를 변경하지 않고, 참조하여 새로운 값을 반환 Side Effects가 없도록 구성 let tom = { name="tom" canRun=fa;se } //순수함수...
React 상탯값 (state) (feat. 클래스형 컴포넌트)
인프런 파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 강의를 보고 정리한 내용입니다. UI (엘리먼트)로의 반영을 위해, 유지해야할 값들의 묶음 상탯값은 어디에 저장/관리? 각 컴포넌트 내에서만 사용되는 값들은 컴포넌트 안에서 생성/갱신 → 리액트 기본 동작 여러 컴포넌트에서 사용되는 값들은 별도 공간에서 생성/갱신 ...