프로그래밍에 대한 유용한 정보 더 일찍 알았더라면 좋았을 것

안녕하세요 여러분, 프로그래밍할 때 멋진 트릭을 우연히 발견하고 그것들 없이 어떻게 살았는지 궁금했던 적이 있습니까? 이 기사에서는 이제 여러분이 알고 있을 수도 있는 몇 가지 멋진 트릭을 보여 드리겠습니다.

[1] JavaScript에서 배열 시작 부분에 항목 추가

스프레드 연산자를 사용하고 있습니까? 아니요. unshift 방법을 사용하여 배열의 시작 부분에 항목을 추가하는 더 깔끔한 방법이 있습니다.

const arr = [2, 3, 4, 5];
const newArr = arr.unshift(1);

console.log(newArr); // output is [1, 2, 3, 4, 5]

[2] 전문가처럼 색상 선택

솔직히 말해서 사람들은 사용하는 UI와 색 구성표를 기준으로 앱을 크게 판단합니다(대부분 앱을 대규모로 구축하는 데 중요하지만 메시지 대기열을 사용하거나 데이터베이스를 분할했는지 여부는 신경 쓰지 않습니다). Coolors(coolors.co)라는 사이트가 있습니다. 이 사이트는 많은 멋진 색상 팔레트를 순식간에 생성하므로 앱에 대해 임의의 색상을 수동으로 선택하지 않아도 결국 엉망이 될 수 있습니다.

[3] API를 직접 호출하지 마세요.

API를 직접 호출하는 것은 코드베이스를 오염시키기 때문에 최선의 생각이 아닐 수 있습니다. 사용 중인 프런트엔드 언어/프레임워크/라이브러리를 기반으로 API를 호출하고 응답/오류를 처리하는 일반 함수를 만드는 방법을 찾으십시오. 다음은 React Native(Apisauce 사용)에서 API를 호출하는 재사용 가능한 후크의 예입니다.

import { useState } from "react";

export default useApi = (apiFunc) => {
  const [data, setData] = useState([]);
  const [error, setError] = useState(true);
  const [loading, setLoading] = useState(false);

  const request = async (...args) => {
    setLoading(true);
    const response = await apiFunc(...args);
    setLoading(false);

    setError(!response.ok);
    setData(response.data);
    return response;
  };

  return {
    data,
    error,
    loading,
    request,
  };
};