본문 바로가기

전체 글263

[백준] 2206번 - 벽 부수고 이동하기 (파이썬) # 벽 부수고 이동하기 import sys from collections import deque input = sys.stdin.readline N, M = map(int, input().split()) arr = [] for i in range(N): arr.append(list(map(int, input().strip()))) dx = [0, 1, 0, -1] dy = [1, 0, -1, 0] def bfs(): global result q = deque() q.append((0, 0, 0)) time = [[[0] * 2 for _ in range(M)] for _ in range(N)] time[0][0][0] = 1 while q: x, y, wall = q.popleft() if x == N-.. 2022. 1. 23.
[백준] 1987번 - 알파벳 (파이썬) # 알파벳 import sys input = sys.stdin.readline R, C = map(int, input().split()) arr = [] for _ in range(R): arr.append(list(input().strip())) dx = [0, 1, 0, -1] dy = [1, 0, -1, 0] result = 0 def move(): global result q = set([(0, 0, arr[0][0])]) while q: x, y, hist = q.pop() result = max(result, len(hist)) for k in range(4): nx = x + dx[k] ny = y + dy[k] if 0 2022. 1. 23.
[리액트(React)] 3. Dom과 렌더링 1. 로직 리액트DOM은 렌더링할 때, 이전의 것과 비교하여 변경된 엘리먼트만 DOM에 업데이트를 한다. 즉, 변한 부분만 렌더링을 한다는 뜻 같다. 2. 구조 가 있다. // index.js import React from 'react' import ReactDOM from 'react-dom' import './index.css' import App from './App' ReactDOM.render( , document.getElementById('root') ) ReactDom.render(렌더링할 아이들, 어디에 렌더링할 것인지) 이런 함수에 document.getElementById('root')가 있는 것을 알 수 있다. 즉 내가 return할 요소들이 index.html에서 id가 root.. 2022. 1. 22.
[리액트(React)] 2. JSX 1. JSX 자바스크립트를 확장한 문법으로 React에서 엘리먼트를 생성할 때 보편적으로 사용하는 문법 - JSX에 표현식 표현하기 중괄호안에 자바스크립트 표현식을 넣어서 사용할 수 있다. // App.js import './App.css' const name = '2HS' const element = Hello, {name} function App() { return element } export default App - 여러 요소를 JSX로 표현하기 return 할 때 하나의 태그를 return해야한다. // App.js import './App.css' const name = '2HS' const job = 'Student' function App() { return ( {name} {job} ) .. 2022. 1. 22.
[리액트(React)] 1. Create React App React를 배우기 위해서 create-react-app을 이용하기로 했다. 추가적으로 패키지 관리는 yarn을 이용하기로 했다. 1. yarn 설치 brew install yarn 홈브루가 없으면 홈브루 먼저 설치해주도록 하자 https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 2. create react-app yarn create react-app follow_docs 앱 이름을 follow_docs로 정했다. 3. 테스트 yarn start 4. 쓸모 없는 파일 삭제, prettier 설정 2022. 1. 22.
[리액트(React)] 0. 개요 공식 문서들을 보면서 차근차근 공부를 해보자 주요개념만 포스팅하고 그외에는 이해하고 넘어갈 예정이다 공부를 하고나서 리액트로 혼자 앱을 만들어 보는 것을 목표로 달리자 공식 문서 React create-react-app react-router-dom 2022. 1. 22.
[백준] 11559번 - Puyo Puyo (파이썬) # Puyo Puyo from collections import deque import sys input = sys.stdin.readline N = 12 M = 6 dx = [0, 1, 0, -1] dy = [1, 0, -1, 0] arr = [] for _ in range(12): arr.append(list(input().strip())) result = 0 def check(): isExplode = False global result visited = [[False] * M for _ in range(N)] for i in range(N): for j in range(M): if arr[i][j] != '.' and not visited[i][j]: color = arr[i][j] exp = [.. 2022. 1. 22.