[프리온보딩코스] 4주차 - 과제6

✍알게된 것과 느낀점

• toLocaleDateString
• js의 split, 그리고 map
• 정렬..
• .prettierrc 빼먹지마요
• ES7을 몰랐던 과거의 나야

 

🔥그래서 해보는 정리

1. toLocaleDateString

MDN 참고

과제에서 "ko-KR", "en-US" 형식에 맞게 날짜를 출력하는 부분이 있었는데, Locale 저거를 몰라서 하나하나 getFullYear....해서 설정하고 있었다. 요일은 심지어 한글과 영어 2가지로 나타내야 하니 배열도 두개! 코드 양도 두배!

저런게 있다고 알려주셔가지구 부모컴포넌트에서 type를 넘겨서 자식에서 확인 후 적용해줬다.

// 부모 컴포넌트

// 코드 생략
  return (
    <div className="wrapper">
      <DateTime type="ko-KR" />
// 코드 생략

// 자식 컴포넌트

function DateTime({ type }) {
  // 내용 생략

 

 

2. js의 split, 그리고 map

입력받은 값을 sort하는 문제였는데, 일단 String을 Array로 만들어야 하므로 split을 사용했다. 

split을 하면 배열 안에 String으로 들어있을 텐데, 그걸 숫자로 변경하기 위해서는 map을 사용해야 한다. (파이썬에 속아 자바스크립트를 잊지말자)

var a = "1,2,3,4";

var b = a.split(',').map(function(item) {
    return parseInt(item, 10);
});

출처 & special thanks to → How to convert a string of numbers to an array of numbers?

 

 

3. 정렬..

파이썬과 함께하는 알고리즘 스터디 약 10개월차(심지어 진행중) 학생.. 슬픔만 남았다... 이번 과제는 데이터의 양이 그렇게 많지 않(을거라고 멋대로 판단)아서 괜찮았지만(?) 실제 코딩테스트였다면 삽입정렬로는 못풀겠지..?ㅠㅠ 정렬 진짜 잊기전에 꼭 꼭 정리 해둬야겠다!

그리고 엄청난 자구 알고리즘의 시각화 사이트를 팀원분께서 알려주셨다!!💗 → https://visualgo.net/ko

 

 

4. prettierrc 빼먹지마요

{
  "singleQuote": true,
  "semi": true,
  "useTabs": false,
  "tabWidth": 2,
  "trailingComma": "all"
}

CRA 할 때마다 꼭 하나씩 놓치는데 여기랑 같이 보면서 잘 챙깁시다ㅠㅠ! 이런 사소한게 코딩의 질을 높인다......!

 

 

5. ES7을 몰랐던 과거의 나야

사실 난 새 파일을 만들면 import react~ 를 직접 쳤(거나 복사했)다. 그걸 알게 된 팀원들이,, 얼른 extension 깔으라고 알려줬다. 혹시 아직도 리액트를 직접 임포트 하는 분이 계신다면 꼭 이걸 설치하세요..😭 여기에서 확인 가능.. 

 

 

 

 

👀참고 (감사합니다!)

https://opentutorials.org/course/50/175

toLocaleDateString - 생활코딩

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date

Date - JavaScript | MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString

Date.prototype.toLocaleDateString() - JavaScript | MDN

https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets 

ES7 React/Redux/GraphQL/React-Native snippets - Visual Studio Marketplace

https://stackoverflow.com/questions/15677869/how-to-convert-a-string-of-numbers-to-an-array-of-numbers

How to convert a string of numbers to an array of numbers?