[21JUN, 2021] TIL

월요일~! 일주일의 시작인만큼 활기차게 빠샤 빠샤 했다고 생각한다! 이번 주도 알차게 보내보자! 💃🏻💃🏻

---

 

✔️ for...of

프로그래머스 문제를 풀면서 거의 for(let i = 0, i < arr.length; i++) {...} 이러한 고전적인 for문을 사용했는데 오늘 다른 사람들의 풀이를 보다 for... of를 쓸 생각은 왜 하지 못했을까 생각해봤다..! 너무 자연스럽게 for of의 존재를 잊었었던 것이었다..! 처음에 알게 되었을 때는 신나서 썼었는데..!! 이제 반복문을 쓸 때 생각이 잘 나지 않을까..?! 😉😉😉

 

 

✔️ slice, splice

slice와 splice 모두 array method이지만 차이가 있다. 쓸 때마다 검색하게 되어 이번엔 꼭 기억하자!!

 

slice(start, [, end]): start부터 end 전까지의 복사본을 새로운 배열로 반환한다. 원본 배열 수정 X

const color = ['purple', 'blue', 'red', 'yellow', 'black'];

console.log(color.slice(1, 3)); //output: ['blue', 'red']
console.log(color.slice(2)); //output: ['red', 'yellow', 'black']
console.log(color.slice(-1)); //output: ['black']

 

splice(start [, deleteCount [, item1 [, item 2 [,...]]]]): 배열의 기존 요소를 삭제 or 교체 or 새 요소를 추가하여 배열의 내용을 변경한다. (원본 배열 자체 수정하는 것)

start: 배열의 변경을 시작할 인덱스

deleteCount: 배열에서 제거할 요소의 수 (0 이하의 수를 지정하면 어떤 요소도 제거되지 않는다. 하지만 생략 or array.length - start보다 크면 start부터 모든 요소를 제거한다.)

item1, item 2,...: 배열에 추가할 요소, 지정하지 않을 경우 제거만 수행한다.

const months = ['Jan', 'March', 'April', 'May', 'June', 'November'];

//-----------------------

months.splice(2, 1);
console.log(months);
//output: ['Jan', 'March', 'May', 'June', 'November'] 

//------------------------

months.splice(1, 1, 'Feb');
console.log(months);
//output: ['Jan', 'Feb', 'May', 'June', 'November'] 

참고: mdn

 

 

✔️ 국제화, 다국어 지원

옷을 주문하던 중에 홈페이지에서 언어를 바꿀 수 있는 부분을 보고 문득 이런 다국어 지원은 어떻게 개발하는 걸까 하고 궁금증이 생겨 좀 찾아보았다. 생각해보니 국가의 제한 없이 사용자들의 접근성을 높이려면 다국어 지원은 꼭 필요할 것 같다. 구현은 라이브러리가 있어 이를 사용해하는 것 같았다. 다국어 지원을 하는 것을 Internationalization(국제화)라고 하며 i와 n사이에 18글자가 있어서 i18n이라는 명칭이라고 한다. react에서 사용하는 법이 나와있는 공식문서도 있어서 한 번 도전해보고 싶다. 

 

참고: 블로그