본문 바로가기

전체 글

 (35)
앱 아키텍처 - 2 [3가지 레이어] 앱 아키텍처 - 관심사 분리 앱 아키텍처 - 1 아키텍처 원칙 앱 아키텍처는 앱의 부분과 그 각 부분에 필요한 기능 간의 경계를 정의 앱의 견고성을 높이며 앱을 쉽게 테스트할 수 있도록 하려면 몇 가지 특정 원칙을 준수하도록 앱 아키텍 dev-jewon.tistory.com 이전 글에서는 관심사의 분리 원칙에 대해 다루었다. 안드로이드 앱 아키텍쳐에는 3가지 레이어가 존재하며 이들은 각각의 '책임'을 명확히 가지고 있다. 3가지 레이어 UI Layer (사용자 인터페이스 레이어) 사용자의 입력을 받고, 출력을 제공합니다. 사용자 경험(UX)과 직접적으로 관련이 있습니다. Domain Layer (도메인 레이어): 비즈니스 로직을 처리합니다. 앱의 핵심 기능을 정의하고 관리합니다. Data Layer (데..
앱 아키텍처 - 1 [관심사 분리] 아키텍처 원칙 앱 아키텍처는 앱의 부분과 그 각 부분에 필요한 기능 간의 경계를 정의 앱의 견고성을 높이며 앱을 쉽게 테스트할 수 있도록 하려면 몇 가지 특정 원칙을 준수하도록 앱 아키텍처를 설계 해야 함 관심사 분리 Activity 또는 Fragement에 모든 코드를 작성하는 실수는 흔히 발생한다. UI 기반 클래스는 UI 및 운영체제 상호작용을 처리하는 로직만 포함 해야 함 UI 클래스의 경우 최대한 가볍게 유지해야 하는데, 그 이유는 라이프 사이클과 관련된 많은 문제를 피해야하기 때문이다. Activity 및 Fragment 구현은 소유 대상이 아니다 Android OS와 앱 사이를 이어주는 클래스일 뿐 OS는 사용자 상호작용을 기반으로 또는 메모리 부족과 같은 시스템 조건으로 인해 언제든지 제거..
사전 렌더링(Pre-rendering) 기능으로 성능과 SEO를 향상시키는 방법 Next.js는 사전 렌더링(Pre-rendering)을 지원하는 합니다. 사전 렌더링(Pre-rendering)? 웹 페이지를 브라우저에 응답하기 전에 서버 측에서 페이지를 사전에 완전히 렌더링하는 기술을 말합니다. 이러한 기능을 통해 웹 애플리케이션의 초기 로딩 속도와 검색 엔진 최적화(SEO)를 향상시킬 수 있습니다. 사전 렌더링의 종류 Next.js에서 사전 렌더링은 두 가지 방식으로 이루어집니다. 정적 사전 렌더링(Static Pre-rendering) getStaticProps 빌드 시간에 데이터를 가져와 페이지를 사전 렌더링하는 데 사용됩니다. 이 함수를 사용하면 데이터를 서버 측에서 미리 가져와 페이지를 생성할 수 있습니다. 이후에는 클라이언트 측에서 해당 페이지를 로드할 때 더 이상 데이..

티스토리툴바