재밌고 어려운 IT를 이해해보자~!

React Hook 이란Hooks 는 리액트 v16.8 에 새로 도입된 기능으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능등을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해준다.  Hook의 특징선택적 사용 기존의 코드를 다시 작성할 필요 없이 일부의 컴포넌트들 안에서 Hook을 사용할 수 있다. 그러나 당장 Hook이 필요 없다면, Hook을 사용할 필요는 없다.100% 이전 버전과의 호환성 Hook은 호환성을 깨뜨리는 변화가 없다.현재 사용 가능 Hook은 배포 v16.8.0에서 사용할 수 있다.  대표적인 React Hook  1. useStateuseState는 Compone..

히스토그램 (Histogram)은 도수분포표를 그래프로 나타낸 것으로서, 가로축은 계급, 세로축은 도수 (횟수나 개수 등)를 나타낸다. 일반 선 그래프와는 X축에 대해 계급을 설정하면 그에 상응하는 개수나 횟수가 나오는것이다! hist() 함수의 bins 파라미터는 히스토그램의 가로축 구간의 개수를 지정한다.구간의 개수에 따라 히스토그램 분포의 형태가 달라질 수 있기 때문에적절한 구간의 개수를 지정해야 한다. import matplotlib.pyplot as plt##import random##dice=[]##for i in range(100000) :## dice.append(random.randint(1,6))####print(dice)##plt.hist(dice)##plt.show()impor..

미들웨어란 미들웨어는, 액션이 디스패치(dispatch) 되어서 리듀서에서 이를 처리하기전에 사전에 지정된 작업들을 설정한다. 미들웨어를 액션과 리듀서 사이의 중간자이다. Redux-thunk리덕스를 사용하는 어플리케이션에서 비동기 작업을 처리 할 때 가장 기본적인 방법으로는 redux-thunk 라는 미들웨어를 사용하는것이다. 이 미들웨어는 리덕스를 개발한 Dan Abramov 가 만든 것이며, redux 공식 매뉴얼에서도 이 미들웨어를 사용하여 비동기 작업을 다룬다. 이를 사용하여 비동기 작업을 관리하는건 매우 직관적이고 간단 이 미들웨어는 객체 대신 함수를 생성하는 액션 생성함수를 작성 할 수 있게 해준다.리덕스에서는 기본적으로는 액션 객체를 디스패치한다. 일반 액션 생성자는, 다음과 같이 파라미터..

데이터 시각화 하기위한 파이썬 라이브러리!그중에서도 pyplot모듈을 많이 사용한다import matplotlib.pyplot as plt plt.title('only English') plt.plot([1,2,3,4,5],[20,10,50,40,30]) # 그래프를 작성해서, plt.show() # 출력!plt.plot([32.8,38.4,36.5],color='red',label='high') plt.plot([17.5,16.8,22.3],color='blue',label='low') # 색뿐만아니라 선모양,마커표시 등의 설정사항을 변경하거나 추가가능plt.legend() # 범례 plt.show() 기온 공공데이터 csv 받아와서 최고기온 [], 최저기온 [] 가공하고 그걸 그래프로 출력해주세요! ..

import java.io.BufferedReader;import java.io.IOException;import java.io.InputStreamReader;import java.util.ArrayList;import java.util.Collections;import java.util.Stack;public class Main { public static void main(String[] args) throws IOException { Stack stack = new Stack(); BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); String input = br.readLine(); ArrayList scor..

우선순위 큐 (Priority Queue) 를 사용한 알고리즘 문제이다. import java.io.BufferedReader;import java.io.IOException;import java.io.InputStreamReader;import java.util.PriorityQueue;public class Main { public static void main(String[] args) throws IOException { PriorityQueue pQ = new PriorityQueue(); BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); int cnt = Integer.parseInt(br.readLine(..

Ant Design 이란리액트와 타입스크립트(Typescript) 기반으로 제작된 UI라이브러리.중국회사에서 오픈소스화한 라이브러리 이다. Redux 란Redux는 리액트 애플리케이션에서 상태를 관리하기 위한 상태관리 라이브러리이다.Redux를 사용하면 전역 상태를 관리할 수 있으며, 이는 여러 컴포넌트에서 사용되는 데이터를 쉽게 공유하고 업데이트 할 수 있도록 해줌 Redux의 핵심개념은 "store", "reducer", "action" 이다. store은 애플리케이션의 전역상태를 저장하는 객체이며, action은 상태를 업데이트 하기 위한 객체reducer은 action에 따라 상태를 어떻게 업데이트 할지 정의하는 순수함수이다. Redux를 사용하면 컴포넌트에서 store에 있는 데이터를 읽고, a..

Concurrently란?Concurrently는 여러 개의 명령어를 동시에 실행할 수 있도록 해주는 패키지이다. 이 패키지를 사용하면 frontend와 backend에서 개발용 서버를 따로 실행할 필요도, 터미널의 로그를 따로 확인할 필요도 없다. "dev" : "concurrently \"npm run backend\" \"npm run start --prefix client\"" 를 추가하고npm run dev 시 back, front 동시 실행!