리엑트
-
hook을 사용하는 이유Study/React 2020. 7. 16. 14:42
Hook의 특징 선택적 사용 : 기존의 코드를 다시 작성할 필요없이 일부의 컴포넌트들 안에서 Hook을 사용할 수 있다. 그러나 만약 당장 Hook이 필요 없다면, Hook을 사용할 필요는 없다. 100% 이전 버전과의 호환성 : Hook은 호환성을 깨뜨리는 변화가 없다. 현재 사용가능 : 현재 배포하는 v16,8.0에서 사용할 수 있다. Hook은 알고 있는 React 컨셉을 대체하지 않는다. 대신에 Hook은 props, state, context, refs, 그리고 lifecycle과 같은 리엑트 개념에 좀 더 직관적인 API를 제공한다. 또한 Hook은 이 개념들을 엮기 위해 새로운 강력한 방법을 제공한다. 왜 Hook이 나왔는가? Hook은 5년 동안 우리가 리엑트에서 수만 개의 컴포넌트를 유지..
-
react의 bind는 무엇일까? (부제. 이벤트 처리하기)Study/React 2020. 7. 5. 20:02
React 엘리먼트에서 이벤트를 처리하는 방식은 DOM 엘리먼트에서 이벤트를 처리하는 방식과 매우 유사하다. 몇가지 문법 차이는 다음과 같다. * react의 이벤트는 소문자 대신 camelCase를 사용한다. * JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러를 전달한다. 예를들어, html에서 버튼에 온클릭 이벤트를 작성한다면 아래와 같다. Activate Lasers 그러나 React에서는 약간 다르다. Activate Lasers 또 다른 차이점으로, React에서는 false를 반환해도 기본 동작을 방지할 수 없다. 반드시 preventDefault를 명시적으로 호출해야한다. 예를들어 일반 HTML에서는 새 페이지를 여는 링크의 기본 동작을 방지하기 위해 다음과 같은 코드를 작성한다. Cl..
-
리엑트란 무엇이며 왜 사용하는가?Study/React 2020. 7. 4. 17:11
What is React? 리엑트란 무엇인가? 리엑트는 facebook에서 만든 자바스크립트 UI라이브러리로써 user interfaces와 프론트엔드 어플리케이션을 만드는데 사용된다. 리엑트는 기술적으로는 라이브러리이지만, 이것의 행동과 능력때문에 종종 framework로도 불린다. 리엑트는 현재까지 업계에서 가장 인기있는 framework이다. 한마디로 간단히 말하면, 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리이다. 리엑트는 왜 사용하는가? 우리는 html, css만으로도 웹사이트를 만들 수 있다. 그러나 여기에 유저의 행동흐름에 따라서 동적인 화면을 보여주도록 하기 위해서 javascript를 사용한다. 그런데 요즘의 웹은 단순히 웹 페이지가 아니라 웹 애플리케이션이다. 브라우저상으로도..