minXD's blog

논리연산자 JS의 논리연산자에서는 피연산자가 꼭 Boolean 값이 아닌 경우라도 true 혹은 false로 취급될 수 있다. false로 취급되는 값들은 아래와 같다. null NaN 0 빈 문자열 ("", '', ``) undefined 논리 연산자 중 &&,|| 에는 피연산자로 Boolean 값을 포함하여 아무 값이나 줄 수 있다. Boolean이 아닌 값을 피연산자로 주면 연산 결과에 따라 피연산자를 반환한다. 1. 논리 AND ( && ) 예) expr1 && expr2 : expr1이 true 또는 [true로 취급될 수 있는 값]이면 expr2를 반환. 반대의 경우 expr1을 반환. 2. 논리 OR ( || ) 예) expr1 || expr2 : expr1이 true 또는 [true로 취급..

전체적인 Logic 데이터 입력 PhoneForm 에서 이름, 전화번호를 입력받아 App 으로 전달 App 에서 배열형태로 데이터를 추가하여 상태값으로 저장 화면에 출력 App 에서 PhoneInfoList 호출 (번호목록 state를 props로 전달) PhoneInfoList에서 전달받은 목록을 JSX(요소마다 PhoneInfo 호출)로 변환하여 출력 함수형 컴포넌트의 state 변경 시 replace되는 이슈 전개연산자 공식 문서 발최 클래스 컴포넌트의 setState 메서드와는 다르게, useState는 갱신 객체(update objects)를 자동으로 합치지는 않습니다. 함수 업데이터 폼을 객체 전개 연산자와 결합함으로써 이 동작을 복제할 수 있습니다. setState((prevState) =>..

React Hook useState const [color, setColor] = useState(""); useState은 길이가 2인 배열을 반환한다. 첫번째 요소는 state, 두번째 요소는 state을 변경시키는 함수(modifier)이다. useState의 인자는 state의 초기값이다. modifier의 이름은 관습적으로 {set+state의 이름} 이다. (camerCase) state의 값을 styled-component로 전달하기 JSX 태그에 state값을 props로 전달 const Pallete = styled.div` width: 700px; height: 700px; border: 1px solid black; background: ${(props) => props.color};..