martinfowler.com

Modularizing React Applications with Established UI Patterns

Learn how to apply established UI patterns for a more organized and maintainable codebase and discover the benefits of layering architecture in React development

Dev_Hong

tistory.com

Recoil 정리

안녕하세요 오늘은 상태 관리툴인 Recoil에 대해 알아보겠습니다. 상태 관리 상태 관리 툴을 사용하면 state값들을 props로 계속 타고들어가지 않아 코드가 깔끔해집니다. 프로젝트의 규모가 커질수록 상태 관리 또한 필요성이 커지게 됩니다. 많은 프론트엔드 개발자들이 Redux, MobX, Recoil 등 여러가지 기술로 상태 관리를 하고 있는데요. R

도봉도봉

tistory.com

[자료구조] 자료구조 종류

😉각 자료구조의 제목을 누르시면 좀 더 자세한 내용을 다룬 포스팅으로 넘어갑니다! (아직 미완인 것도 있음!)😉 1. Array(배열) 배열(Array : 정렬)은 동일한 타입의 데이터들을 저장(배열이 "int"타입인 경우 정수 요소만 저장 가능)하며, 고정된 크기를 가지고 있다. 인덱싱이 되어 있어 인덱스 번호로 데이터에 접근할 수 있다. (인덱스를 지정

도봉도봉

tistory.com

[OOP] 💠 객체 지향 설계의 5가지 원칙 - S.O.L.I.D

객체 지향 설계의 5원칙 S.O.L.I.D 모든 코드에서 LSP를 지키기에는 어려움. 리스코프 치환 원칙에 따르면 자식 클래스의 인스턴스가 부모 클래스의 인스턴스를 대신하더라도 의도에 맞게 작동되어야 된다고 했습니다. SOLID 원칙이란 객체지향 설계에서 지켜줘야 할 5개의 소프트웨어 개발 원칙( SRP, OCP, LSP, ISP, DIP )을 말한다. S

도봉도봉

velog.io

[번역] 잘 알려진 UI 패턴을 사용하여 리액트 애플리케이션 모듈화하기

기존에 잘 알려진 UI 패턴을 프런트엔드 개발에 적용하는 과정을 적은 글입니다. 리팩토링하는 과정을 단계별로 쫓아가며 UI 패턴을 실제 리액트 사례에 적용하는 방법을 살펴보고 그 이점을 확인할 수 있습니다 :)

Dev_Hong

ascentkorea.com

소셜데이터 분석과 소셜마케팅의 허와 실 - 어센트 코리아

세계 전체 인구의 약 58%가 사용하는 소셜 미디어, 이에 따른 데이터 분석은 어떤 의미가 있을까요? 디지털 2022 보고서에 다르면, 소셜 미디어 사용자는 세계 전체 인구의 약 58%에 해당될 정도로 성장이 지속적되고 있음을 쉽게 알 수 있습니다. 국내의 경우, SNS는 인터넷 이용자 등 80.2%가, 전 연령대의 70% 이상이 이용하는 인터넷 필수

도봉도봉

undernamu.com

한눈에 알아보는 소셜 미디어 마케팅

대기업부터 소상공인까지 누구나 마케팅에 열을 올리는 지금, 전 세계 인구의 53% 이상이 소셜 미디어를 사용하므로 비즈니스에서 타겟 고객에게 도달하기 위해서는 효과적인 소셜 미디어 전략이 매우 중요합니다. 소셜 미디어 마케팅의 정의부터 전략과 측정 지표까지 알아봅시다.

도봉도봉

myportfolio.com

IA (정보 구조도) - UX Card

Information Architecture 자료 다운로드 |
IA는 정보 구조도의 줄임말로, 공유된 정보 환경의 구조적인 설계 혹은 서비스 내에서의 조직화·레이블·검색·네비게이션 시스템의 조합이다. 디자인에선 주로 조직화의 설계 영역인 계층구조도로 파악한다.

도봉도봉

tistory.com

웹, 모바일을 위한 I.A(Information Architecture, 정보구조도)

서비스 설계의 기초인 정보 구조도(I.A.)의 기초 이론과 역할 그리고 구조도 작성법에 대해 알아보도록 하겠습니다.
그럼 본격적으로 들어가볼까요? I.A(정보 구조도)란? I.A.는 간단하게 말해서 서비스의 목차 역할을 수행합니다.

도봉도봉

velog.io

IA(정보구조도, Information Architecture) 쉽게 알아보기

정보구조도에 대해 알아보겠습니다.정보구조(IA, Information Architecture)는 정보를 다양한 목적, 즉 이용자의 직업, 기능, 정책 등에 따라 이해하기 쉽게 분류하는 서비스 구축의 가장 기초적인 작업입니다. 정보구조는 <span style="co

도봉도봉

brunch.co.kr

Information Architecture 설계

웹사이트나 앱을 사용함에 있어서 사용자는 적은 노력으로 원하는 정보에 접근할 수 있기를 기대합니다. 때문에 사용자는 원하는 정보에 쉽게 접근하지 못할 경우 쉽게 서비스를 이탈하게 됩니다. 때문에 Information Architecture는 UX설계이 있어 뼈대 역할을 한다고 볼 수 있습니다.

도봉도봉

brunch.co.kr

정보 구조(IA)의 8원칙

사용하기 편한 정보구조 설계하기 | 정보 구조의 8원칙은 정보 설계사, UX 디자이너이자 컨설턴트인 댄 브라운에 의해 제안되었습니다. 이러한 원칙들은 우리의 사이트 구조를 만들거나 평가하기 위한 훌륭한 출발점이 됩니다. 정보 구조(IA)는 우리가 더 이해하기 쉽게 콘텐츠를 조직하도록 돕습니다. 잘 구성된 정보구조는 탐색을 더 간단하고 쉽게 만들어, 방문객

도봉도봉

brunch.co.kr

비전공자를 위한 UX디자인

라이센스 없는 디자이너의 생존전략 | SNS를 통해 올라오는 글을 접해보면 나 뿐만 아니라 많은 UX디자이너들이 그 다음 스탭에 대해 고민하고 있는 것 같다. 주니어 때는 모두가 IA나 스토리보드와 같은 문서작업으로 똑같은 일을 시작하지만 잘 만든 스토리보드만으로는 광을 팔기가 어렵다는 것을 깨닫는 시점이 오면 그 이상의 무언가에 대한 갈증이 끊임없이 생겨

도봉도봉

tistory.com

기획서(스토리보드) 작성 방법

기획서(스토리보드)란 무엇인가 일반적으로 기획서라 칭하는 문서는 스토리보드(Storyboard)를 일컫습니다 스토리보드는 주로 영상 매체에서 영상의 흐름을 설명하기 위한 스토리, 구성요소, 동선 등을 스케치하는 용도로 사용되었습니다.. IT 문서도 동일하게 하나의 서비스를 기준으로 전반적인 흐름을 포함하여 각 화면에서 제공되는 구성을 스케치하는 목적으로 이

도봉도봉

dgmunit1.com

이것이 UX/UI 디자인이다 - 스터디

| 1.1 UX/UI 개요 | 1.2 UX란? | 1.3 UX 체계 | 1.4 UX 구성 요소 | 1.5 UX 여정
| 2.1 기본 프로세스 | 2.2 발견단계 | 2.3 도출단계 | 2.4 구체화 단계
| 3.1 Paradigm Shift | 3.2 Agile UX

도봉도봉

pixso.net

UX 디자인이 아직 헷갈린다면?

UX 디자인이 무엇인지에 대한 내용을 개괄하고, UX 디자인 방법론을 여러가지 소개하겠습니다. 이 과정에서 UX 디자이너가 어떤 일을 하는지 파악한다면 UX 디자인이 무엇인지 감을 잡을 수 있을 것입니다.

도봉도봉