js 10 day challenge 1일차 별 걔수 채우기 위와 같이 간단하게 해결 하였다. https://github.com/jihkang/js10daychallenge GitHub - jihkang/js10daychallenge: 10daychallenge 10daychallenge. Contribute to jihkang/js10daychallenge development by creating an account on GitHub. github.com 코드는 깃헙에 올려두었다.

https://react.vlpt.us/ 벨로퍼트와 함께하는 모던 리액트 · GitBook 벨로퍼트와 함께하는 모던 리액트 본 강의자료는 패스트캠퍼스 온라인 강의에서 제공하는 리액트 강의에서 사용되는 강의 문서입니다. 이 튜토리얼은 여러분들이 JavaScript 의 기초를 잘 알고있 react.vlpt.us 리액트 완강하기. //styled-components 에서 매개변수로 속성값 제어 하기 위해서 //${props => props.key 를 이용하여 설정 할 수 있음. const Parent = styled.div` background: ${props => props.bgColor}; `; styled components 에서 커스텀된 컴포넌트를 확장하고 싶을 때 styled(Target) 의 구조로..

react 를 이용하여 계산기를 만들었다. 처음 막혔던 부분 const arr = [[btn]]; {arr.map((item) => {item})} 와 같은 방식을 통해 코드를 작성하였는데 이경우 생애 주기에 따라 똑같은 코드가 여러번 반복되어 나타났고 이를 해결하는 방법을 찾고자 하였다. 이때 setState 라는 녀석을 이용하여 구현함으로 해결 할 수 있었다. 그이유는 react 의 기본적인 동작 원리를 알아야 했다. react 의 경우 lifecycle 이라는 녀석것이 있다. 이는 메모리에 마운트 하고 언마운트 되는 동안의 과정을 나타내는 녀석으로 ko.reactjs 에서 확인 할 수 있었다. const [value, setValue] = setState(); 를 통해 상태관리자와 상태를 변수로 받..

nomad coder 리액트 강좌 듣고 설치 진행. js 에서 이벤트를 처리할때 addEventListener 를 이용하여 이벤트를 부착하는것을 통해 이벤트를 바인드 한다. 그리고 여러 이벤트중 click, change, pointerdown, 등 여러 이벤트를 사용하는데. react 에서는 onClick, onChange onMouseenter 등과 같이 event앞에 on을 붙여서 사용하는 방식을 이용한다.