기록하며 성장하기

baseURL 을 지정해두면 나머지 경로만 입력하면 된다. (/api/v1/members/list -> /members/list)

axios.defaults.baseURL = '/api/v1';

인증 토큰은 백앤드 API 요청시 항상 전달하므로 기본값으로 설정할 수 있음

axios.defaults.headers.common['Authorization'] = JWT 

timeout에 설정된 시간내에 응답이 오지 않으면 연결이 중단(abort) 시킴

axios.defaults.timeout = 2000;

nth-child :  몇번째 자식요소

nth-of-type:  해당 태그들 중에 몇번째 요소

Throttle

여러 번 실행해도 최초의 실행이 끝날 때까지 실행되지 않는다.

let timer = 0;

function handleThrottle(){
    console.log('진입');

    if (timer) {
        return;
    }

    timer = setTimeout(() => {
       console.log('실행');
       timer = 0;
    }, 1000);
}

Debounce

여러 번 실행할 경우 마지막 것이 실행된다.

let timer = 0;

function handleDebounce(){
    console.log('진입');

    clearTimeout(timer);

    timer = setTimeout(() => {
       console.log('실행');
    }, 1000);
}

1. node 가 설치된 환경에서 *.ts 파일을 만든다.
2. tsc 로 컴파일 이후에 실행하면 *.js 파일이 만들어짐 
3. node *.js 파일 실행

간단하게 실행하는 방법

npm install -g ts-node  설치

1. ts-node 를 설치
2. *.ts 파일을 만들고 
3. ts-node *.ts 를 실행해주면 자동으로 *.js 파일을 만들고 실행하게 해준다.

tsc test.ts -w
변경사항을 감시하고 있다가 자동으로 test.js 파일을 업데이트 해줌

sudo xcode-select --switch /Applications/Xcode.app

실행 후 pod install 실행

npx react-native init AwesomeProject

실행했을 때 다음과 같은 에러를 만나게 되는데 

npm install -g react-native-cli && npm install -g react-native

실행 후 해결 되었다.

calc.js

const add = (a,b) => a + b;
const sub = (a,b) => a - b;

module.exports = {
	
    modulename: "calc module",
    add: add,
    sub: sub,
}

index.js

const calc = require("./calc")

console.log(calc.add(1,2));
console.log(calc.add(4,5));
console.log(calc.sub(10,2));

truthy

true
{} (empty object)
[] (empty array)
42 (number, not zero)
"0", "false" (string, not empty)

falsy

false
0, -0 (zero, minus zero)
0n (BigInt zero)
'', "", `` (empty string)
null
undefined
NaN (not a number)