본문 바로가기

2024/02

알고리즘 2024. 2. 28. [JS] 자바스크립트 Math 함수 정리 Math 객체는 자바스크립트의 빌트인 객체로, 수학에서 사용하는 상수와 다양한 메소드들을 활용할 수 있다. ----- Math.abs() : 숫자의 절댓값 반환 Math.round() : 소수점 이하를 반올림한 정수 반환 Math.ceil() : 소수점 이하를 '올림'한 정수 반환 Math.floor() : 소수점 이하를 내림한 정수 반환 Math.sqrt() : 제곱근 반환 Math.random() : 임의의 부동 소수점 반환 (0이상 1미만) Math.pow(base, exponent) : 첫 번째 인수가 밑 , 두번쨰 인수를 지수로 계산한 결과를 반환 Math.max(...arr) : 가장 큰 수 반환 ( Math.min)

[Next.js] Optimistic UI 구현 (좋아요, 북마크 기능 개선)

Computer Programming/Next 2024. 2. 24. [Next.js] Optimistic UI 구현 (좋아요, 북마크 기능 개선) Optimistic UI는 API에 요청을 보낸 후 UI를 그려내는 과정에서 모든 것을 낙관적으로 보고 UI를 먼저 그리는 모델이다. 다시 정리하자면, 옵티미스틱 UI는 모든 API 통신이 성공할 것이라 여기고 화면에 먼저 결과 값을 그리는 것을 말한다. 성공확률이 99%정도 되는 요청엔 적용해줘도 되지 않을까..? (좋아요, 북마크는 메인페이지 -> 상세페이지에 접근한 후 가능한데, 상세 페이지 유저가 좋아요나 북마크 버튼을 누를 때 아래와 같은 onSubmit 함수가 실행된다. const onSubmitOption = async (type: string) => { try { const res = await fetch( `${process.env.NEXT_PUBLIC_NEXT_SERVER}/api/${..

이전 1 다음

Archives

Recent Posts

Tags

더보기

Calendar

티스토리툴바