반응형

인사이드아웃 4

디자인시스템구축, 어떤 것으로 할 것인가? 컴포넌트기반 vs 클래스기반 비교 [유데미 스나이퍼팩토리 10주완성 프로젝트 캠프 프론트엔드(리액트/react)]

1. 컴포넌트 기반 디자인 시스템: 컴포넌트 기반 디자인 시스템에서는 구조와 스타일링이 포함된 재사용 가능한 UI 컴포넌트를 만듭니다. 장점 캡슐화: 컴포넌트는 기능과 스타일을 캡슐화하여 자체적으로 동작하며, 프로젝트 전체에서 재사용할 수 있습니다. 모듈성: 컴포넌트를 조합하고 결합하여 복잡한 UI를 구축할 수 있습니다. 재사용성: 컴포넌트는 프로젝트 전반에서 쉽게 재사용할 수 있어 일관성을 유지하고 중복을 줄일 수 있습니다. 유지 보수성: 컴포넌트의 변경 사항은 격리되어 유지 관리가 용이합니다. 고려 사항 학습 곡선: 팀 구성원은 컴포넌트 API와 사용 패턴을 익혀야 합니다. 개발 오버헤드: 컴포넌트 라이브러리 생성 및 유지 관리에는 추가 개발 작업이 필요합니다. 유연성: 모든 사용 사례를 커버하지 못..

카테고리 없음 2023.07.19

[유데미 스나이퍼팩토리 10주완성 프로젝트 캠프 프론트엔드(리액트/react)]

본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다. HTML5는 웹 개발자들이 웹 페이지의 구조를 명확하게 표현할 수 있도록 다양한 시멘틱 태그를 도입했습니다. 이들 태그를 사용하면 검색 엔진이 페이지의 각 부분을 더 잘 이해하고, 웹 접근성 도구가 사용자에게 콘텐츠를 더 효과적으로 전달할 수 있습니다. 다음은 주요 HTML5 시멘틱 태그의 예입니다: : 페이지의 상단 부분을 표시하며, 주로 로고, 제목, 주 메뉴 등을 포함합니다. : 네비게이션 링크들을 그룹화하는데 사용됩니다. 사이트의 주요 링크나 메뉴를 포함합니다. : 웹페이지의 핵심 콘텐츠를 나타냅니다. 은 고유한 콘텐츠를 표시하는데 사용되며 페이지 당 한 번만 사용되어야 합니다. : 독립적으로 재배포하거나..

카테고리 없음 2023.06.12

[유데미 스나이퍼팩토리 10주완성 프로젝트 캠프 프론트엔드(리액트/react)] 액티비티 다이어그램 만들기

본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다. 축구팀 운영진 어플리케이션은 효율적이고 원활한 축구팀 운영을 지원하기 위한 도구입니다. 이 앱은 다양한 기능과 모듈을 제공하여 팀 관리자와 코치, 선수들이 팀 운영에 필요한 작업을 보다 효율적으로 수행할 수 있도록 돕습니다. 액티비티 다이어그램은 이 앱의 핵심 기능과 작업 흐름을 시각적으로 보여줍니다. 예를 들어, 앱이 시작되면 로그인 화면이 나타나고, 사용자는 자신의 계정으로 로그인할 수 있습니다. 인증이 완료되면, 메인 대시보드가 나타나며 여기에서 사용자는 팀 관리, 일정 관리, 선수 관리, 통계 및 보고서 등 다양한 작업에 접근할 수 있습니다. 팀 관리 기능을 통해 사용자는 새로운 팀을 생성하거나 기존 팀을..

카테고리 없음 2023.06.09

[10주완성 프로젝트 캠프] 1주차 1차 과제 - 서비스 기획하기 (유데미 스나이퍼팩토리 프론트엔드(리액트/react) 과정)

기획하고자 하는 서비스의 마인드 맵핑을 진행했다. 축구동호회 팀관리 서비스 축구 동호회 회원과 운영진을 위한 팀관리 서비스를 구상해보았다. 로그인/회원가입 기능 회원정보를 받고, 로그인을 한다. 이 회원정보를 바탕으로 추후, 운영진과 일반회원을 구분한다. 팀 생성/찾기/가입/승인 기능 팀을 생성하고 팀원들을 초대한다. 일반 회원은 내 팀을 찾고, 가입신청을 의뢰할 수 있다. 운영진은 이를 승인하거나 거절할 수 있다. 회비 관리 기능 운영진은 회비 사용내역을 회원들에게 공표하고, 매달 회비 관련 공지를 할 수 있다. 회비 납부내역을 회원들은 확인할 수 있다. 경기일정 기능 앞으로 예정된 경기일정을 생성할 수 있다. 회원들은 해당 경기일정을 확인하고, 참석/불참 여부를 투표할 수 있다. 경기일정의 상세 정보..

카테고리 없음 2023.06.07
반응형