Daily Coding - FE 4주차 - 44강

44강

 

Number 정렬

=> JavaScript의 .sort() 메서드 활용하여 정렬 진행

=> sort는 string 기준으로 정렬이 되는 속성이 있음

ex) const data = [1, 10, 4, 2]

      data.sort() // [1, 10, 2, 4]

=> sort 메서드 안에서 comparator 함수를 추가해서 정렬을 진행해야 함.

ex) data.sort((a, b) => a - b); // [1, 2, 4, 10]

    // a-b : 오름차순, b-a : 오름차순

 

string 정렬

=> 일반적으로 string 정렬 방식

ex) const data = ['a', 'b', 'A', 'B', 't'];

       data.sort() // ['A', 'B', 'a', 'b', 't']

ASKI CODE 문자 하나 하나가 컴퓨터 안에서 숫자로 인식되고 숫자로 표기되는 걸 말함.

=> 대문자 > 소문자 순서로 나열되게 되어 있음

 

=> localeCompare() 메서드를 통해 문자의 순서를 정렬할 수 있다

ex) data.sort((a, b) => a.localeCompare(b)); // ['a', 'A', 'b', 'B', 't']

      data.sort((a, b) => b.localeCompare(a)); // ['t', 'B', 'b', 'A', 'a']

 

git branch clone & checkout 방법

1. git clone [깃허브 URL] [폴더 이름]
   *[폴더 이름]은 내 컴퓨터에 생성되는 폴더 이름임.
2. git branch -r
   *clone한 깃허브가 가지고 있는 branch 폴더가 전체 보이게 됨.
3. git checkout [체크 아웃 하고 싶은 폴더 경로]
   2번에서 보여지는 경로 전체를 입력해야 함.

44강 오류 해결법

ERROR in ./src/components/SortableTable.js 6:0-56
Module not found: Error: Can't resolve 'react-icons/go' 
=> 이 오류는 react-icons 패키지에 go 아이콘 모듈을 찾지 못해 발생하는 문제입니다. react-icons 패키지를 설치하지 않았거나, 설치가 제대로 이루어지지 않은 경우 발생.

=> react-icons 패키지를 설치
      npm install react-icons