[프리온보딩 FE 챌린지] (7월) 1. Architecture 101

원티드 - 프리온보딩 FE 챌린지 7월 1주차

Architecture, Structure

• Architecture, Structure, System Desgin 그 차이가 무엇일까?
  우리 단어 사전부터 만들어요
• React 기초 점검

내가 생각하는 React Architecture의 범위에 포함되는 것은?

• 폴더 구조
• 상태관리
• 컴포넌트 구조

내가 생각하는 Structure란?

• 프론트에서만 필요한 것은 structure
• vscode, webstorm 등 폴더링, 파일만드는 작은 scope

내가 생각하는 Architecture란?

• 백엔드, 서버 인프라와 전체적인 구조는 arcithecture

• project를 포괄하거나, 외부의 영역까지 포함하는것

내가 생각하는 설계란?

• 한 프로젝트를 진행할 때 기획부터 진행, 유지보수 등까지 회의하고 문서화하는것

• 추상적 or 구체적으로 생각하는데, 전체적인 맥락을 구체화 시켜 나가는것

• ["Structure" + "Architecture"]

  • 데이터를 어디에 놓고, 어떻게 가져다가 어떻게 가공해서 어디에 쓸지에 대한 고민
  • 프로젝트가 처한 환경과 그 프로젝트의 유저에 대한 정보를 바탕으로 한 DX/UX에 대한 고민

References

React 아키텍처: 쉽게 시작하기 | 프리온보딩 FE 챌린지 7월