React

전통적인 웹사이트에서는 사용자가 웹사이트 내의 다른 페이지로 이동시 브라우저가 페이지를 보여주기 위해 매번 html파일로 된 '페이지 전체'를 불러와야 했다.이렇게 페이지 전체를 불러오는 행위를 보통 깜빡인다고 표현한다.웹사이트가 보다 복잡해지고 앱 형태를 띄게 되면서

1. 설치 2. 컴포넌트 만들기

Component Driven Development 가 트렌드로 자리 잡게 되면서 이를 지원하는 도구 중 하나인 Component Explorer (컴포넌트 탐색기) 가 등장했습니다. Component Explorer에는 많은 UI 개발 도구가 다양하게 있는데 그중 하

블로그 포스트가 두 개밖에 없다면 아래 코드로 충분할 것이다. 이렇게 직접 모든 데이터를 코드에 작성하는 것을 하드코딩(hard coding)이라고 부른다.하지만 블로그 포스트가 100개인 경우엔 블로그 포스팅이 늘어날 때마다 매일 코드를 변경해야만 한다. 데이터가 변

함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우 해당 함수는 Side Effect가 있다고 이야기한다. React에서는 컴포넌트 내에서 fetch를 사용해 API 정보를 가져오거나 이벤트를 활용해 DOM 직접 조작할 때 Side Effect가 발생했다고 말한다

JSX 문법에서 return문을 사용할 때 그 뒤에 소괄호를 사용해야 하는 규칙이 있다. (리액트 공식 문서에서는 해당 내용을 확인하지 못하였으나 공식문서에 나오는 예제 코드나 다른 검색 내용들이 그러한 규칙이 있다고 명시한다.) 위의 코드에서 return 문 뒤에