react

✔️ 다음의 순서에 맞게 코드를 작성하여 ID, PW <input>에 입력된 값을 state 에 저장해주세요.1\. ID <input> 에서 onChange event 발생2\. event 발생 시 handleIdInput 함수 실행3\. handleIdIn

id의 형식이나 비밀번호의 글자수가 어떤 조건을 만족시 이렇게 로그인 버튼을 활성화하는 기능을 구현해보자! ✔️ 입력한 아이디가 비밀번호 기준에 맞는 경우에만 로그인 버튼 색상 활성화 ID는 @ 포함 / PW는 5글자 이상 입력시 삼항연산자 사용부모 컴포넌트인 Log

댓글창에 댓글을 입력하고 엔터를 누르거나 '게시'버튼을 클릭시 댓글창에 댓글 내용이 올라가는 기능을 구현해보겠다 ! 순서 사용자가 댓글 입력 후 enter 를 누르거나 왼쪽의 버튼 클릭 시 댓글이 추가되도록 구현해주세요. 댓글 기능을 구현하기 위해서는 배열 데이터 타입

1차 프로젝트가 시작되었지만,, 잠깐 짬을 내서 오늘 배운 React Lifecycle을 후다닥 정리해보겠다!!!!!! React Lifecyle은? 일단 리액트에선 컴포넌트들이 일정한 생명 주기를 가지고있다. 따라서 컴포넌트가 생성될때, 업데이트 할 때, 제거 할

리액트의 데이터 흐름은 단방향이다. 따라서 prop를 통해 부모컴포넌트에서 자식컴포넌트로만 어떠한 값이나 함수를 전달할 수 있다.하지만 콜백함수를 이용하면 자식 컴포넌트의 값을 부모 컴포넌트의 함수에서 사용할 수 있다. 💡 로직은 다음과 같다.🌟 부모 컴포넌트에서

React는 데이터가 조금이라도 업데이트되면 전체적으로 어플리케이션이 전부 re-render된다. 그래서 하나의 state가 변해도 모든 컴포넌트가 업데이트된다. 하지만 React자체에는 Virtual DOM (가상돔)이 있기 때문에 실제로는 정말로 업데이트 되어야 하

spread operator를 사용하여 setState하기 리액트에서 state값이 객체인 경우 setState를 통해 상태값을 업데이트 시킬때, spread operator를 사용해서 기존의 state값은 유지시키고 그것을 복사해서 업데이트한 값으로 상태를 바꿔준다. 이는 리액트에서 불변성을 지켜야 하는 이유와 관련이 깊다. 불변성이란 불변성은 어떤...