내배캠 WIL & TIL

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

    두의 탭이 있고, 이를 선택 시 값이 유지되는 현상이 있었다. 정확히는 버튼을 통하여 나타난 리스트가 다른 탭 또는 다른 버튼을 클릭 시 그대로 자리를 차지하고 있어, UI를 해칠뿐더러 유지되는게 정상적으로 보이지는 않았다... 처음든 생각은 첫 제품을 클릭 시 선택된 제품의 상태값을 저장하고, 두번째 세번째 제품을 선택시 다르면 반려시키려 했지만. 이렇게 구현하면, 상품이 배열에 들어갔다가 맞지않으면, 삭제되는 형식으로 구현되는 것 같았다... 비효율적일 뿐더러 코드가 상당히 지저분해졌고, 다른 방법을 강구하던 중, 다른 상품을 선택하려하면, 탭을 통해서 이동해야했기 때문에 스테이징된 상품의 값이 존재하면, 탭 이동이 불가능하게하여, 다른 상품을 스테이징 하지 못하도록 했고, 자연스럽게 랜더링 중복도 ..

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

    해당 찾기 버튼을 클릭 시, 값이 필터링된 상품의 리스트가 나타나도록 구현해야했다. 팀원의 도움을 받아 진행했다... 거의 다왔다 생각했는데 기존 firebase의 리스트 전체를 가저오는 부분에 한번더 필터링을 통해 구현했다. 필터기능은 언제해도 어렵다... //saveingAllBank.jsx import React from "react"; import { StyledImg, StyledSaveTrmDiv, StyledProductTitleDiv, StyledRateP, StyledBankNameP, } from "./style"; import { StyledBankLists } from "../../pages/ServicePage/style"; import { StyledDiv, StyledConte..

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

    스테이징 됐을 때 가지고 있는 정보 노출[금융상품 명, 은행 명, 이자율, 최대금리] 상품이 선택되었을 때 해당 상품의 정보를 가지고 원하는 정보를 조회하여, 뿌려주는 코드를 구현했다. A-1을 통해서 A에 접근하고, 원하는 정보인 A-2를 다시 가져오는 과정이... 꽤나 순탄치는 않았다. 이렇게 하는 이유는 API가 분할되어 있기 때문이다... 금감원... 왜 그랬어... {/* //* 배열의 첫번째 요소에 selectedProductId 값이 있을 때만 실행 */} {selectedProductIds[0] === "" ? ( 비교 박스에 자리가 남았어요. ) : ( {products.find( (product) => product.id === selectedProductIds[0] )?.fin_prd..

    ★WIL) 스파르타 개발일지 23-02-19

    주말에는 되도록이면 한 주를 돌아보면 회고를 하려고 한다. 큰걸 바라는 것이 아닌 내 코드를 남들이 보기 쉽도록 짜고, 반대로 남들의 코드를 잘 볼 수 있도록 능력을 키우는 것이 최종적인 나의 목표가 아닐 까하는 생각이 들었다.