codinghatso

-ai를 사용해 개념정리 했음을 공지합니다.- 스트리밍 (Streaming)스트리밍이란 컴포넌트들을 각각의 덩어리(Chunks)로 묶어 분류하여 병렬처리하는 방식이다. 일반적으로 서스펜스와 데이터 가져오기 작업 시 좋은 관행으로 "데이터 가져오기를 필요한 구성 요소로 이동"을 말할 수 있다.데이터를 필요한 구성 요소로 이동시키면 더 세분화된 서스펜스 경계를 만들 수 있습니다. 이를 통해 특정 구성 요소를 스트리밍 하고 UI가 차단되는 것을 방지할 수 있다. Next.js 에서는 loading.tsx라는 특별한 파일을 생성할 수 있습니다. 이 예약된 파일은 페이지를 로딩하는 동안 사용자에게 보여줄 화면을 정의할 수 있습니다.참고로 정적인 UI 이 과정에서는 SideNav 같은 요소는 즉시 표시됩니다.📌 ..

1. 정보설계 - 페이지를 다이어 그램 형식으로 만들어 보는 단계 2. 로우파이 스케치 - 손으로 간단히 그려보는 와이어 프레임 3. 와이어프레임 만들기 아이콘 명확한 의미 전달 방법 1. 사용자 테스트 2. 업계에서 활용되는 디자인 참고하기 (google icons) 많은 사용자들이 해당 회사의 디자인에 많이 노출되어있기 때문에 참고하여 디자인한다면 효과적이다. 디자인 시스템 일관된 사용자 경험 제공 빠르고 효율적인 디자인 (디자이너 관점) 빠르고 효율적인 개발 (개발자 관점) - 일관성을 지키며 작업을 한다면 불필요한 작업이 줄어든다. 일관된 스타일 두께 색상 크기 등 일관된 스타일의 아이콘을 사용해야 함 스타일을 컴포넌트화 해서 적용시켜야 한다. 폰트, 색상, 효과, 레이아웃 등 Text, Colo..