* 아무 표시 없이 사용하면 페이지에 있는 모든 요소가 대상 * { margin : 0; padding : 0; } 특정 요소의 모든 자식 요소에 적용할 수도 있음 #container * { border : 1px solid black; } 주의점 : 남발할 시 성능저하를 불러일으킴 #X id를 대상으로 삼음 #...
redux-saga concepts
Declarative Effects import { takeEvery } from "redux-saga/effects"; import Api from "./path/to/api"; function* watchFetchProducts() { yield takeEvery("PRODUCTS_REQUESTED", fetchProducts); } fu...
generator 문법
Generator 문법 자바스크립트의 기능이며 Redux-saga의 핵심 기능이다. 함수를 특정 구간에 멈춰놓고, 원할때 다시 돌아가게 할 수 있음. 또 반환을 여러번 할수 있다. 예시 function* generate() { yield 1; yield 2; yield 3; return 4; } const generato...
Decision Tree를 이용한 서울 미세먼지 예측 모델
소스코드 깃허브 링크 모델 소개 중국 도시별 미세먼지 PM10 농도와, 서울의 기온, 풍속, 습도를 가지고, 서울의 하루 뒤 미세먼지 PM10 농도를 예측하는 모델 서울의 기온, 풍속, 습도는 현재(중국 미세먼지 데이터 날짜와 일치)와 다음날(서울 미세먼지 데이터 날짜와 일치) 데이터를 모두 넣음. ...
자바스크립트 데코데이터 패턴
데코레이터 패턴 하나의 코드를 다른 코드로 래핑하거나 javascript 함수를 래핑하는 방법 동일한 클래스의 다른 객체에는 영향을 주지 않고, 정적/동적으로 개별 객체에 동작을 추가할 수 있는 디자인 패턴이다. 문법 let variable = function(object) { obj...
14658 하늘에서 별똥별
알고리즘 한 점에서 x축으로의 범위를 정하고, 다른 점에서 y축으로의 범위를 정하는 방식으로 모든 두개의 점 조합으로 트래펄린을 설치한다. 코드 #include <iostream> using namespace std; int n, m, l, k; pair<int, int> s[110]; int max(int a,...
4485 젤다
알고리즘 문제를 해석하면, 한 점에서 다른 한 점까지 가는데 최소경로를 찾는 문제로 해석할 수 있다. 따라서 다익스트라 알고리즘을 적용하면 쉽게 풀수있다. 이때 한 칸에 저장된 값은, 그 칸으로 접근하는 경로의 길이로 치환하여 품. 여담 문제 내에 다익스트라라는 꽤나 많은 힌트가 있었으나, dfs...
1613 역사
알고리즘 BFS 입력으로 들어온, 알려진 전후관계로 그래프를 만듦. 체크를 해야하는 원소 두개가 들어오면, 먼저 첫번째 거에서 bfs를 시작하여 두번째거가 나오면 첫번째가 앞에 있는 것이므로 -1를 출력 찾지못하면, 두번째에서 첫번째를 BFS로 찾음. 찾으면 1을 출력. 찾지못하면, ...
react 작동원리부터 tailwindcss 사용까지
개요 yourlist 웹 리뉴얼 프로젝트에서 tailwind css를 사용하기로 결정하였고, create-react-app을 사용하여 리액트앱을 만든 후, tailwind css를 추가하였다. 이때 tailwind css는 먼저 css 파일을 컴파일 하고, 컴파일 이후의 css 파일을 import 하는 방식으로 동작한다. 따라서 매번 리...
flutter (rn 개발자를 위한 정리 4)
Props ReactNative 에서 대부분의 컴포넌트는 매겨변수나 속성을 props로 전달함 Flutter에서는 매개변수가 있는 생성자에서 받은 속성을 final로 표시된 지역변수나 함수에 할당함 // Flutter class CustomCard extends StatelessWidget { Cus...