SimCoding

무결점 모니터 구매 팁 무결점 모니터란? 무결점 정책이 적용되는 모니터 무결점 정책이란? 모니터 구매 후 발견된 결점(불량화소)에 대해 무상 수리/교환 등 제조사가 더 넓은 범위로 보증하겠다는 의미 입니다. 무결점 제품은 보통 일반 제품보다 2~3만원 정도 비싸지만 불량화소에 대한 보험비가 포함되었다고 생각하면 됩니다. 무결점 모니터 추천 TOP 7 1. 어드밴스원 60.45cm Full HD 보더리스 무결점 모니터 무결점 모니터 추천 특징 24인치, 와이드(16:9) 평면, 광시야각, 75Hz 1920×1080(FHD) 5ms, 300cd, 블루라이트차단 FreeSync, 스피커 최저가 보러가기 2. 한성컴퓨터 80.1cm WQHD 무결점 모니터 무결점 모니터 추천 특징 32인치, 와이드(16:9), ..

1. 델키 전동 커피 그라인더 커피 그라인더 추천 특징 원두분쇄기, 전동식, 용량: 80g 칼날분쇄, 분쇄단계: 5단계 분쇄량조절, 200V~240V 소비전력: 200W, 분리세척 스테인리스용기, 전원코드휠 투명커버, 124x218x105mm 최저가 보러가기 2. 쿠진아트 수프림 오토매틱 커피 그라인더 커피 그라인더 추천 특징 원두분쇄기, 전동식, 용량: 225 맷돌분쇄, 분쇄단계: 18단계 분쇄량조절, 200V~240V 180x270x150mm 최저가 보러가기 3. 플랜잇 원두커피 분쇄기 커피 그라인더 추천 특징 원두분쇄기, 전동식, 용량: 50g 칼날분쇄, 안전잠금장치 굵기조절, 과열방지 200V~240V, 소비전력: 150W 코드보관기능, 코드: 700mm 108x188x108mm 최저가 보러가기 ..

차량용 청소기 추천 TOP 7 1. 시프이컴 핸디형 차량용 무선 청소기 차량용 청소기 추천 특징 유무선: 무선 흡입력: 5200Pa 추가노즐: 솔브러쉬, 연장호스 사용시간: 22분 무게: 560g 최저가 보러가기 2. 훠링 프로 싸이클론 핸드 차량용 청소기 차량용 청소기 순위 특징 유무선: 유선, 12V 흡입력: 4500Pa 최대출력: 150W, 3중필터 스테인리스 필터, 싸이클론 사용시간: 22분, 코드길이: 4m 무게: 825g 추가노즐: 틈새, 솔브러쉬, 연장호스 최저가 보러가기 3. 제노브 차량용 무선 청소기 차량용 청소기 추천 특징 유무선: 무선 흡입력: 5000Pa 최대출력: 100W, 헤파필터 추가노즐: 틈새, 솔브러쉬 사용시간: 10~15분 충전방식: USB C타입 배터리용량: 4000mA..

1. [React] React, HTML 에서 dataset을 활용해 Dom요소에 값 저장하기. @ dataset : Dom요소에 값 저장하기 지정 : = “지정” data-이름 불러오기 : Dom.dataset.name data- 뒤에 사용불가능 : 대문자 영문 data- 뒤에 사용가능 : 소문자 영문, 점(.), 하이픈(-), 로우데시(\_), 콜론(:) @ 예시 코드를 통해 dataset사용법을 확인해 보도록 하자. function Dataset() { const onClick = (e) => { const name = e.target.dataset.name; console.log(name); // Eungwang }; return ( 클릭 ); }

1. [React] 리액트 Reack-Hook-Form 이번에, 리액트로 프로젝트를 진행하면서 폼을 어떤식으로 다루면 좋을지에 대해 서칭하던중 Reack-Hook-Form 이라는 엄청나게 유용한 Hook을 알게 되었다. Reack-Hook-Form에서 useForm을 이용하면, 폼을 다루는데 있어 불필요한 렌더링을 막아주고 내장 되어있는 validation을 활용할 수도 있다. 이 외에도 정말 편리한 기능들을 많이 제공하고 있다. React-Hook-Form 공식문서에 자세히 나와있으니 공식문서를 보도록 하자 ! https://react-hook-form.com/kr/api/#watch API 설명서 Performant, flexible and extensible forms with easy-to-use..

1. [React] 리액트 localStorage를 활용해서 페이지데이터 유지하기 프로젝트를 진행하던 중, 게시글 작성 페이지에서 데이터 유지관련하여 문제가 있었다. 게시글 작성 페이지가 4개로 나뉘어져 있는데, 페이지를 이동할 때 페이지가 재렌더링이 되어 입력된 데이터가 초기화 되는 것이 문제였다.. 페이지 이동시에도 데이터가 유지될 수 있는 방법을 찾던 중, 로컬 스토리지를 알게 되었고 이를 활용해서 문제를 해결 할 수 있었다 ! 문제를 해결하기 위해 사용한 코드와 관련 자료를 남긴다. /// useEffect와 watch를 활용해 데이터 값이 바뀔때 마다 localStorage에 데이터를 저장해 주었다. const { register, watch, setValue } = useForm(); useE..

1. [JS] FormData에 다차원 object append하기. setFormData : 다차원 오브젝트를 Formdata에 append 할 수 있도록 도와주는 함수. function setFormData(formData, data, parentKey) { if (!(formData instanceof FormData)) return; if (!(data instanceof Object)) return; Object.keys(data).forEach((key) => { const val = data[key]; if (parentKey) key = `${parentKey}[${key}]`; if (val instanceof Object && !Array.isArray(val)) { return set..

1. [JS] FormData의 객체에 파일과 String데이터를 한번에 담는 방법. 다음과 같은 형태의 JSON을 FormData로 전달하려고 합니다. const testArray = [ { "title" : "제목1", "image" : [File object] }, { "title" : "제목2", "image" : [File object] } ] formData에 추가해주기 for (let i = 0; i < testArray.length; i++) { formData.append('testArray[' + i + '].title', testArray[i].title); formData.append('testArray[' + i + '].image', testArray[i].image); }