WEEK 2 회고
프론트엔드 기초 학습
DOM (Document Object Model) 문서 객체모델
-
HTML 문서를 파싱한 브라우저가 이해할 수 있는 자료구조
-
HTML 단위 하나하나를 객체로 생각하는 모델
-
노드 객체들로 구성된 트리 자료구조로 여러 노드 타입이 존재하며 상속 구조를 가짐
-
노드 객체는 DOM API를 사용하여 HTML의 구조나 내용들을 동적으로 변경 가능
-
JavaScript도 DOM을 통해 HTML과 CSS에 접근하고 통제 가능
서버리스(Serverless)
-
서버가 없다? NO. 서버를 신경쓸 필요가 없음
-
사용자가 서버를 직접 소유하는 것이 아니라 필요에 따라 빌려쓴다는 개념
-
FaaS (Function as a Service)
- 기능을 하나의 함수로 구현해 두고 실행할 때 서버 자원을 할당 받아 사용
-
BaaS (Backend as a Service)
- 클라우드 공급자가 제공하는 서비스를 이용
리액트 학습
리액트 학습 과정
-
리액트에서 뷰를 그릴 때 JSX 문법 사용
-
클래스형 컴포넌트 vs 함수형 컴포넌트 비교
-
styled-components 적용하여 React에서 CSS 사용
-
Ref로 리액트 요소 가져오기
-
State 관리하기
-
React-router로 페이지 이동
-
Redux로 상태 관리 및 redux hook 사용
회고
아무래도 리액트는 처음이라 짧은 시간내에 이해하고 학습하는게 힘들 것 같아서 추석연휴에도 안 쉬고 강의 들으면서 공부한 시간들이 그래도 나름대로 의미는 있었던 것 같아 다행이다. 솔직히 지난 일주일간 학습한게 아직 익숙하지도 않고 완전히 이해한 것도 아니지만 초반에 '아....이게 뭐냐....뭔소리냐....나는 진짜 멍청한가... 이걸 왜 이해 못할까.....' 이런 생각 하면서 머리 쥐어뜯으면서도 두번세번 들으면서 이해하려고 하다보니 그나마 따라갈 수 있는 것 같다. 물론 초반에 학습한 부분은 이미 까먹어서 다시 복습해야하지만 그래도 처음보단 조금 더 빨리 머릿속에 들어오지 않을까. 돌아오는 주엔 더 어려운 것들을 배울텐데 벌써 무섭지만 그래도 다음주의 내가 어떻게든 해내겠지
다음 주 계획
- 리액트 학습
- 리액트 프로젝트 작업
