apple 플랫폼에서 머티리얼은 레이어간의 분리를 시각적으로 전달하고 위치감을 유지시킴이를 통해 생동감을 주고 콘텐츠의 깊이감을 풍부하게 함blur 흐림vibrancy 생동감blending mode 혼합 모드이를 조합하여 앱간 화면 전환에 부드러운 전환을 줌의미론적 의

포용성은 사람을 이해하는 태도에서의 디자인이다.사람들의 생각과 감정에 대한 선입견을 검토하고 변화하는 지식과 이해에 대해서 열린 자세를 가져야 포용성 있는 디자인을 할 수 있다.직관적인 경험을 주는 디자인이 좋은 디자인이므로 이를 위해서 사람의 목표와 관점을 조사하여

일관된 레이아웃은 사용자에게 모든 기기에서 같은 경험을 하도록 도와줍니다. 적응성 모든 앱과 기기는 시스템 컨텍스트가 변경 될 경우 조정이 필요함 SwiftUI 또는 자동 레이아웃을 사용하면 동적으로 조정되는 것을 확인할 수 있음 일반적인 기기 및 시스템 변형의 종류

이미지는 모든 지원기기에서 적절한 비율로 조절되어야한다.비트맵 이미지는 생성 시에 해상도가 결정 됨모든 상황에서 고해상도 에셋을 제공할 수 있도록 만들기ipad @2x / ios @2x및 @3x / mac @1x,@2x이름규칙 '@1x','@2x','@3x'해상도를 낮

효과적인 아이콘은 이해를 도와줌간소화된 디자인으로 세부사항을 줄이기시각적인 일관성 유지(크기, 세부정보, 선 굵기, 시점, 무게감)아이콘은 텍스트와 굵기가 유사하게시각적 보정으로 아이콘의 무게중심을 맞추기위보다 아래가 더 시각적으로 안정감이 있음5\. 필요한 경우 색상

다크 모드 다크모드는 어두운 환경에서 더 나은 시각적 환경을 제공하기 위한 시스템 화면 모드 설정 밝은색은 어둡게 어두운색(220~)은 약간 밝게 조정된다. 모범 사례 화면 모드 설정은

색상은 브랜드를 드러내고, 시각적 일관성을 제공하고, 정보를 이해하도록 돕는 좋은 수단이다.앱은 색상을 절제동일한 색으로 다른 항목을 사용하지 않도록라이트모드와 다크모드 모두 고려주변환경을 고려한 색 테스트다양한 기기에서 앱 테스트아트워크와 반투명의 영향을 고려시스템

브랜딩은 아이덴티티의 집합체니까 일관되고 명확하게 브랜드를 알아볼 수 있도록 함이 목적인 것 같다.앱 아이콘도 브랜딩의 사례로 들 수 있음.그래서 애플 앱스토어에서는 마케팅 리소스와 아이덴티티 가이드라인을 제공해서 효과적인 홍보를 위한 수단으로 사용하고 있음.글에 고유

앱 아이콘은 목적과 성격을 전달하고 서비스를 한 눈에 알아볼 수 있게 함 모범사례 간결성 플랫폼별 디자인 제공 [출처]https://developer.apple.com/kr/design/human-interface-guidelines/app-icons 필수일 경우에

애플의 휴먼 인터페이스 가이드라인의 기본사항.열심히 읽고 잘 익혀봅시다.누구나 제품이나 서비스를 이용하는데 불편함 없이 이용할 수 있는 정도접근성은 단순히 장애인, 정보약자 계층 등을 위한 것 뿐만 아니라 어느사람이든 어떤 상황에 발생할 수 있는 불편함을 고려한 설계이

나의 온고롱 사이트 리팩토링 일지이걸 리팩토링이라 할 지 고민은 된다. 그러면 업데이트 일지!계획수립 => 일정정리 => 실행 => 검토 => 최종확인 순으로 진행예정사이트 개선에 대한 계획과 목록을 정리한다.수정 계획공통배경색상 변경폰트 크기 변경상단메뉴 width하

TypeError: Cannot read property ‘openPicker’ of null컴파일 에러로 인해서 openPicker가 불러와지지 않는 상황깃허브 이슈내용에 따르면 rn0.73으로 업그레이드한 후 Android는 일부 파일을 찾을 수 없다는 오류를 보고

이전까지 나는 github desktop을 이용해서 push, pull, commit등을 진행했다.하지만 다양한 사용방법을 정확하게 익혀야 협업에 도움을 받을 수 있기에정리한다!Repository(저장소) : 코드나 문서를 저장하는 프로젝트 저장공간local Repos

리액트 네이티브에서 ridio 형태의 컴포넌트를 구현하여야 하는 상황이 발행하였다.제품 상태의 TextInput 컴포넌트를 클릭화면 하단에서 리스트가 있는 모달창이 올라옴리스트는 radio button형태로 1개만 선택가능선택한 리스트가 있다면 버튼 활성화 없다면 비활

react-native 프로젝트를 진행하면서 다른 프론트엔드 개발자(경력자)분들의 코드를 보는 기회가 많이 있다.그러던 와중 궁금한 점이 발생되어 작성하는 오늘의 주제는 components folder와 view folder에 대한 고찰 우리 프로젝트는 나를 포함하여

사이드 프로젝트 진행중에 나를 너무 괴롭히는 react-native-vector-icons에 대해 고찰한 부분을 정리한 글이다.프로젝트의 상품등록 파트를 구성하기로 한 나는 와이어프레임을 열심히 뜯어봤다.상단에 작은 카메라 아이콘 하나 들어가는 이미지 로드 컴포넌트를

디버깅툴 플리퍼 설치과정중 오류로 인한 기록 >플리퍼 공식사이트 위의 사이트에서 각 운영체제에 맞는 파일을 받는다. 다운받고나니 처음 본 확장자명 .tgz로 인해서 추가적으로 cmd로 파일압축을 해제 할 필요가 있었다. cmd창에 tar를 입력하기 ->>윈도우

리액트 네이티브 컴포넌트 사용의 두번째 이야기!잘 정리해놓자사용자 입력값을 받는 컴포넌트로 <input type='text'>와 동일하게 사용 된다.이벤트 핸들링도 가능하다.TextInput에서 multiline속성으로 Textfield를 TextArea처럼 사용

리액트 네이티브 프로젝트를 진행하면서 사용되는 기본적인 컴포넌트 사용법에 대해서정리해보자react-native에서는 웹에서 사용하는 태그를 다음의 컴포넌트로 표현한다.

면접준비를 하면서 react 개발관련 이론에 대해 정리해야할 필요성을 느꼈다.기본기가 탄탄한 개발자가 되기 위해서 react 관련 면접질문에 대해 정리하도록 하자!사용자 인터페이스를 만드는 자바스크립트 라이브러리페이스북 개발팀에서 개발리액트는 타 프레임워크가 MVC,