온라인부트캠프 2

[엘리스 13주차] 빌드란 무엇인가

이때까지 개발을 공부하며 의도적으로 피했던 단어가 있다. 프로그램 개발 과정에서 자주 들을 수 있는 '빌드 및 배포' 라는 단어였다. 단어 자체로 어떤 느낌인지 대충 감은 왔다. 빌드는 내 코드를 하나의 실행 가능한 어떤 프로그램으로 만들어주는 일인 것 같은데, 그럼 컴파일이랑은 뭐가 다른 거지? 배포는 웹 서버에 프로젝트를 올려서 다른 사람들도 내가 만든 프로그램을 쓸 수 있게 하는 것 같은데, 어떻게 배포가 되는 거지? 감이 오면서도 오지 않았기 때문에 이 두 단어에 대해선 보면서도 못 본 척을 했었다. 오늘은 빌드가 무엇인지에 대해 알아보고, React에서 사용하는 빌드 도구인 Webpack에 대해 간단하게 작성해 볼 것 같다. 빌드 빌드는 소스 코드 파일을 실행 가능한 소프트웨어 산출물로 변환하는..

카테고리 없음 2023.12.04

[엘리스트랙 10주차] useState / useEffect / useCallback / useMemo / useRef 정리

오늘은 Hook에 대해 자세히 배울 수 있었다. 그 중 강의에서 나온 다섯 가지의 함수에 대해 간단하게 정리해보려고 한다. 우선, Hook은 무엇일까? Hook은 React v16.8.0 부터 사용할 수 있게 된 기능이며, 클래스형 컴포넌트의 사용 없이 함수형 컴포넌트에서 상태와 라이프사이클을 관리할 수 있게 해준다. 이전에는 상태와 라이프사이클을 이용해야 할 때는 클래스형 컴포넌트를 사용해야 했다. 참고로 상태는 React 컴포넌트 내에서 변경 가능한 데이터를 위해 사용하는 객체이며, 라이프사이클은 컴포넌트의 수명 주기를 말한다. constructor 컴포넌트가 처음 생성될 때 호출. getDerivedStateFromProps props로 받아온 값을 클래스 내의 상태와 동기화 시킬 때, 컴포넌트가 ..

카테고리 없음 2023.11.17