Argument of type '({ customCategory }: SForm) => void' is not assignable to parameter of type 'SubmitHandler'. Types of parameters '__0' and 'data' are incompatible. Property 'customCategory' is missing in type '{ [x: string]: any; }' but required in type 'SForm'. 이런 오류가 떴다. 즉 타입이 제대로 적용이 되지 않은 것이다. 이런식으로 코드를 만들어줬는데. handleSubmit 을 useForm에서 가져오는 과정에서 타입지정을 안해주고 가져와서 생긴 오류이다. 이렇게 해주면 끝!
분류 전체보기
https://programmers.co.kr/learn/courses/30/lessons/81301 코딩테스트 연습 - 숫자 문자열과 영단어 네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다. 다음은 숫자의 일부 자 programmers.co.kr 딱 보고 생각이나지 않았다 이것도 정규식과 replace를 이용해서 바꾸는 건가 ? 그럼 어떤 영단어인지 인식하고 그것을 숫자로 바꿔야하는데 나의코드 function solution(s) { const data = [{zero:"0"}, {one:1}, {two:2}, {three:3}, {four:4}, {five:5}, {six:6}, {seven..
개념 정규 표현식은 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어다. 정규 표현식은 자바스크립트의 고유 문법이 아니며, 대부분의 프로그래밍 언어와 코드 에이터에 내장되어 있다. 정규 표현식은 문자열을 대상으로 패턴 매칭 기능을 제공한다. (패턴 매칭 기능이란 특정 패턴과 일치하는 문자열을 검색하거나 추출 또는 치환할 수 있는 기능을 말한다.) 장점 반복문과 조건문 없이 패턴을 정의하고 테스트하는 것으로 간단히 체크 단점 주석이나 공백을 허용하지 않고 여러 가지 기호를 혼영하여 사용하기 때문에 가독성이 좋지 않다 사용방법 RegExp 메서드 1) regExp.prototype.exec exec() 매서드는 주어진 문자열에서 일치 탐색을 수행한 결과를 배열 혹은 null로 반환한다. ..
string.prototype.padEnd() padEnd() 메서드는 현재 문자열에 다른 문자열을 채워, 주어진 길이를 만족하는 새로운 문자열을 반환한다 채워넣기는 대상 문자열의 끝(우측)부터 적용됩니다. const str1 = 'Breaded Mushrooms'; console.log(str1.padEnd(25, '.')); // expected output: "Breaded Mushrooms........" const str2 = '200'; console.log(str2.padEnd(5)); // expected output: "200 " // 기본값은 " " 즉 공백이다. const str3 = '555'; console.log(str3.padEnd(5, '3')); // expected out..
https://programmers.co.kr/learn/courses/30/lessons/72410 코딩테스트 연습 - 신규 아이디 추천 카카오에 입사한 신입 개발자 네오는 "카카오계정개발팀"에 배치되어, 카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담당하게 되었습니다. "네오"에게 주어진 첫 업무는 새로 programmers.co.kr 나의코드 딱 보자마자 이건 일일이 확인하는게아닌 정규 표현식으로 해야한다는 게 감이와서 정석책 펴서 다시 공부했음 그 결과 function solution(new_id) { var answer = ''; //1단계 (소문자 대문자 바꾸기 복습 ) let result = new_id.toLowerCase() //2단계 const reg = /[^\w\sㄱ-..
기본개념 const array1 = [1, 2, 3, 4]; // 0 + 1 + 2 + 3 + 4 const initialValue = 0; const sumWithInitial = array1.reduce( (previousValue, currentValue) => previousValue + currentValue, initialValue ); console.log(sumWithInitial); // expected output: 10 이걸 쉽게 표현하면 const array1 = [1, 2, 3, 4]; // 0 + 1 + 2 + 3 + 4 const sumWithInitial = array1.reduce( (a, b) => a + b, 0 ); console.log(sumWithInitial); ..
sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환한다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따른다 # 주의 : sort를 사용하면 복사본이 만들어지는 것이 아니고 원 배열이 재 정렬되는 것이니 주의할 것 const months = ['March', 'Jan', 'Feb', 'Dec']; months.sort(); console.log(months); // expected output: Array ["Dec", "Feb", "Jan", "March"] const array1 = [1, 30, 4, 21, 100000]; array1.sort(); console.log(array1); // expected output: Array [1, 100000, 21, 30, ..
DOM에 JSX을 렌더링을 할려고 할때 return문 안에서는 for문을 쓰지 못한다. function App() { const week = ["MON", "TUE", "WED", "THU", "FRI", "SAT", "SUN"]; return ...; } 방법은 두 가지가 있다. 1. retrun문에서 JSX를 반환하는 함수 호출 (주의 key값을 반드시 unique하게 줘야함=) function App() { const week = ["MON", "TUE", "WED", "THU", "FRI", "SAT", "SUN"]; const rendering = () => { const result = []; for (let i = 0; i < weekArr.length; i++) { result.push({..
보호되어 있는 글입니다.