REACT

JSX는 JavaScript가 확장된 문법이지만, 브라우저가 바로 실행할 수 있는 JavaScript 코드가 아니다.브라우저가 이해할 수 있는 JavaScript 코드로 변환을 해주어야 한다.이때 사용하는 것이 바로 Babel이다. Babel은 JSX를 브라우저가 이해

디자인과 개발 단계에서부터 재사용할 수 있는 UI 컴포넌트를 미리 디자인하고 개발하기위해 등장한 개발 방법이 CDD(component Driven Development)이다.\-> 레고처럼 조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 나가는 개발을 진행할

Styled Components는 앞서 배운 CSS in JS 라는 개념이 대두되면서 나온 라이브러리이다.\-> CSS를 컴포넌트화 시킴으로써 많은 불편함을 해결해주도록 해주는 라이브러리npm install --save styled-componentsStyled Com

위의 코드를 브라우저에 띄워보면이렇게 나온다.저기서 버튼을 클릭하면 count 상태의 값은 1씩증가 될것이다.하지만 num의 값도 1씩 추가될까??아니다! state의 값은 변경될때마다 렌더링되며 리렌더링이 될때마다 함수가 다시 불려와지는거기 때문에 함수내부의 변수의

React에서는 <a></a>태그도 사용이 안되고Link 태그는 react-router-dom 사용으로 인해,localhost/가 붙어져있는 url로 라우팅이 된다.이럴때 외부 사이트로 링크를 주고 싶은데 어떻게 할까?찾아보니 window.open(url)이

버튼을 누르면 원하는 컴포넌트에 스크롤이 되게끔 구현하고 싶어서React-scroll을 알게되어 사용해보았다.npm install --save react-scrollheader의 버튼을 누르면 원하는 컴포넌트 위치로 스크롤이 되게끔 할 것이다.이렇게 쓰면 Header의