[WIL 2023.07.30] 내배캠 11주차

📝 Situation(상황): 이번주 목표

• TypeScript가 개발자에게 어떤 이점을 제공하는지 파악한다.
• 컴파일러의 개념에 대해서 공부하고 tsc를 어떻게 사용하는지 파악한다.
• 기본 타입의 종류와 사용법을 익힌다.
• enum, object literal의 차이점과 언제 사용하면 좋을지 파악한다.
• 주요 유틸리티 타입을 학습한다.
• S.O.L.I.D 원칙을 기반으로 좋은 객체 지향 설계 방법을 이해한다

👀 Task(임무): situation 중 문제들

1] 용어의 정립이 안됨. 강의를 듣는데 무슨 뜻인지 못알아듣는 문제가 생겼다.

 

절차적 프로그래밍(PP) vs 객체지향 프로그래밍(OOP)

정적언어 vs 동적언어

함수 vs 메서드

Parameter vs Property vs 인자 vs 생성자

 

2] 후발대 수업에서 리액트 관련  주요 면접 질문에 답해보는 시간을 가졌다.

• React
• Redux(+RTK / Thunk)
• React Query
• React Router DOM

 

🔍 Action(접근방법): 해결시도

1] 헷갈리는 단어들을 모아 다시 개념정리를 하였다.

2] 검색하지 않고 진짜 현재 내 머리에 남아있는 지식만 가지고 답변을 해보았다.

    정답률은 한 15% 퍼센트 정도 처참한 수준이다.

 

그래도 의외였던 점은

 

- 리액트가 UI를 업데이트 하는 방법에 대해 설명해주세요.

- DOM이 동작하는 원리와 단점을 설명해주세요.

- Virtual DOM이 동작하는 원리와 장점을 설명해주세요.

- 클래스 컴포넌트와 함수형 컴포넌트의 차이점은 무엇인가요?

 

위와 같이 완전 기초적인, 리액트 시작 초반에 배우는 개념은 답을 못하면서

 

- 리액트 프로젝트에서 성능 최적화를 위해 어떤 방법들이 있나요?

- 리액트의 컴포넌트 생명주기 메서드 중에서 componentDidMount, componentDidUpdate, componentWillUnmount의 기능을 대체하는 React hook은 무엇인가요?

- useEffect 훅에서 Cleanup 함수는 언제 실행되나요? 어떤 상황에서 유용하게 쓰일까요?

 

의외로 위와 같은 질문들은 꽤나 그럴듯한 답변을 작성할 수 있었던 점이다.

역시... 자꾸 쓰고 반복하다보면 익혀지는 것인가..

 

체화의 중요성! 

 

📃 Result(결과): action 후 성과

그동안 얼마나 대충 공부했는지 알게되었고, 이번 기회에 확실히 구분을 하고 갈 수 있어서 다행이라고 생각한다.

또한 후발대 수업을 통해 어떤 부분이 약하고 어떤 내용을 복습해야 하는지 정리가 되었다.

 

📓 Point(정리): 이번주 요약

타입스크립트의 중요성은 이해하지만 강의 내용을 이해하고 내것으로 받아들이기 힘들었다.

자바스크립트부터 탄탄한 기본을 쌓아야 응용이 가능할 것 같은데

기본기가 부족하니 흡수가 안된다.

 

JS부터 다시 복습해야될 것 같다.