2024.01.15 TIL - 알고리즘(join), 팀프로젝트(웹팩 용량 줄이기, readme 작성)

📘 오늘의 공부

• 알고리즘 코드카타
• 팀프로젝트(웹팩 용량 줄이기, readme 작성)

📝 알고리즘

• 문제 : 정수 내림차순으로 배치하기

  <문제 설명>
  함수 solution은 정수 n을 매개변수로 입력받습니다. n의 각 자릿수를 큰것부터 작은 순으로 정렬한 새로운 정수를 리턴해주세요. 예를들어 n이 118372면 873211을 리턴하면 됩니다.
  <제한 조건>
  n은 1이상 8000000000 이하인 자연수입니다.

• 시도 : 문자열 배열로 만든 후 내림차순 -> 내림차순한 배열을 숫자로 변환하는데서 막힘

function solution(n) {
    let arr = String(n).split('');
    let arr_sort = arr.sort((a,b)=>b-a);
    let answer = [];
    for (let i=0; i<arr_sort.length; i++) {
        let n_number = Number(arr_sort[i]);
        answer.push(n_number);
    } console.log(Number(answer));
}

• 풀이 : join() 함수 사용

function solution(n) {
    let arr = String(n).split('');
    let arr_sort = arr.sort((a,b)=>b-a);
    let answer = arr_sort.join('');
    return Number(answer);
}

• 알게된 지식

  • join() : 배열 안의 요소들을 배열 바깥으로 전개 -> 요소들을 하나로 합쳐 문자열로 반환하는 함수

    • 예시

    			let arr = ['사과', '바나나', '수박'];
    	
    			let arrJoin1 = arr.join();
    			console.log(arrJoin1);
    			// 사과,바나나,수박
    	
    			let arrJoin2 = arr.join('');
    			console.log(arrJoin2);
    			// 사과바나나수박
    
    			let arrJoin3 = arr.join('-');
    			console.log(arrJoin3);
    			// 사과-바나나-수박

    • 1) join() 메서드만 사용할 경우 => ','가 기본적으로 붙어나옴. ex) 사과,바나나,수박
      2) join('') 메서드 안에 ''을 넣어주면 배열 사이사이 가 다 붙어서 문자열이 나옴. ex) 사과바나나수박
      3) join('-') 메서드 안에 문자열을 넣으면 배열 사이사이 그 문자열을 넣어줌. ex) 사과-바나나-수박
    • 참고 : https://ddururiiiiiii.tistory.com/64

👍🏻 팀프로젝트

1. 웹팩 용량 줄이기

1) 각 파일에서 겹치는 코드는 따로 파일 만들어서 export 코드 작성 -> 코드를 사용하는 각 파일 안에서 import { 변수이름 } from 파일경로
2) 주석 지우기
3) tree shaking
4) import에 dotenv 를 전부다 가져오지 않고 필요한 부분만 가져올 수 있도록 수정

2. README 작성하기

• VSC preview 단축키 : Cmd + Shift + V
• README에 이미지 넣기
  • 방법 1.
    • github issues에 이미지 드래그 앤 드롭
    • 경로 복사해서 readme 마크다운에 붙여넣기
    • 이미지 크기 조정 : img태그로 바꿔주기 -> 태그 안에서 크기 조절
    • 참고 : 무민은 귀여워 티스토리
  • 방법 2.
    • 작업하는 파일에 images 폴더 만들어서 필요한 이미지 다 넣어놓기
    • ![사진제목](주소) 형식으로 readme파일에 넣어주면 끝!
      ex) ![정렬](./images/sorting.png)