리액트로 One페이지 게시판 만들기

노드js·자바스크립트

김일국 2020. 3. 17. 14:39

리액트로 One페이지 게시판을 만들어 보고 있습니다.

--------------------------------------------------------------

개발언어: JSX(페이스북에서 만든 Javascript 문법 확장판) = react-scripts 버전 3.4.0

개발환경: VSCode IDE사용, create-react-app 앱사용.(npm run start 실행결과 크롬에서 정상 출력됨. 단, IE에서는 실행 않되는 경우 있음.)

실행환경: React(서버:npm install -g serve앱 설치 후 serve -s build 사용. 또는,1회용 서버생성 npx serve -s build )

리액트버전: create-react-app --version 3.4.0 ( 설치방법: npm install -g create-react-app )

--------------------------------------------------------------

오늘작업내역: 디자인 퍼블리싱 한 페이지를 -> 콤포넌트-모듈로 분리해서 리액트 JSX 언어 형식으로 변경 하였습니다.

index.html-index.js(시작)

App.js(공통)+Header.js(페이지헤더)+HeaderBanner.js(페이지배너)+BoardList.js(게시판리스트)+BoardView(게시판뷰)+Footer.js(하단)

아래는 결과 미리보기 입니다.

Ps.

작업예정: 리액트 게시판 CRUD 중 Create작업 예정.