📗TIL
-
[프로그래머스] 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'], ]
-
[React]리액트에서 Swiper 사용하기📗TIL/React 2023. 3. 22. 19:02
리액트 스와이퍼, 스와이퍼css, 사용할 모듈을 import 해준다. import { Swiper, SwiperSlide } from "swiper/react"; import "swiper/swiper-bundle.css"; import SwiperCore, { Pagination, Navigation, Autoplay } from "swiper"; 컴포넌트 내에서 어떤 모듈을 사용할 지 추가해준다. SwiperCore.use([Pagination, Navigation, Autoplay]); 슬라이드 이미지에 loop={true}를 사용하면 슬라이드 의 순서가 123이 아닌 3123이 되기 때문에 시작 시 첫 번째 이미지부터 나오지 않는다. 그래서 initialSlide를 추가했지만 무언가 충돌이 일어나..
-
[React] 복사 버튼, 토스트 메시지(스낵바) 구현하기📗TIL/React 2023. 3. 20. 18:59
복사 버튼을 눌렀을 때 복사가 되었다는 토스트 메시지를 띄우려고 했다. // OrderDetailMain.js const getPaymentHistory = () => { // 복사할 텍스트 요소 useRef로 선택 const bankNumRef = useRef(null); // 텍스트 복사 함수 const handleCopyClipBoard = async (text) => { try { await navigator.clipboard.writeText(text); // Toast에 props 전달하기 위해 성공/실패 문구 copyText에 저장 setCopyText("복사되었습니다."); // Toast 컴포넌트 렌더링 setIsCopyToast(true); } catch (e) { setCopyText..