728x90
반응형

IT/React 3

[React] 가중치 랜덤 알고리즘(Weighted Random Picker)을 적용한 확률형 뽑기(룰렛) 만들기

개요 가중치 랜덤 알고리즘(Weighted Random Picker)을 사용하여 확률형 룰렛을 만들어 봅시다. 데이터는 아래의 데이터로 예시를 들어보겠습니다. 가중치 랜덤 알고리즘 관련 내용은 아래 링크에서 설명이 잘 되어있으니 참고해주세요. 가중치 랜덤 알고리즘 - 누적확률값 방식 이번에 알아볼 알고리즘은 가중치가 주어진 경우의 랜덤 선택 알고리즘이다. 여러가지 방법이 있겠지만 가... blog.naver.com 결과물 라이브러리 설치 $ npm install react-custom-roulette or $ yarn add react-custom-roulette 소스 먼저 다운받은 룰렛을 import해주고 룰렛 데이터와 회전여부와 당첨 인덱스를 추출할 state를 선언해줍니다. import { Whee..

IT/React 2023.06.16

[React] 업비트 API로 비트코인 map 반복문으로 출력해보기

이전 게시물에 이어서 진행하겠습니다. [React] react 프로젝트 생성하기 React는? Facebook에서 만든 자바스크립트 라이브러리. 웹앱을 만들기 위해서 사용하며 페이지를 다시 로드하지 않고 데이터를 변경할 수 있다. 국내에선 대부분 React 혹은 Spring 안쓰면 큰일나는 줄 jdk0.tistory.com 프로젝트를 만들었다면 app.js에서 헤더부분을 지워줍니다. function App() { return ( /* 이 부분 다 지우기 Edit src/App.js and save to reload. Learn React */ ); } 사전에 설치해야 할 라이브러리 (npm start하는것 처럼 vs 터미널에서 실행하면 됩니다.) //부트스트랩 설치 npm install react-boo..

IT/React 2023.05.31

[React] react 프로젝트 생성하기

React는? Facebook에서 만든 자바스크립트 라이브러리. 웹앱을 만들기 위해서 사용하며 페이지를 다시 로드하지 않고 데이터를 변경할 수 있다. 국내에선 대부분 React 혹은 Spring 안쓰면 큰일나는 줄 알아서 개발자로 빨리 취업하고 싶을 때 배우면 빠른 취업을 위한 지름길이 될 수 있다. React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.legacy.reactjs.org 개발환경셋팅 1. nodejs 다운 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 가능..

IT/React 2023.05.24
728x90
반응형