react 기초3 5. React - function component(함수 컴포넌트), react 기초 실습 React에는 두 종류의 컴포넌트가 존재합니다. 함수 컴포넌트(function component)와 클래스 컴포넌트(class component) 입니다. 두 컴포넌트의 차이점은 클래스 컴포넌트는 React.Component라는 부모 클래스를 상속받기 때문에 함수 컴포넌트에 비해 더 많은 기능을 갖는다는 점입니다. (두 컴포넌트가 무엇인지는 이따가 밑에서 설명드릴게요~실습하면서) 그러나 기능이 많다고 무조건 클래스 컴포넌트를 사용하지는 말아야 합니다. 그 이유는 클래스 컴포넌트가 기능이 많은 만큼 메모리와 리소스를 많이 사용해야 한다는 뜻이기 때문입니다. React관련 글 초반에 작성하기로 했던 부분을 지금부터 조금씩 진행하려고 합니다. 처음에 계획했던 것에서 좀 바뀌는 부분이 있을 수 도 있습니다. 기.. 2020. 6. 21. 3. React - Hello World (Element rendering) 이제부터 본격적으로 React를 시작해보려고 합니다. 당분간은 React의 기본 개념을 익히기 위한 진행을 하려고 합니다. 아래는 기본 개념으로 만든 화면입니다. element, props, state, function 등을 일부러 사용했어요. 주의하실 점은 이것은 실제 프로젝트처럼 해보기 위한 것이 아니라 React의 기본 개념을 최대한 사용하면서 반복 숙달하기 위한 한 것이기 때문에 실제 프로젝트에서도 이렇게 하면 문제가 생길 거예요. CSS 또한 그냥 틀만 잡기 위한 식으로 별 조건 없이 만들어 낸 것입니다. 또한, 이것은 create-react-app을 사용해서 만든 것은 아니에요. create-react-app을 이용하는 것은 아래 개념을 통한 실습이 끝나고 나서 진행하려고 하니 참고해주시면 될.. 2020. 6. 18. 0. React 시작 안녕하세요. 오늘부터 React에 대해서 공부를 하려고 합니다. 공부하면서 같이 블로그에 올려서 공유하고 싶어요. 이클립스로 간단한 게시판을 만드는 것을 올리려고 했는데... 이것부터 하게 될 것 같아요. 사실 개인적으로는 간단한 게시판은 만들었는데 블로그에 올리려면 정리하고 해야 해서 올릴 수가 없겠더라고요. React를 시작한 계기는 우연하게 React 기초 강의를 들을 수 있게 되어서에요. 사실 React보다는 Vue에 더 관심이 많았는데, React도 해보는 것도 나쁘지 않을 것 같단 생각이 들어서 듣겠다고 신청했어요. 그리고 강의를 들었는데 React를 하고 Vue를 하는 게 더 좋다는 말씀을 하시더라고요. 강의는 첫 부분은 WebStorm을 이용해서 진행하려고 해요. 저는 무료 30일 판을 이.. 2020. 6. 15. 이전 1 다음
