React js

튜토리얼을 진행하면 기본적으로 함수형 컴포넌트를 사용하지만 모든 함수를 함수형으로 사용하지는 않습니다. 오늘은 수정하지 않은 나머지 클래스형 컴포넌트를 함수형 컴포넌트로 수정

React js에서는 return 문 내부에는 하나의 최상위 태그만 존재해야한다. 하지만 필요에 따라 여러 태그가 최상위에 올라오게 될 경우 <div> 태그를 최상위 태그로 지정하여 사용하는 경우가 발생할 수 있다. 하지만 이는 css 및 코드가 꼬이는 현상을 발

알아둬야할 간단한 Javascript 문법Javascript에서는 간단하게 삼항 연산자를 통해 if else 문 사용 빈도를 줄일 수 있습니다.간단한 기능을 수행하는 if else문을 삼항 연산자로 표현할 경우이와 같이 간단하게 표현이 가능합니다.React js에서

자식 Component에서 props가 필요하지만 부모에서 자식에게 전달할 값이 없을 경우 Default 값이 필요한 경우 발생할 때 사용자식 ComponentdefaultProps 설정을 진행Class Component와 Function Component 모두 동일한

Function Component을 사용한 React에서 Class Component의 생명주기와 비슷하게 구성을 하고 싶은 경우들에 React Hooks를 사용하여 구현하게 됩니다.Class Component처럼 뚜렷하게 componentDidMount, compon

https://wavez.github.io/react-hooks-lifecycle/React Hooks LifeCycle을 보면 마지막에 useEffect()와 useLayoutEffect()가 있습니다.Function Component에서는 주로 useEff

React Memo(https://ko.reactjs.org/docs/react-api.html>당신의 컴포넌트가 동일한 props로 동일한 결과를 렌더링해낸다면, React.memo를 호출하고 결과를 메모이징(Memoizing)하도록 래핑하여 경우에 따라 성

React Hooks APIcontext 객체(React.createContext에서 반환된 값)을 받아 그 context의 현재 값을 반환합니다. context의 현재 값은 트리 안에서 이 Hook을 호출하는 컴포넌트에 가장 가까이에 있는 <MyContext.P

React PropTypes(https://ko.reactjs.org/docs/typechecking-with-proptypes.html>당신의 앱이 커짐에 따라 타입 확인을 통하면 많은 버그를(bug) 잡을 수 있습니다. 특정 애플리케이션에서는 전체 애플리케

textarea 속성중 onKeyDown을 사용preventDefault()를 사용하면 항목 이동을 막을 수 있음

brython.js, brython_stdlib.js를 script 태그를 이용하여 선언html body 부분에 onload를 사용하여 brython() 함수를 실행사용할 textarea에 원하는 id를 지정onKeyDown은 React js를 사용하기 때문에 Tab처