REACT3 React와 NEXT.js & Firebase를 활용한 CRUD 만들기 서론 해당 지식에대한 소개 React와 Next.js 그리고 Firebase를 활용하여 간단한 CRUD를 만들어보았다. *해당 프로젝트에 사용된 version firebase: v9.9.2, next: v12.2.4, react: v18.2.0 본론 1. CRUD란? 우리가 어떤 소프트웨어를 만들 때 기본적인 데이터 처리 기능인 생성(Create), 읽기(Read), 수정(Update), 삭제(Delete)의 앞글자를 따서 약어로 지칭하는 말이다. 사용자 인터페이스는 해당 기본요소의 기능으로부터 시작된다. 2. Firebase 설정하기 Next에서 Firebase를 만들기 위해서는 먼저 Firebase상에서 프로젝트를 만들어주고 React의 터미널에서 npm install firebase을 입력하여 SD.. 2022. 8. 10. useCallback, useReducer, React.memo, React.Fragment의 개념 정리 서론 React Hooks의 개념들중 useCallback, useReducer, React.memo와 React.Fragment의 개념에 대해 공부한 내용을 정리해보았다. 본론 1. useCallback Memoization 기법으로 컴포넌트의 성능을 최적화 하기위해 사용한다. 반복적으로 계산해야되는 값이 있다면 이전의 값을 캐싱해둠으로 해당 값이 또 필요할 때 메모리에서 꺼내서 사용하는 형태이다. useMemo의 경우 인자로 콜백함수를 넣어주면 함수가 리턴하는 값 즉 아래의 thisValue를 Memoization 해준다 useMemo(() => { return thisValue }, [item]) useCallback의 경우 콜백함수 그 자체를 () => { return thisValue } Mem.. 2022. 7. 29. 1. React 기본 서론 React를 왜 배워야하며, 기본적인 React의 기초 개념에 대해 알아본다. 본론 1. Frontend 개발자는 React를 왜 배워야할까? 웹 프론트엔드 프레임워크로 다양한 기술들이 있는데 Vue, Angular React중 필자가 React로 개발을 배워야 하는 궁극적인 이유를 뽑자면 대한민국 IT 기업들의 프론트엔드 개발자 수요적인 측면을 확인하면 된다. 기업의 수요를 확인해보면 React가 절대 다수이며 이는 2022년기준으로 어떤 채용사이트를 들어가더라도 쉽게 확인할 수 있다. 그리고 대부분의 기업들은 한가지 기술을 선택하면 쉽게 다른 기술로 변할 수 없는 측면이 있다. 따라서 향후 10년간은 게임체인저가 등장하지 않는 이상 React 시장은 견고할 것이라 판단되며 더 많은 기회를 얻.. 2022. 6. 29. 이전 1 다음
