2024년 07월 01일

1. 사전 질문

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

  • 컴포넌트 구조, 상태관리, 디렉토리 구조, MFA (Micro Frontend) 등이 많은 투표 수를 차지했다.
  • 초청 개발자 준일님의 답변
    • react에만 해당하는 아키텍처는 없는 것 같다.
  • 초청 개발자 용찬님의 답변
    • react 아키텍처란 없다, 웹 애플리케이션을 만들 떄 필수적인 것들이 react 아키텍처라고 생각한다. 정확히 웹 애플리케이션을 만드는거지 react 애플리케이션을 만드는 것이 아니다. react에 국한되지 않고 상태관리, css 등 모든 부분을 포함한다.
  • 초청 개발자 인성님의 답변
    • 프레임워크 내에서 아키텍처를 얘기하는 것이 어려울 수 있는데 해당 프레임워크가 의도하는 부분을 어느 정도까지 적용시키느냐에 있다고 생각한다. MFA, CSS, CI/CD 등 모든 부분이 아키텍처에 포함된다.

• 내가 생각하는 Structure란?

  • 코드 구조, 파일 구조, 디렉토리 구조, 네이밍 컨벤션, 아키텍처 중 파일 구조 부분 등이 많은 투표 수를 차지했다.
  • 초청 개발자 준일님의 답변
    • 어떤 기능을 수정하거나 삭제하거나 할 떄 빠르게 대응할 수 있는 수단, 요구 사항을 잘 대응하기 위한 구조
  • 초청 개발자 용찬님의 답변
    • 본인이 생각했을 때 프로젝트를 구성하기 위한 가장 합리적인 구조, 면접을 볼 때 왜 이런 구조로 되어있는가에 대해 설명할 수 있는 것, 어떤 부분이든지 왜 선택했냐에 대해 선택할 수 있다면 그것이 합리적인 구조라고 생각한다.
  • 초청 개발자 인성님의 답변
    • 스트럭처와 아키텍처를 구분할 수 있다고 생각한다. 프론트엔드 코드 내에서만 일어나는 일 → 스트럭처, 서버/인프라 혹은 프로젝트의 전체적인 구조 → 아키텍처라고 생각한다. 프로젝트를 생성하고 폴더링을 하는 등 작은 스코프의 영역이 스트럭처, 프로젝트를 어떻게 구성하고 협업할 지에 대한 것이 아키텍처이다.

• 내가 생각하는 Architecture란?

  • 아키텍처는 애플리케이션 설계 방법론, Structure의 작은 범위 혹은 큰 범위 등의 답변이 있었다.
  • 초청 개발자 용찬님의 답변
    • 어떤 아키텍처가 좋은 것이냐에 대해서는 정답은 없다고 생각한다. 객체 지향이 됬던, 함수형이 됬던 본인이 생각하는데에 있어 프로젝트에 가장 적합하고 합리적인 방법이라고 생각한다.

• 설계란?

  • 한 프로젝트를 진행할 때 기획부터 진행, 유지보수 등까지 회의하고 문서화하는 것 등의 답변이 있었다.
  • 초청 개발자 준일님의 답변
    • 사이드 이펙트를 잘 분리하는 것, 값과 함수와 액션, 순수 함수를 잘 짜는 것
  • 초청 개발자 용찬님의 답변
    • 개발을 가장 합리적으로 할 수 있는 방법, 제한된 시간과 리소스를 바탕으로 가장 합리적으로 만드는 방법이 설계라고 생각한다. 어떤 상황에서든 100퍼센트 적용되는 설계가 있을 수 없다고 생각한다. 어떤 프로젝트에서는 next의 서버 컴포넌트, 어떤 프로젝트는 단일 페이지 등 상황에 따라 다르다고 생각한다.
  • 초청 개발자 인성님의 답변
    • 개발은 글쓰기라고 생각한다. 주인공은 누구며 스토리를 어떤 식으로 전개하지 등과 똑같다. 데이터를 어떻게 패칭하고 패칭한 데이터를 어떻게 다룰지 등이 설계라고 생각한다.

2. 추상화의 큰 문제

• 인터페이스가 되지 않았을 떄 고유명사가 되어 문제가 된다.
• division → div, horizontal → hr 등
• 어려운 것을 공부할 때 추상화를 하나하나 해부해서 그 속을 이해한다.
  • Under the Hood
• 개구리를 해부하는 것보다는 개구리와 똑같다고 부를 수 있을 만큼 개구리를 직접 만들어보라
• 논리를 자주자주 떠들어야한다.

3. Architecture