React 검색 결과

해당 글 4건

React 란?

React 목차 1. React란? 2. React 특징 3. React 주요 용어 개념 4. LifeCycle API 5. 참고사항 6. React 개발환경구성 7. TODO LIST 예제 React 란? - 페이스북에서 만든 프론트엔드 라이브러리. (Angular 는 프레임워크) * framework vs library? - 프로그램을 쉽게 만들 수 있는 공통된 목적이 있지만, framework는 개발을 위한 여러 요소들과 메뉴얼인 룰을 제공, library는 개발하기 위해 쓰이는 공구와 같은 도구들에 비유. 결국 자유도의 차이. - 기존에 MVC 모델은 간단해 보이지만, 애플리케이션 규모가 크면 상당히 복잡하고 성능이 떨어집니다. (양방향) -> "기존 뷰(View)를 날려 버리고 Virtual D..
React 2022. 9. 13. 10:57

WebPack 빌드 가이드 (React)

WebPack 가이드 이번 가이드 내용에서는 react를 사용하면서 알게 된 babel과 webpack에 대한 내용을 익히고 실습하는 과정을 통해 목표로 하는 여러개의 js 파일을 하나로 번들링 하는 과정을 설명하고자 합니다. 이로서 react에서 새로운 컴포넌트가 추가되고 어떻게 빌드되는 과정을 거쳐서 web server에 올라가는지 이해할 수 있습니다. 같은 폴더에 아래 테스트 예제 폴더(webpack-test) 를 같이 두었습니다. 해당 폴더를 IDE로 열어서 진행하세요. 처음부터 따라하셔도 됩니다. 작업 전 설치사항 • node.js 다운로드 홈페이지 : https://nodejs.org/en/download/ pc에 nodejs를 최신버전으로 설치합니다. windows의 경우 위 홈페이지에서 다..
React 2020. 12. 28. 21:18

[react] redux란? 알고쓰자!

1-1. 리덕스 소개 리덕스는, 가장 사용률이 높은 상태관리 라이브러리입니다. 리덕스를 사용하면, 여러분이 만들게 될 컴포넌트들의 상태 관련 로직들을 다른 파일들로 분리시켜서 더욱 효율적으로 관리 할 수 있습니다. 또한, 컴포넌트끼리 상태를 공유하게 될 때 여러 컴포넌트를 거치지 않고도 손쉽게 상태 값을 전달 할 수 있습니다. 추가적으로, 리덕스의 미들웨어라는 기능을 통하여 비동기 작업, 로깅 등의 확장적인 작업들을 더욱 쉽게 할 수도 있게 해줍니다. 이 미들웨어에 대해서는 나중에 다뤄보게 됩니다! 필요성 파악하기 리덕스는 글로벌 상태 관리를 하게 될 때 굉장히 효과적입니다. 물론, 리덕스를 사용하는것이 유일한 솔루션은 아닙니다. Context API 를 통해서도 동일한 작업을 할 수 있다는것을 미리 알..
React 2020. 7. 27. 23:52

[react] 함수형 컴포넌트와 클래스형 컴포넌트 차이

앞서 리액트를 다뤄본 사람이라면 한번쯤은 궁금해 봤을 내용인데요. 바로 얼마전 함수형 컴포넌트에 훅(hook)이라는 개념이 생기면서 기존에 클래스형 컴포넌트에서만 할 수 있었던 개념들을 이제는 함수형 컴포넌트에서도 적용 가능하게 됐습니다. 우연히 카카오 테크 홈페이지를 구경하던 중 리액트에 대해 좋은 말씀을 해주신 분이 계셔서 내용을 정리해보았습니다. 기존에 클래스형 컴포넌트는 일반 TV로 비유하면 함수형 컴포넌트는 유튜브라고 비교 해 주셨습니다. 곰곰히 생각해보면 이해가 되는 말인거 같습니다. 더 좋은 컨텐츠, 재밌는 컨텐츠가 많은 유튜브가 훅을 사용하는 함수형 컴포넌트 라는것! 앞으로 더 발전하는 잠재력이 보이는 것 같습니다. 다음은 실제 두 컴포넌트의 사용 코드를 보면서 그 장단점을 한번 보도록 하..
React 2020. 7. 25. 14:29