react문법의 가장 중요한점class는 className를 써서 적용한다.리액트에서 데이터 바인딩은 굉장히 쉽다.JSX에서 데이터바인딩하기데이터바인딩이라는 전문용어는 별거아니고자바스크립트 데이터를 HTML에 꽂아넣는 작업을 뜻합니다. 특히 요즘 프론트엔드 웹앱 개발시
Mission 1) Login | 사용자 입력 데이터 저장 다음의 순서에 맞게 코드를 작성하여 ID, PW ``에 입력된 값을 state 에 저장해주세요. ID ` 에서 onChange` event 발생 event 발생 시 handleIdInput 함수 실행 hand
입력한 아이디와 비밀번호가 기준에 맞는 경우에만 로그인 버튼 색상이 활성화될 수 있도록 해주세요.ex. ID - @ 포함 / PW - 5글자 이상삼항 연산자 적용해서 조건에 따라 버튼 색상에 변화를 주시기 바랍니다.위 순서대로 완료 후 Add : Mission 2 -
사용자가 댓글 입력 후 enter 를 누르거나 왼쪽의 버튼 클릭 시 댓글이 추가되도록 구현해주세요.댓글 기능을 구현하기 위해서는 배열 데이터 타입을 활용해야 합니다.Array.map 참고해서 시도해주세요.위 순서대로 완료 후 Add : Mission 3 - 댓글 기능
map 함수를 활용해 댓글 목록을 구현해주세요.댓글 하나를 컴포넌트화 시켜주세요.부모의 state 에 저장된 댓글 데이터에 Array.map() 메소드를 적용해 댓글의 개수만큼 댓글 컴포넌트가 나타나게 해주세요.필요한 데이터를 props 로 넘겨주세요.기존에 보였던 대
위 공식문서를 참고하여 map 함수 적용시 key props를 부여하는 이유에 대해 블로그를 작성해주세요.본인이 작성한 map 함수 사용 코드를 예시로 활용하여 설명해주세요.미션 4 등 컴포넌트를 활용하여 map 함수를 실행할 경우 리스트의 각 항목에 key를 넣어야
애를 많이 먹은 Mock Data 활용법...Mock Data를 활용하면서 LifeCycle과 props의 개념을 전보다 정확히 머릿속에 파악 할 수 있었다.댓글 데이터를 파일로 분리해서 관리해주세요.아직 fetch 함수가 익숙지 않은 분들은 .json 파일이 아닌 .
위스타그램이 종료 후 금 토 일 동안 나온 과제를 만들고있었다.리액트의 기초들을 이 과제로 정리해보세요 라는 느낌이 큰 과제를 이 monster 과제로 정리하는 시간을 보냈다.파일: Monsters.js아래 키워드들을 활용해 데이터 로딩을 처리해주세요!component
useState //선언 const [user, setUser] = useState(<span class="token