React

정의함수를 실행할 때 특정구간에 멈춰두거나, 원하는 시점에 다시 돌아가게 할 수도 있고, 결과값을 여러번 받아올 수도 있습니다.function\* generatorFunction() : function에 \* 표시를 하여 Generator 함수를 작성할 수 있습니다.c

정의함수를 실행할 때 특정구간에 멈춰두거나, 원하는 시점에 다시 돌아가게 할 수도 있고, 결과값을 여러번 받아올 수도 있습니다.function\* generatorFunction() : function에 \* 표시를 하여 Generator 함수를 작성할 수 있습니다.c

정의프로젝트 규모가 커질수록 상태를 관리하기 힘들어지는데 Redux는 복잡한 구조 속에서도 쉽게 상태 관리를 해주는 라이브러리입니다.정의action은 Store에 운반할 데이터를 말합니다.action은 객체 형식으로 되어있고, type은 필수이며 payload에 필요한

createContext 메서드를 사용하여 Store 라는 context 객체를 생성하고 초기값도 위와같이 설정하고 export 해주었습니다.최상위 컴포넌트에 useReducer 메서드로 가져온 초기값에 해당하는 state를 만들고 state를 바꿀때 사용할 dispa

정의기존에 수행한 연산의 결과값을 어딘가에 저장해두고 동일한 입력이 들어오면 재활용하는 프로그래밍 기법입니다.Memoization을 잘 활용하면 중복연산을 피할 수 있기때문에 성능을 더 높일 수 있습니다.위와같이 코드를 짜도 피보나치 수열을 return해줄수 있다. 하

정의간단하게 중복되는 로직을 하나의 만능 함수 컴포넌트로 따로 만든것입니다.사용 용도회원가입 Form , 로그인 Form 등 비슷한 로직이 여러 컴포넌트에서 쓰일 경우 코드의 재사용성을 높이고 중복로직을 최소화하기 위해 커스텀 훅을 사용합니다.useForm이란 Cust

정의기존의 사용하던 Class형 컴포넌트와 다르게 훨씬 짧고 직관적인 코드를 짤 수 있고, 함수형 프로그래밍을 할 수 있게 해줍니다.기존에 함수형 컴포넌트의 문제점은 state를 만들수 없었고, 생명주기 사용할 수 없었지만 Hooks가 나오고 나서 이 문제점이 해결되었

댓글 > React를 사용하여 댓글 기능을 구현해보았습니다. 댓글 작성하기 댓글 보기 댓글 수정하기 댓글 삭제하기

리액트 ( React ) 정의 리액트는 페이스북이 만든 사용자 UI 구축을 위한 라이브러리, 혹은 폴더구조가 짜여진 프레임워크입니다. 리액트를 사용하여 SPA를 더 쉽고 확장성있게 만들 수 있습니다. SPA (Single Page Application) 브라우저에

Components 데이터 > 리액트 컴포넌트에서 다루는 데이터는 props와 state로 나뉩니다. props 정의 > props는 부모 컴포넌트가 자식 컴포넌트에게 넘겨주는 값입니다. 단 자식 컴포넌트에서는 props를 읽기만 할 수 있습니다. props는 함

틱택토 게임 만들기 > 리액트로 간단하게 틱택토 게임을 만들어보겠습니다. 우선 기본적으로 세가지 컴포넌트를 사용합니다. Square 컴포넌트는 을 렌더링합니다. Board는 사각형 9개를 렌더링합니다. Game 컴포넌트는 게임판을 렌더링하며 나중에 수정할 자리 값을

리스트 > 초기 세팅 > 작업을 시작하기에 앞서 위와 같이 세팅을 해두었습니다. onChange 이벤트 >React에서는 이벤트를 등록할때 came|Case 형태로 작성해야 합니다. ![](https://velog.velcdn.com/images/ash991

React를 사용해서 간단한 Todolist를 만드는 연습을 해보았습니다.부모 컴포넌트인 App에 state를 설정해주었고, input에 onChange 이벤트가 실행될때 사용 할 changeContent 메서드와 changeSubject 메서드를 선언 해주었습니다.o

Binding이란 React에서 컴포넌트에 이벤트 메서드를 연결하는 방법입니다.React에서 Binding이 필요한 경우가 많이 필요합니다.바인딩을 하지 않아도 이벤트 함수는 실행이 되지만 , 어떤 컴포넌트가 호출했는지 알 수 없습니다.바인딩을 하지 않고 이벤트 함수를

생명주기 >