React - Code 작성 방식 JSX JSX란? 리액트에서는 html이 아닌 자바스크립트에서 코드를 작성합니다. 자바스크립트를 html로 변환해줄 도구가 필요합니다. 이때 babel을 사용하게 됩니다. XML 형태로 코드를 작성하면 babel 이 JSX를 JavaScript로 변환을 해줍니다. BABEL에 대한 내용은 https://mxxcode.tistory.com/entry/Webpack과-Babel-JavaScript JSX의 형태 - 컴포넌트에 return 값을 JSX를 통해 구현한다. import React from 'react'; import Hello from './Hello'; function App() { return ( 안녕하세요 ); } export default App; 다른 형..
React - 리액트란, 작동 원리, 개발 환경 구축 리액트란 UI 자바스크립트 라이브러리로 싱글 페이지 애플리케이션이나 모바일 애플리케이션 제작하기 위해 만들어졌고 페이스북(메타)에서 개발하였다. 리액트는 왜 만들어졌을까? 자바스크립트를 통해 HTML의 DOM을 변화시키기 위해 번거로운 작업이 필요했다. 개인적으로 만들었던 수량 증감 버튼을 활용하여 설명하자면 const minusBtn = document.getElementById('quantity-minus'); const plusBtn = document.getElementById('quantity-plus'); const quantity = document.getElementById('quantity-value'); //수량 플러스, 마이너스 버..
GitHub-Pages에 React 웹 앱 호스팅 방법 리액트 개발환경 구축은 리액트 포스팅에서 정리할 예정입니다. 이번 글은 리액트 웹 앱을 구축한 뒤 이를 호스팅하는 방법에 대해서 정리하는 내용입니다. GitHub-Pages란 GitHub를 통해 정적 웹페이지를 배포할 수 있도록 하는 호스팅 서비스 React뿐만 아니라 다양한 웹 앱을 구축하면 이를 프로토타입 혹은 데모 페이지로서 결과물을 확인할 수 있도록 하는 서비스이다. React에 gh-pages 환경 설정 방법 순서대로 코드를 작성하시는 것을 추천합니다. gh-pages 패키지 설치 # react 웹앱 경로에서 $ npm i gh-pages Package.json 파일에 내용 추가 // 별표(***)로 표시한 내용을 작성하여 주세요. { "n..
[Python] 백준 알고리즘 온라인 저지 11057 오르막 수 출처 https://www.acmicpc.net/problem/11057 11057번: 오르막 수 오르막 수는 수의 자리가 오름차순을 이루는 수를 말한다. 이때, 인접한 수가 같아도 오름차순으로 친다. 예를 들어, 2234와 3678, 11119는 오르막 수이지만, 2232, 3676, 91111은 오르막 수가 아니다. 수 www.acmicpc.net 자릿수가 오름차순으로 증가하는 수를 오르막 수라고 하고 이전이나 다음 자릿수는 같은 크기를 가져도 오르막 수이다. 점화식을 찾아 문제를 풀이해야 했고 그 과정이 생각보다 오래 걸렸다. N과 끝으로 오는 수를 기준으로 점화식을 세워야 한다. 알고리즘 분류 다이내믹 프로그래밍 소스코드 import..
[Python] 백준 알고리즘 온라인 저지 14490 백대열 출처 https://www.acmicpc.net/problem/14490 14490번: 백대열 n과 m이 :을 사이에 두고 주어진다. (1 ≤ n, m ≤ 100,000,000) www.acmicpc.net 저번 포스트에 작성한 알고리즘과 비슷한 분류이다. 최대공약수를 구해야 하는 문제로 두 수를 약분하여 출력하면 된다. math.gcd 라이브러리를 활용하는 방법은 전 포스트를 확인하시면 됩니다. - 이전 발행 글보기 알고리즘 분류 수학 문자열 정수론 파싱 유클리드 호제법 소스코드 n, m = map(int, input().split(':')) def gcd(a, b): if b == 0: return a return gcd(b, a%b) t ..
[Python] 백준 알고리즘 온라인 저지 3036 링 출처 https://www.acmicpc.net/problem/3036 3036번: 링 출력은 총 N-1줄을 해야 한다. 첫 번째 링을 제외한 각각의 링에 대해서, 첫 번째 링을 한 바퀴 돌리면 그 링은 몇 바퀴 도는지 기약 분수 형태 A/B로 출력한다. www.acmicpc.net 링이 얼마나 회전하는지 예제 출력을 통해 확인할 수 있듯이 최대공약수로 분모와 분자를 나눠주면 회전수를 알 수 있다. 두 가지 방법을 사용하여 소스코드를 작성하려고 한다. 소스코드 1: math.gcd를 import 해서 최대공약수를 구하여 출력 소스코드 2: 유클리드 호제법을 코드로 작성해 최대공약수를 구하여 출력 알고리즘 분류 수학 정수론 유클리드 호제법 소스코드 1..
🚀 새로운 블로그로 이전했습니다.
살펴보러 가기
