분류 전체보기
-
[react-hook-form] form 안에서 yup으로 일부 요소만 검증, 에러처리하기📒코드기록 2024. 3. 5. 00:59
문제점 form 데이터를 전송할 때 일반적인 상황에 리액트 훅폼을 사용했다. 근데 폼 안에 있는 데이터중 일부만 api통신을 해서 응답값을 받아와야 하는 케이스가 생겼다. 데이터 통신은 문제 없는데 에러, 밸리데이션이 까다로워서 하루종일 걸렸다...그래서 적어본다. 로직 작성 순서 1. hook form에 있는 값을 객체 형대로 넘김 const submitData: IOverseasExpectedDeliveryFeeRequest = { horizontal: horizontal!, vertical: vertical!, height: height!, weight: weight!, }; 여기서 해당 값을 검증한 뒤에 submit하기 때문에 null이 아니라고 단언연산자를 사용했다. 2. yup과 hookfor..
-
[프로그래머스] 231113-231119 코테 기록📗TIL/JavaScript 2023. 11. 19. 17:39
최댓값 만들기(2) - 정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소 중 두 개를 곱해 만들 수 있는 최댓값을 return하도록 solution 함수를 완성해주세요. 최댓값은 배열을 오름차순이나 내림차순으로 정렬한 후, 가장 작은 두 수의 곱과 가장 큰 두 수의 곱 중 하나다. arr.sort로 정렬, Math.max로 두 곱의 값을 비교해 리턴한다. arr.indexOf(찾을 인자, 몇번째부터 찾을지 인덱스 번호) : 두번째 인자가 없으면 배열 전체에서 첫번째로 일치하는 요소의 인덱스 번호를 반환하지만, 두번째 인자가 있을경우 idx 이후부터 찾아서, 인덱스 번호는 정상적으로 전체에서 몇 번째인지를 반환해준다.
-
[프로그래머스] 231023-231028 코테 기록📗TIL/JavaScript 2023. 10. 23. 22:56
string.repeat(n) : 문자열을 n번만큼반복해서 반환 string.startsWith(str) : 어떤 문자열이 특정 문자로 시작하는지 확인하고 true false 반환 string.endsWidth(srt) : 어떤 문자열에서 특정 문자열로 끝나는지를 확인하고 true false 반환 가우스 합 공식 등차수열 : 연속한 두 수의 차가 일정한 수의 모임 등차수열의 합(가우스 합공식) : {(첫항 + 마지막항) * 항의 총 개수} / 2 (n+1)/2 * ((n + 1) /2) 홀수항들의 항의총개수 평균값 n*(n+1)*(n+2)/6 짝수의 경우: 짝수의 제곱의 합은 n(n + 1)(2n + 1)/6이 됩니다. 이는 일반적인 제곱수의 합 공식에서 나온 값입니다. n보다 커질 때가지 더하기 red..
-
[프로그래머스] 231016-231022 코테 기록📗TIL/JavaScript 2023. 10. 22. 00:41
Number.isInteger(n) : n이 정수인지 아닌지 확인 후 true false 반환 Math.sqrt(n) : n의 제곱근을 반환한다. ex) Math.sqrt(25)는 5 a%b : a를 b로 나눈 나머지를 반환한다. a보다 b가 더 클 때는 0번 나눌 수 있고, 한번도 못 나눴기 때문에 나머지는 a 자체가 된다. 수학문제 풀듯이 생각해서 나머지를 자꾸 헷갈리는데 참고하기. [...array].sort((a,b)=> a-b) : 오름차순 정렬. 배열을 얕은복사 한 이유는 기존 배열을 수정하지 않으려고. Math.max(...array) : 최대값 찾기. apply(null, array) 메소드 또는 스프레드 연산자 ...을 사용하여 배열의 요소를 개별 인수로 전달할 수 있다.
-
react hook form과 yup로 form 검사까지 쉽게 사용하기📗TIL/React 2023. 5. 10. 10:29
useForm useForm에 어떤 값을 주고 사용할건지 인터페이스 작성 resolver: yupResolver(schema.adminProductTestSchema) resolver로 yep 사용 하위컴포넌트에 같이 사용하기 위해서 useForm 구조분해할당 안하고 methods로 선언, 폼 사용되는 하위 컴포넌트들 FormProvider로 감싸고 FormProvider에 methods 프롭스로 내려주기 yup.object에 검사할 코드 작성(Validation 파일에 yup코드 따로 작성해서 가독성 높임) yup validation 먼저 설정 yup.setLocale에 에러메시지 선언, 에러 난 경우 여기 있는 메시지가 출력됨 mixed와 number을 나눈 이유는 잘 모르겠지만 required가 펄..
-
객체의 data를 순회하면서 key, value를 모두 사용할 때 - Object.entries()📗TIL/JavaScript 2023. 5. 2. 19:03
Object.entries() 메소드는 주어진 객체의 각 열거 가능한 속성에 대해 [key, value] 형태의 배열을 생성합니다. 이 메소드는 전체 속성들을 배열로 반환하며, 각각의 배열 원소는 [key, value] 쌍입니다. const menuData = { Home: '/home', About: '/about', Contact: '/contact', }; [ ['Home', '/home'], ['About', '/about'], ['Contact', '/contact'], ]
-
[MySQL] Error 1251: Client does not support authentication protocol requested by server; consider upgrading MySQL client 해결 방법📒코드기록 2023. 3. 30. 10:30
Error 1251: Client does not support authentication protocol requested by server; consider upgrading MySQL client Node.js와 MySQL을 연동하려고 하는데 위와 같은 에러가 났다. caching_sha2_password를 인식하지 못해서 나는에러이고, mysql에서 비밀번호를 직접 변경해주면 해결된다. 🐬해결방법🐬 1.cmd를 관리자 권한으로 열고 mysql 접속해준다. mysql -u 계정명 -p mysql -u root -p. 2. mysql 데이터베이스에서 실행 use mysql; 3. 비밀번호 입력 ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_p..