마탁이의 개발 블로그

1. React 컴포넌트(Components) - 컴포넌트 HTML Element를 반환하는 함수와 같다. - 독립적이고 재사용한 코드이다. - JavaScript 함수와 동일한 목적을 제공하지만 독립된 상태로 작동하고, render()함수를 통해 HTML을 반환한다. 2. 클래스 컴포넌트 요소 만들기 - React 컴포넌트를 생성할 때 컴포넌트 이름은 대문자로 시작해야 한다. - 컴포넌트는 extends React.Component문을 포함하야하며, 이 것은 React.Component에 대한 상속을 생성하고, 컴포넌트에 React.Component의 함수에 대한 액세스 권한을 부여한다. - 컴포넌트에도 render() 함수가 필요하며 이 함수는 HTML을 반환한다. import React from '..

1. React render() 기본 예제 - index.js (src 폴더) import React from 'react'; import ReactDOM from 'react-dom'; ReactDOM.render(Hallo, document.getElementById('sandy')); - index.html (public 폴더) - 위 코드 2개를 실행 후 결과를 보면 Hallo 가 밑에 추가 되어 있다. 2. React JSX(JavaScript XML) - JSX를 사용하면 React에서 HTML을 더 쉽게 작성하고 추가할 수 있다. - JSX를 사용하면 JavaScript로 HTML 요소를 작성하고 createElement(), appendChild() 및 '/' 없이 DOM에 배치 가능. -..

1. ES6 소개 - ES6는 ECMAScript 6를 나타낸다. - React는 ES6를 사용하며 다음과 같은 몇 가지 기능에 학습해야 한다. 클래스 Arrow Functions 변수 (let, const, var) 2. Class - 클래스는 함수의 한 유형이지만 function 키워드 대신 class를 사용하고 속성은 constructor() 메서드 내부에 할당된다. class Car { // 생성자 constructor(name) { this.brand = name; } // 메서드 print() { return 'I have a ' + this.brand; } } - 상속은 아래와 같이 extends 키워드를 사용한다. class Car { // 생성자 constructor(name) { thi..

www.w3schools.com/react/ - 위 웹사이트에서 예제를 참고하며 실습한다. React Tutorial React Tutorial React is a JavaScript library for building user interfaces. React is used to build single page applications. React allows us to create reusable UI components. Start learning React now » Learning by Examples Our "Show React" tool makes it ea www.w3schools.com ko.reactjs.org/tutorial/tutorial.html - 또한 아래 사이트에서는 이미 Ga..

1. JavaScript - 유형 및 연산자, 표준 내장 객체 및 메소드가 있는 다중 패러당미, 동적 언어. - 구문은 Java 및 C 언어를 기반으로 둠. - JavaScript는 클래스 대신 객체 프로토 타입을 사용하여 객체 지향 프로그래밍을 지원. 함수는 객체이며, 함수는 실행 가능한 코드를 유지하고 다른 객체와 마찬가지로 전달될 수 있다. 2. JavaScript의 Type 수 (Number) 문자열 (String) 부울 (Boolean) 객체 (Object) 함수 (Function) 배열 (Array) 날짜 (Date) 정규식 (RegExp) 널 (Null) 정의되지 않음 (Undefined) 3. 수 (Number) - parseInt() 함수를 사용하여 문자열을 정수로 변환할 수 있다. (p..

www.acmicpc.net/problem/1977 1977번: 완전제곱수 M과 N이 주어질 때 M이상 N이하의 자연수 중 완전제곱수인 것을 모두 골라 그 합을 구하고 그 중 최솟값을 찾는 프로그램을 작성하시오. 예를 들어 M=60, N=100인 경우 60이상 100이하의 자연수 중 완 www.acmicpc.net 간단한 수학 문제이다. 백준 MyPage에서 '실패'가 되어있길래 풀었다. math.h 를 사용하면 해결을 쉽게 할 수 있다. 코드 더보기 #include #include #include // size #define INPUT_MAX10000 // macro #define MIN(a,b) (a < b ? a : b) int main() { // 1977 // init std::ios::sync..

www.acmicpc.net/problem/1463 1463번: 1로 만들기 첫째 줄에 1보다 크거나 같고, 106보다 작거나 같은 정수 N이 주어진다. www.acmicpc.net 동적 프로그램이을 통해 주어진 입력을 1로 만드는 연산의 횟수를 최소화 하는 문제 점화식을 이해할 수 없어 구글링을 통해 풀었음. Top-down 방식과 Bottom-up 방식이 있는데, 먼저 Top-down 으로 해결하였음 Bottom-up 방식을 통해서 상대적으로 메모리를 아낄 수 있는 것을 보인다. (Bottom-up 구현 필요) Top-Down 더보기 #include #include #include // debug #define debug_m 1 // size #define INPUT_MAX10000000 // mac..

www.acmicpc.net/problem/9370 9370번: 미확인 도착지 (취익)B100 요원, 요란한 옷차림을 한 서커스 예술가 한 쌍이 한 도시의 거리들을 이동하고 있다. 너의 임무는 그들이 어디로 가고 있는지 알아내는 것이다. 우리가 알아낸 것은 그들이 s지점에서 www.acmicpc.net 최단 거리, 특정한 목적지를 거치는 조건이 있는 ICPC 문제. 1280ms가 나왔는데, 채점 현황을 보니 매우 빠른 코드들이 있어 알고리즘의 차이점 확인 필요. 나같은 경우 Dijkstra 계산을 7번 하고 있는데 이때문에 속도가 매우 느린 듯. 더보기 1280ms #include #include #include #include #include // max size #define TEST_CASE_MAX..

www.acmicpc.net/problem/1504 1504번: 특정한 최단 경로 첫째 줄에 정점의 개수 N과 간선의 개수 E가 주어진다. (2 ≤ N ≤ 800, 0 ≤ E ≤ 200,000) 둘째 줄부터 E개의 줄에 걸쳐서 세 개의 정수 a, b, c가 주어지는데, a번 정점에서 b번 정점까지 양방향 길이 존 www.acmicpc.net 해당 문제는 최단 경로 문제에서 특정한 정점을 무조건 지나야 한다는 조건을 추가한 문제이다. 물론, 특정한 정점을 지나갈 때에도 최단 거리의 경로를 지날 수 있도록 계산해야 한다. 시작점 -> 특정한 점_1 -> 특정한 점_2 -> 도착점의 최단 경로 계산을 나누어야 한다. 시작점 -> 특정한 점_1 특정한 점_1 -> 특정한 점_2 특정한 점_2 -> 도착점 과 시..

www.acmicpc.net/problem/1753 1753번: 최단경로 첫째 줄에 정점의 개수 V와 간선의 개수 E가 주어진다. (1≤V≤20,000, 1≤E≤300,000) 모든 정점에는 1부터 V까지 번호가 매겨져 있다고 가정한다. 둘째 줄에는 시작 정점의 번호 K(1≤K≤V)가 주어진다. www.acmicpc.net 다익스트라 알고리즘을 사용하여 해결해야하는 문제이다. 다익스트라 알고리즘은 정점 to 정점에 대한 값을 가진 배열을 구성해 풀어도 되지만 우선순위 큐(= 힙 정렬)을 이용하면 더욱 효율적으로 해결된다. std::priority_queue 를 사용하였지만 실제적으론 힙 정렬을 구현할 수 있으면 좋다. 문제를 풀 때, while(!priQue.empty()) 부분에서 Break의 조건을 ..