괴발개발 성장기

# 배경 리스트에서 이름과 주민등록번호가 동일하면 가격을 합쳐주는 코드를 짰다. 이름과 주민등록번호 같은걸 매칭할 때 includes()를 사용했다. 그런데 이름에 삼성전자, 삼성이 있으면 삼성의 가격들이 삼성전자 가격에 합쳐졌다. 테스트를 할 때 이름을 다양하게 쓰다가 발견을 했다. String을 찾을 때 정확히 다 매칭되는 경우 가격이 합치는걸로 사용로 했다. # 리스트 정보 => 변수명 : list id 이름 등록번호 수량 금액 1 지니 990101-2****** 3 6272 2 지니 990101-2****** 1 1830 3 유지니 990101-2****** 2 3660 4 유지니 990101-2****** 22 55318 5 유지니 990101-2****** 2 4442 6 지니 990101-2..

# 배경 회사에서 리스트를 뽑아서 데이터를 조합해야했다. 우리 객체로 된 리스트를 뽑아서 거기에서 이름과 주민등록번호 두개로 중복제거를 한다. # 리스트 예시 => 11개 더보기 const dataList = [ { "donationId": 280090, "donationDate": "20230726", "memberId": 1, "memberName": "전원우", "donorName": "전원우", "quantity": 1, "amount": 1318, "birthDate": "960717", }, { "donationId": 280009, "donationDate": "20230306", "memberId": 1, "memberName": "전원우", "donorName": "박재범", "quant..

# 배경 회사에서 이미지 사이즈와 파일 사이즈에 제한을 두려고 했다. 백엔드에서도 제한을 뒀지만 API 호출하기 전에도 제한을 주려고 했다. # 내용 나는 1MB 이상 이미지 파일이면 에러 메시지를 띄웠다. const IMAGE_MAX_SIZE = 1 * 1024 * 1024; 만약 10MB로 하고 싶으면 1를 10으로 변경하면 된다. # 코드 const IMAGE_MAX_SIZE = 1 * 1024 * 1024; const FileStudy = () => { const [ imgErrMessage ,setImgErrMessage] = useState("이미지를 넣어주세요") return ( { if (e.target.files[0]) { e.target.files[0].size > IMAGE_MAX_S..

# 이슈 가격에 3자리마다 콤마를 찍고 싶다 # 예시 const num = 50000; const amount = num.toLocaleString('ko-KR'); console.log(amount) ; //50,000 생각보다 간단한데? 여러가지 방법이 있지만 나는 간단한 방법으로 사용했다.

사용한 목적 백엔드에서 id는 int로 설정했을 때 프런트에서 ""로 값을 넘기면 백엔드에서 0으로 인식하여 0인 경우를 검색한다. 그래서 그걸 막기 위해서 조건이 성립할 때만 값이 넘어가게 했다. const searchParam = { mobile: searchType === "mobile" ? searchText : "", name: searchType === "name" ? searchText : "", invoiceNo: searchType === "invoiceNo" ? searchText : "", status: status ? status : "", }; if (id) { searchParam.id = id; } id 값이 null이면 /address?mobile=01000000000&nam..

# 얕은 복사 얕은 복사는 사본을 만들지 않고 원본을 참조하면서 복사한 척 하는 것 Ex) slice() # slice slice 는 배열을 복사하는 기능(string 가능, 객체는 불가능) 중첩된 배열인 A를 A'로 복사한 후 A'에 중첩되어있는 배열안에 값을 넣으면 원본인 A에 중첩되아있는 배열안에 영향을 미쳐 값이 들어간다. 중첩된 배열이 아닌 배열안에 값을 넣었을 때에는 원본 A에 영향을 받지 않는다 const arr =[1,2,[3,4]] const copied = arr.slice(); console.log("arr", arr) //[1,2,[3,4]] console.log("copied", copied) //[1,2,[3,4]] copied[2].push(5) copied.push(9) co..