[멋쟁이 사자처럼] 멋사 프론트엔드 스쿨 5기 8주차 4LS 회고(정규표현식/이벤트 전파/객체지향 프로그래밍)

 

 ❤️‍🔥 Liked

• 정규표현식 진짜... 아득했는데, 다 외워서 능숙하게 사용하는 방법을 습득하기보다는 기본 문법만 숙지하고 패턴은 그때그때 보면서 구현하면 될 것 같다!
• 객체지향 프로그래밍에 대해 객체리터럴 문법, 프로토타입 문법, 클래스 문법을 비교해서 작성해 보면서 차이점을 비교해 볼 수 있어서 좋았다. 주말에 할 일은 너무 많고 계획도 밀렸는데 혼자 프로토타입에 꽂혀서 공부하다 보니 몇 시간이 후루룩... 그래도 시간이 하나도 아깝지 않았다. 프로토타입 공부하다가 closer 패턴을 이해해버림... 👍
• JS 초보자 스터디에 가입했다. 비전공자도 있고 나처럼 다른 업무를 하다가 개발자로 전향하신 분도 있고, 숙련자가 없으면 효율이 떨어질 수 있는데 모두 적극적으로 스터디에 참여하면서 JS 지식을 공유하고 계셔서 덕분에 나도 좋은 영향을 많이 받는다. 처음으로 git fork도 해보고ㅎㅎ 같이 병아리에서 닭 되보자고!!🔥
• 시각화도구 D3, ChartJS, Canvas 찍먹 강의 ㅎㅎ 한 번의 경험이 나중에 큰 도움이 될 수도 있기 때문에 유익했다.
• 최적화 강의는 디테일한 지식은 더 보완해야겠지만 가이드가 생긴 것 같아서 좋았다!
  소프트웨어 프로그래밍은 일단 동작하게 만들고(Make it work), 올바르게 동작하게 만들고(Make it right), 빠르게 동작하게 만들기(Make it fast).

 

 

 

 💣 Lacked

• JavaScript에서 DOM 제어하는 게 정말 중요한 스킬인 것 같은데, event propagation이 어려워서 querySelector을 남발하면서 코딩을 하게 된다. 더 능숙해지고 싶다.
• 웹브라우저의 구조나, 브라우저 렌더링 프로세스에 대한 지식 보완이 필요할 것 같다. 수업시간에 들어도 모르는 용어가 많아서 잘 이해가 가지 않는다.

 

 

 

 ✏️ Learned

• 정규표현식에서 .replace(/정규표현식/, '대체문자열') 는 매칭되는 항목을 대체문자열로 반환.
  g는 global로 모든 문자열에서, m은 multiline으로 여러 라인에서 패턴을 찾겠다는 옵션.
• 로컬스토리지에서 object 저장시 JSON.stringify(), 호출시 JSON.parse() JSON 메소드 사용.
• 새로고침을 방지하는 event.preventDefault()
• event propagation를 막고 싶다면 event.stopPropagation() 코드를 추가.
• JavaScript에서는 객체의 상속을 위해 prototype을 사용.
  이처럼 자기 자신에게 존재하지 속성을 프로토타입을 통해 추적하는 과정을 프로토타입 체이닝이라고 한다.
• 생성자 함수는 new 연산자를 통해 반환되어 생성된 객체의 부모 역할을 하는 객체 prototype이 되며
• 공통적으로 사용할 수 있는 속성을 추가해서 자식역할을 하는 객체 instance 에 상속할 수 있다.
• 생성자 함수는 암묵적으로 대문자로 시작하는 이름을 가진다.
• 대표적인 생성자 함수인 Class는 class + 이름 + { constructor ... } 로 구성.
• Class의 상속은 extends 키워드를 사용.
• 부모 class에게 상속을 받는 자식 class는 서브 클래스(subclass) 혹은 파생 클래스(derived class) 라고 부른다.
• 클래스의 상속은 extends 키워드를 사용.
• super() 함수는 부모 클래스의 constructor 속성을 상속시키는 특수한 메소드.

 

 

 

 👩🏻‍💻 Longed For

• 10km 러닝.
• 게임 팀프로젝트 레퍼런스 조사.
• 모던 JavaScript 튜토리얼, 코어 자바스크립트 3단락 내용 숙지.
• 프로그래머스 0단계 문제 매일 3개씩 풀기.
• DOM과 LocalStorage를 활용해서 메모장 만들기.