리엑트17 09. SuerveyPie 설계 9-1 요구사항 분석 9-2 컴포넌트 구조 설계리액트는 컴포넌트 단위로 개발이 이루어지기 때문에 컴포넌트를 잘 구성하는게 중요하다. 9-3. 데이터 정의데이터 정의 설문조사 데이터(각 질문 데이터, 고유 번호, 생성 날짜) 질문 데이터(질문 내용, 설명, 필수 여부, 옵션) 응답 데이터 9-4 프로젝트 세팅 및 환경설정프로젝트 생성 : npx create-react-app survey-pie prettier, eslint 설정 먼저 진행 { "trailingComma": "all", "singleQuote": true, "tabWidth": 2, "semi": true} 아래 명령은 dev-dependency에 설치를 하는 커멘드npm install --save-dev eslint-plu.. 2024. 8. 16. 08. React 심화 프로젝트 소개 8-1. SurveyPie 소개프로젝트 목표 : SurveyPie 라는 설문조사 서비스와 Admin 개발 기획서 : 서비스의 상세한 기능과 요구사항들을 명시해둔 문서디자인 가이드 : 서비스의 화면에서 색상이나 여백 및 요소의 크기 위치들을 개발자가 구현할 수 있도록 명확하게 정의해 둔 가이드 문서 강의의 핵심 포인트- 프론트엔드 개발 실무의 이해- React 개발 과정의 다양한 고민들 이해 8-2. SurveyPie와 Admin 소개 일반적인 서비스 개발 과정서비스 기획 ---기획서---> 컨셉에 맞게 디자인 ----디자인 가이드----> 개발 SurveyPie 기술스택recoil - 전역 상태 관리axios - API 연동react-router - 라우팅styled-components - 스타일링.. 2024. 8. 16. 07 React 메모장 만들기 2024. 8. 16. 06 React 환경 설정 Node.jsNode.js는 브라우저 밖에서도(서버를 구축하는 등의) Javascript를 실행할 수 있게 해주는 런타임 환경 특징- 오픈 소스 Javascript 엔진인 크롬 V8을 기반으로 동작- Single-Thread의 non-blocking I/O 이벤트 기반 비동기 방식 NPM(Node Package Manager)- Javascript를 위한 패키지 관리자- 공개된 Javascript 라이브러리들을 쉽게 설치해 사용할 수 있음- Node.js는 NPM을 포함하고 있음. (설치시 같이 설치됨) create-react-app 프로젝트 생성Create React App (CRA) - React 기반의 프로젝트 개발 환경을 구성해주는 툴CRA를 이용하여 프로젝트 생성 : npx create-r.. 2024. 8. 15. 이전 1 2 3 4 5 다음
