💻 TIL 02 | 프로토타입이란?

데브코스 2일째 인데,, 난이도가 확 상승한 느낌이랄까..?🤣 한번씩은 들어보고 공부했던 내용이지만(교수님 감사해여,,) 사람은 망각의 동물🙉🙉 꾸준한 복습이 답이다!

📃 오늘 공부한 것

프로토타입

자바스크립트 객체는 프로토타입이라는 프로퍼티가 존재한다. 처음 들어볼 수도 있겠지만 개발을 할 때 한번쯤 아래 사진과 같은 [[Prototype]]을 본 적이 있을 것이다! 그리고 concat 함수를 구글에 검색하면 mdn사이트에서 Array.prototype.concat()이 제목인 것을 볼 수 있다

new 키워드를 사용해서 Array라는 객체를 arr로 선언했다!
우리가 arr로 concat, fill, find와 같은 메서드를 사용할 수 있는 이유가 바로 이 프로토타입 때문이다.

arr의 부모 객체(Array)에서의 프로토타입으로 정의 된 함수들에 연결하여 사용하게 되는 것이다.╰(°▽°)╯

정규 표현식

• 정규표현식으로 개미 수열 구하기

//직접 작성한 코드
const getLookAndSaySequence = (number) => {
  let answer = '1';
  const regExp = /(.)\1*/g;
  for (let i = 1; i < number; i++) {
    answer = answer.match(regExp).reduce((acc, cur) => {
      return acc + `${cur.length}${cur.slice(0, 1)}`;
    }, '');
  }
  return answer;
};

console.log(getLookAndSaySequence(5)); // 111221

정규 표현식은 프로그래머스에 무료 강의가 있다. 강의를 따라가다보면 조금은 익숙해진다!
오래 걸리지 않아서 어려운 분들은 직접 실습 해보는 것을 추천한다!

정규표현식 강의
https://programmers.co.kr/learn/courses/11

😏새롭게 알게된 내용

• Task Queue 말고 다른 큐가 더 있다는 점❗ ㄴㅇㄱ
  생각도 못했던 내용이다. (MicroTask Queue, Animation Frames)
• IndexedDB는 사용자의 브라우저에 데이터를 영구적으로 저장할 수 있는 방법 중 하나!(나중에 다시 한번 깊게 파봐야겠다.)

🔥 느낀점

생각보다 할만한데?라고 생각했던 어제의 나를 원망하면서😢..
개념을 알고 있더라도 깊게 파다보면은 새로운 내용이 끝도 없이 나오는 것 같다. 프로토타입만 3시간을 본 것 같다. 그럼에도 일부분만 알고 있는 것일 것 같지만..
프로토타입 말고도 네트워크, 암호화, 함수형 프로그래밍, 이벤트 루프, 객체지향, 모듈 등 다시 한번 더 정리하게 되었다.

🗣 오늘의 TMI

드디어 맥북 프로 배송이 왔다!!! ༼ つ ◕_◕ ༽つ
모두 소리질러!!😆😆 드디어 나도 스타벅스에 당당히 입장할 수 있는 것인가! 일주일간 열심히 사용해서 바로 적응해야지!! 행복하다!💕
데브코스에서 코어타임에 디스코드가 제발 끊기지 않기를 바라며🙏🏻..(자꾸 스크럼 중 렉이 걸려 팀원들께 정말 죄송했다..)

Refer

Youtube 프로토타입 강의 : 이거보고 prototype 이해 못하면 강의접음

데브코스 Day2