내배캠 WIL & TIL

TIL) 스파르타 개발일지 23-02-17

금융상품리스트에서 products 클릭 시 비교하기에 스테이징 되는 기능을 구현하기 위해서 onClick 함수를 만들었고, 이를 통해 스테이징 되도록 구현했다. 이때 동일한 제품을 선택시 반려시키도록 얼럿팝업을 띄우게했고, 선택된 상품이 배열에 다 차게되면, 더 이상 선택할 수 없도록 하였다. //* 동일된 상품 선택시 함수 종료. const handleClickProduct = async (productId) => { const index = selectedProductIds.indexOf(productId); if (index !== -1) { alert("이미 선택된 상품입니다. 다른 상품을 선택해주세요."); return; } //* 선택된 상품이 3개 이상일 경우 함수 종료. if (select..

TIL) 스파르타 개발일지 23-02-16

input에 금액을 입력 시 유효섬 검사를 통해 true면 입력되고, false면 입력되지 않도록 했다. const amountNumber = parseInt(amountWithoutCommas); if (Number.isNaN(amountNumber)) { return `0원`; } else if (amountNumber = 100000000) {

TIL) 스파르타 개발일지 23-02-15

input(Range)에서 지정된 값을 상태관리하는 법. import React, { useState } from 'react'; function App() { const [value, setValue] = useState(0); const handleChange = (event) => { const newValue = parseInt(event.target.value, 10); setValue(newValue); console.log([0, 6, 12, 24, 36][newValue]); }; return ( ); } useState Hook을 사용하여 상태값을 초기화하고, input range 요소를 렌더링합니다. input range 요소는 min, max 및 value props를 사용하여 범위를..

TIL) 스파르타 개발일지 23-02-14 API크롤링

firestore database에 금융감독원의 api 크롤링 하는법. 꼭 금융 감독원의 API 뿐만아니라 다른 것도 가능하다. import { useState } from "react"; import firebase from "firebase/app"; import "firebase/firestore"; const firebaseConfig = { // Firebase 프로젝트의 구성 정보를 입력합니다. }; firebase.initializeApp(firebaseConfig); const db = firebase.firestore(); function App() { const [loading, setLoading] = useState(false); const handleButtonClick = asy..