분류 전체보기159 [React] 배열에 항목 제거하기 import React from 'react'; function User({ user, onRemove }){ // User 컴포넌트는 onRemove를 그대로 받아와야 합니다. const { username, email, id} = user; return( {username} {email} onRemove(id)}>삭제 {/* 버튼이 눌렸을 경우에 이러한 함수를 호출할 것이다. 이 함수에는 props로 받아온 onRemove를 id값을 받아서 파라미터로 호출해줄 것이다*/} ) } function UserList({ users, onRemove }){ return( { users.map( user => ( ) ) } ); } export default UserList; 기존 UserList에 onRem.. 2020. 12. 28. [React] 배열에 항목 추가하기 import React from 'react'; function CreateUser({ username, email, onChange, onCreate}){ return( 등록 ) } export default CreateUser; 4개의 props를 받는데 username, email 과 이벤트 값이 바뀔 때 처리할 onChange함수, 버튼을 눌렀을 때 새로운 항목을 추가할 수 있는 onCreate 함수를 이용할 것입니다. 필요한 값들을 props 받아서 사용할 것입니다. const [inputs, setInputs] = useState({ username: '', email: '', }); 제일 먼저 input의 상태를 관리하는 것이 필요합니다. 여러개의 input을 관리하는데 useState를 사.. 2020. 12. 28. [프로그래머스] 하샤드 수 - 파이썬 1. 문제 programmers.co.kr/learn/courses/30/lessons/12947 코딩테스트 연습 - 하샤드 수 양의 정수 x가 하샤드 수이려면 x의 자릿수의 합으로 x가 나누어져야 합니다. 예를 들어 18의 자릿수 합은 1+8=9이고, 18은 9로 나누어 떨어지므로 18은 하샤드 수입니다. 자연수 x를 입력받아 x가 하 programmers.co.kr 2. 내가 생각했던 풀이과정 처음에 입출력 예시만 보고 리스트로 입력받아야한다고 생각하여 리스트 기준으로 코드를 짰는데, 계속 오답처리를 하여 자세히 보니 입출력이 배열이 아닌 정수를 받아야하는 것이었다,, 일단 내가 리스트 기준으로 생각한 풀이는 아래와 같다. 1) input을 받는다 2) input 길이를 재서 input이 리스트이니 .. 2020. 12. 28. [React] 배열 렌더링하기 function UserList(){ const users = [ { id: 1, username: 'kim', email: 'kim@naver.com' }, { id: 2, username: 'test', email: 'test@naver.com' }, { id: 3, username: 'aa', email: 'aa@naver.com' } ] return( {users[0].username} {users[0].email} {users[1].username} {users[1].email} {users[2].username} {users[2].email} ); } 현재 위 코드는 배열을 랜더링하는데 똑같은 코드를 사용하고 있습니다. import React from 'react'; function User(.. 2020. 12. 28. 이전 1 ··· 24 25 26 27 28 29 30 ··· 40 다음