2021.04.07

김승우·2021년 4월 7일
0

TIL

목록 보기
43/68

😊 2021.04.07

1. String을 반환하는 toFixed()

: https://potensj.tistory.com/122

  • 숫자 입력 받아서 소숫점 3자리까지 반올림한 값 반환하는 함수
// num : 변환할 숫자
// n : 소숫점 자릿수
function toFixedNumber(num, n) {
    return Number(num.toFixed(n));
}

2.

: 모바일에서 특정 위치로 scrollTo하고, 그 엘리먼트가 가진 paddingTop, 그리고 fixed된 헤더의 높이값 만큼 top 값을 빼줬는데 브라우저 크기 마다 오차가 발생했다.

  • 해결 : 크롬 개발자 툴로 각 속성 값을 확인한 결과 vw로 계산된 패딩이나 높이 값이 소수 3번째 자리까지 적용된 것을 확인,

자바스크립트를 통해서 계산한 값 또한 toFixed를 이용해서 소숫점 3번째 자리까지 반올림해서 계산했더니 딱 맞게 떨어졌다.

3. Array.prototype.slice()

  • 배열을 첫번째부터 길이 n으로 자르기
const newArray = array.slice(0, n);

4. 비동기 API 함수에 성공, 실패 콜백 적용하기

async fetchData(onSuccess, onError) {
    try {
        this.loading = true;

        const params = {
            id: "",
        };

        const result = await api.getUser(params);

        this.loading = false;

        if( typeof onSuccess === "function" ) {
            onSuccess(result);
        }

    } catch (error) {
        // error
        if( typeof onError === "function" ) {
            onError(result);
        }
    }
}
profile
사람들에게 좋은 경험을 선사하고 싶은 주니어 프론트엔드 개발자

0개의 댓글