React기본구조
-
React 기본 : React Component에 대한 개념 (React 기본구조)컴퓨터 알아가기/React 2021. 6. 24. 19:30
지난시간까지 React 기본에 대해 무조건 따라헤보다가 Material UI 를 이용하여 테이블 구성에서 에러에 빠졌습니다. 좀 더 기본을 공부해야할 필요성을 느꼈습니다. 여기저기 무료강좌를 찾아보다가 일부 무료강좌를 하고계신 'ZeroCho TV'를 통해 좀 더 기본 개념을 잡아보도록 하겠습니다. 특히, 저처럼 React와 관련되어 아무 개념이 없는 사람에게는 또 한번 놀랄일이 지금껏 React 환경을 만들기 위해 create-react-app을 사용하였는데 처음부터 HTML을 이용하여 React 구성을 마치는 과정이었습니다. ▒ React 기본 구조 React는 프로그래밍 언어라기 보다는 React 홈페이지에 나와 있는 대로 '사용자 인터페이스를 만들기 위한 JavaScript 라이브러리'인게 조금 ..
-
React 기초 : 기본구조컴퓨터 알아가기/React 2021. 6. 3. 15:20
오늘은 React 기본구조를 한번 보도록 하겠습니다. 저처럼 프로그램의 깊은 지식이 없는 분들은 어떤 구조로 어떻게 움직이는지 전혀 감을 잡을 수 없습니다. 일단 가장 기본적인 뼈대부터 이해를 하고 가야겠습니다. 설명이 100% 맞을 수 없지만 웹사이트를 만드는 프레임은 HTML, 그 프레임을 꾸며주는 스타일링은 CSS, 그리고 주요 기능을 작동하게 만드는 프로그램인 JvaScript로 구성이 되는데 이 JavaScript를 효과적 효율적 프로그래밍이 가능하게 만드는 언어가 React라는 개념으로 보겠습니다. ▒ React 기본 구조 Codepen에서 개발환경을 설정하였으니 그 곳에서 시작을 해 보도록 하겠습니다. HTML CSS JS(Babel)환경이 설정 되어 있으니 각 section에서 코딩을 해 ..