벨로퍼트와 함께하는 모던 리액트 벨로퍼트와 함께하는 모던 리액트: https://react.vlpt.us/ 진도 - 1.1. 리액트는 어쩌다가 만들어졌을까? - 1.2. 작업환경 준비 - 1.3. 나의 첫 번째 리액트 컴포넌트 - 1.4. JSX 💬 리액트는 어쩌다가 만들어졌을까? 프로젝트의 규모가 커질수록 DOM을 직접 건드리면서 작업을 진행하기 어려움이 있다 - 코드가 난잡해지고, 이로 인해 유지보수가 어려워진다 위와 같은 이유로 Ember, Backbone, AngularJS 등의 프레임워크가 만들어졌다 이러한 프레임워크는 특정 값이 변경될 때, 특정 DOM의 속성이 바뀌도록 연결을 해주어서 업데이트 과정을 간소화한다 반면 리액트는 상태에 따른 업데이트가 아니라 처음부터 모든 걸 새로 만들어 준다는..
중복되는 연산을 줄이자 - 우리는 연산 속도와 메모리 공간을 최대한으로 활용할 수 있는 알고리즙을 작성해야 한다 - 어떤 문제는 메모리 공간을 약간만 더 사용하여 연산 속도를 비약적으로 증가시킬 수 있다 - 대표적인 방법이 다이나믹 프로그래밍(Dynamic Programming) 기법으로, 동적 계획법이라고도 부른다 - 다이나믹 프로그래밍의 기본 아이디어를 알아보고, 탑다운 방식과 보텀업 방식에 대해 알아보자 - 추가로 다이나믹 프로그래밍을 위해 자주 사용되는 메모이제이션 기법까지 알아보자 다이나믹 프로그래밍 - 피보나치 수열 - 다이나믹 프로그래밍으로 해결할 수 있는 대표적인 예시로 피보나치 수열이 있다 - 피보나치수열은 이전 두 항의 합을 현재의 항으로 설정한다 - 수학자들은 수열의 항이 이어지는 형..
집중이 잘 안 될 때 벨로그 메인에 걸려있는 글을 하나 골라서 읽고 같은 주제의 글들을 찾아서 쭉 읽는데, 그냥 호로록 읽고 넘기기보다 어딘가에 정리해두고 싶어서 카테고리를 만들었다. 이름은 알쓸신잡을 따라 해서 알쓸개잡으로 😎 마음에 쏙 든다. 1탄은 그동안 미루고 미루던 깃허브 프로필 만드는 방법으로 정했다. 먼저 깃허브 계정명과 동일한 레파지토리를 하나 만들고, 해당 레파지토리의 README.md를 작성하면 이 내용이 메인 화면에 노출된다. 깃허브에 익숙하지 않다면 아래 게시글을 참고하는 것을 추천한다. [Github] 용어 정리 [GitHub] 저장소(Repository) [GitHub] 클론과 커밋(Commit) / Windows README.md 에 작성한 내용이 깃허브의 메인 화면에 보여진다..
[Oracle] MacOS에서 Oracle 설치하기 - MacOS에서는 Oracle을 지원하지 않기 때문에, Docker 컨테이너를 사용해 설치해야 한다 - 먼저 Docker를 설치하고, 필요한 Oracle 이미지를 다운로드하여 컨테이너를 생성해보자 (1) Docker 설치하기 1. Docker 회원가입 (Continue with Free) Docker Hub hub.docker.com 2. Docker 설치 파일 다운로드 - 아래 링크에서 Mac with Intel Chip을 선택하여 dmg 파일을 다운로드한다 Docker Desktop - Docker Volume Management, Dev Environments and more Takes the guesswork out of volume manag..
10799. 쇠막대기 여러 개의 쇠막대기를 레이저로 절단하려고 한다. 효율적인 작업을 위해서 쇠막대기를 아래에서 위로 겹쳐 놓고, 레이저를 위에서 수직으로 발사하여 쇠막대기들을 자른다. 쇠막대기와 레이저의 배치는 다음 조건을 만족한다. 쇠막대기는 자신보다 긴 쇠막대기 위에만 놓일 수 있다. - 쇠막대기를 다른 쇠막대기 위에 놓는 경우 완전히 포함되도록 놓되, 끝점은 겹치지 않도록 놓는다. 각 쇠막대기를 자르는 레이저는 적어도 하나 존재한다. 레이저는 어떤 쇠막대기의 양 끝점과도 겹치지 않는다. 아래 그림은 위 조건을 만족하는 예를 보여준다. 수평으로 그려진 굵은 실선은 쇠막대기이고, 점은 레이저의 위치, 수직으로 그려진 점선 화살표는 레이저의 발사 방향이다. 이러한 레이저와 쇠막대기의 배치는 다음과 같이..
문제 설명 고속도로를 이동하는 모든 차량이 고속도로를 이용하면서 단속용 카메라를 한 번은 만나도록 카메라를 설치하려고 합니다. 고속도로를 이동하는 차량의 경로 routes가 매개변수로 주어질 때, 모든 차량이 한 번은 단속용 카메라를 만나도록 하려면 최소 몇 대의 카메라를 설치해야 하는지를 return 하도록 solution 함수를 완성하세요. 제한사항 차량의 대수는 1대 이상 10,000대 이하입니다. routes에는 차량의 이동 경로가 포함되어 있으며 routes[i][0]에는 i번째 차량이 고속도로에 진입한 지점, routes[i][1]에는 i번째 차량이 고속도로에서 나간 지점이 적혀 있습니다. 차량의 진입/진출 지점에 카메라가 설치되어 있어도 카메라를 만난것으로 간주합니다. 차량의 진입 지점, 진..
10430. 나머지 (A+B)%C는 ((A%C) + (B%C))%C 와 같을까? (A×B)%C는 ((A%C) × (B%C))%C 와 같을까? 세 수 A, B, C가 주어졌을 때, 위의 네 가지 값을 구하는 프로그램을 작성하시오. 입력. 첫째 줄에 A, B, C가 순서대로 주어진다. (2 ≤ A, B, C ≤ 10000) 출력. 첫째 줄에 (A+B)%C, 둘째 줄에 ((A%C) + (B%C))%C, 셋째 줄에 (A×B)%C, 넷째 줄에 ((A%C) × (B%C))%C를 출력한다. Python import sys a,b,c = map(int, sys.stdin.readline().rstrip().split()) print((a+b)%c, (a%c+b%c)%c, (a*b)%c, (a%c*b%c)%c, sep ..
2609. 최대공약수와 최소공배수 두 개의 자연수를 입력받아 최대 공약수와 최소 공배수를 출력하는 프로그램을 작성하시오. 입력. 첫째 줄에는 두 개의 자연수가 주어진다. 이 둘은 10,000이하의 자연수이며 사이에 한 칸의 공백이 주어진다. 출력. 첫째 줄에는 입력으로 주어진 두 수의 최대공약수를, 둘째 줄에는 입력으로 주어진 두 수의 최소 공배수를 출력한다. Python import sys import math arr = list(map(int, sys.stdin.readline().rstrip().split())) print(math.gcd(arr[0], arr[1])) print(math.lcm(arr[0], arr[1])) Java import java.io.BufferedReader; impor..
문제 설명 무인도에 갇힌 사람들을 구명보트를 이용하여 구출하려고 합니다. 구명보트는 작아서 한 번에 최대 2명씩 밖에 탈 수 없고, 무게 제한도 있습니다. 예를 들어, 사람들의 몸무게가 [70kg, 50kg, 80kg, 50kg]이고 구명보트의 무게 제한이 100kg이라면 2번째 사람과 4번째 사람은 같이 탈 수 있지만 1번째 사람과 3번째 사람의 무게의 합은 150kg이므로 구명보트의 무게 제한을 초과하여 같이 탈 수 없습니다. 구명보트를 최대한 적게 사용하여 모든 사람을 구출하려고 합니다. 사람들의 몸무게를 담은 배열 people과 구명보트의 무게 제한 limit가 매개변수로 주어질 때, 모든 사람을 구출하기 위해 필요한 구명보트 개수의 최솟값을 return 하도록 solution 함수를 작성해주세요..