배운 점✏️
-
라이프 사이클(클래스형 vs 함수형)
리액트의 요소들은 여러 컴포넌트로 구성되어 있고, 컴포넌트는 모두 라이프 사이클을 가진다.
이전에는 클래스형 컴포넌트에서 라이프 사이클을 관리할 수 있었기 때문에, 주로 클래스형 컴포넌트를 사용했지만, react hooks로 라이프 사이클 함수를 대체할 수 있기 때문에 함수형 컴포넌트를 더 권장하고 있다. -
react hooks
리액트 16.8버전부터 추가된 기능으로, 함수형 컴포넌트에서도 라이프 사이클을 직관적으로 작업할 수 있게 만든 기능이다. 리액트 훅은 최상위 레벨에서만 호출 가능하기 때문에 반복문, 조건문, 중첩된 함수 내부에서 호출이 불가능하다. 리액트 함수 컴포넌트 안에서만 호출이 가능하다. 자바스크립트 함수에서는 호출할 수 없다. 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 수행하는 useEffect, 특정 DOM 요소(태그)에 접근할 때 사용하는 useRef 등이 있다.
느낀 점🤔
이번 주에는 단어장을 완성하고, 리액트 심화 수업을 시작했다. 과제에서 요구하는 필수 기능까지는 금방 완성할 수 있었지만, 고객을 생각하고 배려하는 프론트엔드 개발자😋가 되기 위해 요구사항에는 없는 기능도 추가하기 위해 시간이 좀 더 걸렸다. 단순히 요구하는 기능들만 구현해내는 것이 아니라, 요구사항 이상을 고려할 줄 아는 개발자가 되어야겠다고 생각했다. 단어 저장하기 버튼 옆에 뒤로 가기 버튼을 배치해 편리성을 높인다거나, 저장 후 입력칸을 비워주는 것, 단어 수정을 할 때는 수정하는 단어의 정보를 가져와서 보여주고, 수정 후에는 바로 메인으로 돌아갈 수 있도록 하는 것 등 세세하게 고려할 사항이 많다. 고객 입장에서 생각해야 하는 이런 부분은 경영학 전공자로서 유리한 면이 있는 것도 같다😊
심화 주차에 들어가면서 주변에서 힘들어하기도 하지만, 중심을 지키고 주변에도 긍정적인 에너지를 줄 수 있는 내면이 단단한 사람이 되어야겠다. 내 목표에 집중! ✨✨
