현실의 현실 - 포스트

17개의 포스트

최신순 인기순

그거 아시나요? 아이폰 사파리에서 열려있는 탭이 500개가 넘어가면 더 이상 새 탭을 열 수 없다는 것. 저는 최근에야 그 사실을 알았는데 열려있는 탭을 한번에 다 닫으려고 하니 해당 UI를 찾을 수 없었습니다. 제스쳐에 숨겨져 있는 걸까? 해서 아이템에 롱탭을 해봤지만 여전히 찾을 수 없었습니다. 결국 검색을 통해 해결했는데요. 당황스럽게도 우측 하단에 ...

ios ux

주석

8 2023.04.21

Sketch App

스케치를 더 이상 사용하지 않아요

이 시리즈도 더 이상 연재하지 않아요

스케치에서 피그마로 툴을 바꾼 이후에 스케치 사용할 일이 없어졌습니다. 피그마가 업데이트 하는 기능과 속도를 보면 정말 무섭습니다. 피그마 팀이 어떻게 일하는지 궁금해요 진짜... 애플은 대세에 따라 iOS 디자인 KIT 파일을 제발 스케치 말고 피그마로 배포해주었으면...🙏🏻 결론은 이 시리즈 더 이상 연재하지 않습니다. 다들 피그마 쓰세요!!!

피그마 스케치 피그마승

주석

9 2023.04.11

UX/UI 기록

iOS 16.4 - 웹 푸시 알림 지원

진짜 알림이 오네요!

'웹 앱'의 오래된 문제 중 하나가 바로 푸시 알림 기능을 지원하지 않는다는 것이다. 웹 앱은 웹을 마치 앱처럼 홈 화면에 추가한 것을 가리킨다. 그런데 iOS 16.4부터 홈 화면에 추가한 웹 앱이 HTML5 표준 웹 푸시 API를 사용할 수 있다. 즉 알림을 보내거나 배지 아이콘을 보여주는 것이 가능해진다. 물론 해당 웹 앱은 사용자에게 권한을 요청해야...

웹푸시 pwa

주석

12 2023.04.10

UX/UI 기록

iOS 15 베타 버전을 사용해 봤습니다.

새로워진 탭 막대 디자인

iOS 15가 올가을 출시된다고 하는데요.사파리 브라우저 UI가 바뀐다는 소식을 들었기 때문에 너무 궁금한 나머지 베타 버전을 설치해봤습니다.애플 공식 홈페이지에 방문하면 iOS 15에 대한 소개를 미리 볼 수 있습니다. 미리 공개된 스크린샷에서는 주소창이 플로팅 버튼처럼 떠 있는 것을 볼 수 있습니다. 아마 여기에서 많은 UI/UX 디자이너들이 우려하지 ...

ios 사파리 ui ux 지식

주석

113 7 2021.09.15

비개발자의 앱 개발 수난기

자바스크립트 기초 문법 2

알고있으면 유용한 자바스크립트 문법

목차 1. 삼항 연산자2. Truthy and Falsy3. 단축 평가 (short-circuit evaluation) 논리 계산법4. 함수의 기본 파라미터5. 조건문 더 스마트하게 쓰기6. 비구조화 할당 (구조분해) 문법7. spread 와 rest8. Scope 에 대한 이해 1. 삼항 연산자 조건에 따라 text 값이 달라야 하는 상황이 있다고 가정해...

javascript 자바스크립트 기초

주석

52 1 2021.04.03

디자이너의 도구

UX/UI 디자인 도구 살펴보기 - Framer

Figma vs Framer

제가 일하고 있는 디자인팀은 UX/UI 디자인 도구로 Sketch를 사용하고 있습니다. 현재 메인 디자인 도구를 변경하기 위해 검토 중이며, 이를 위해 Figma와 Framer를 사용해보려고 합니다. 우선 Framer X 는 검토 대상에서 제외했습니다. 왜냐하면 Framer X 는 유저 수가 매우 적은 편이라 국내 강의나 레퍼런스가 부족하고, 리액트 문법에...

framer 프레이머 디자인툴 리뷰

주석

1766 2 2021.03.25

Sketch App

레이어 기본 스타일 세팅하기

새로운 Shape을 그릴 때 마다 생성되는 Border 없애기

보통 세팅과 관련된 기능은 계속 사용할 일이 없어서 잊어버리기 쉽다. 그래서 기록해 둔다. 스케치는 Layer를 그릴 때 아래와 같이 보더 값이 포함되어 있는 것이 기본 세팅값이다. 새로운 레이어를 그릴 때 마다 보더 값을 제거해야 하기 때문에 무척 불편하다. Fill 값만 채워진 상태로 레이어가 그려질 수 있도록 기본 세팅값을 변경할 수 있다. 1. ST...

스케치 세팅 sketch

주석

54 2021.03.10

비개발자의 앱 개발 수난기

자바스크립트 기초 문법 1

자바스크립트 입문

ES6 문법에 대한 두 번째 강의를 듣고있는데 처음부터 이해하기 어려웠다. 벨로퍼트와 함께하는 모던 자바스크립트를 참고하여 자바스크립트 기초 문법부터 익히기로 했다. 공부한 내용을 잊지 않도록 개인적으로 취약한 부분만(거의 다~🤪) 발췌해 이 포스트에 정리해 둔다. 목차 1. 변수와 상수2. 연산자3. 조건문4. 함수5. 객체6. 배열7. 반복문8. 배열 ...

자바스크립트 javascript js 기초

주석

120 6 2021.03.09

UX/UI 기록

구글 앱이 "관련 콘텐츠"를 보여주는 방법

불쑥 나타나 눈길이 갔던..

현재 보고 있는 콘텐츠의 스크롤이 끝나는 지점에서 관련 콘텐츠 리스트를 bottom modal 형태로 보여주고 있다.

ux ui 구글앱

주석

37 2 2021.02.26

비개발자의 앱 개발 수난기

ES6 - 01. Babel 소개, String literal

자바스크립트, DOM, BOM

자바스크립트 (JavaScript) ES6를 알아보기 전에 우선 자바스크립트를 먼저 얘기해보자. 자바스트립트는 1995년 넷스케이프(Netscape) 웹 브라우저에서 웹페이지에 동적인 요소를 구현하기 위해서 발명되었다. 그 후 많은 다른 웹 브라우저들 또한 이 언어를 탑재하기 시작했고, 그 결과로 현대의 웹 어플리케이션의 구현을 가능하게 만든 언어이다. 자...

리액트 es6 바벨 앱개발

주석

112 2 2021.02.26

비개발자의 앱 개발 수난기

React Native 시작하기 - 설치 끝내기

안드로이드 스튜디오 & 리액트 네이티브

강의록을 기록하기 전에 덧붙이자면, 솔직히 강의 설명이 비개발자에게 친절하지 않다. 안드로이드 에뮬레이터, AVD, AVD 매니저 등에 대한 자세한 설명없이 설치만 쭉쭉 진행하다 보니 이해가 잘 되지 않았다. 그래서 이번 포스팅은 구글링을 통해 얻은 정보를 일부 정리하여 첨부했다. 안드로이드 스튜디오 설치 안드로이드 에뮬레이터 안드로이드 개발 환경에는 실제...

리액트 리액트네이티브 설치

주석

204 2 2021.02.22

비개발자의 앱 개발 수난기

React Native 시작하기 - 세부적인 설치 과정

node.js & npm

❈ 이 포스트는 강의 내용을 복습하기 위해 기록한 것으로, 편의를 위해 저의 의견이 아니라 강사의 어조를 담아 작성했습니다. React Native 설치 안내 Expo CLI Quickstart & React Native CLI Quickstart React Native는 두 가지 설치 방법이 있는데 Expo CLI는 추천하지 않는다. 리액트 앱 개...

앱개발 react_native nodejs 설치 리액트

주석

327 2 2021.02.17

아이폰에서 사파리 탭 모두 닫는 법

불편한 UX

스케치를 더 이상 사용하지 않아요

이 시리즈도 더 이상 연재하지 않아요

iOS 16.4 - 웹 푸시 알림 지원

진짜 알림이 오네요!

iOS 15 베타 버전을 사용해 봤습니다.

새로워진 탭 막대 디자인

자바스크립트 기초 문법 2

알고있으면 유용한 자바스크립트 문법

UX/UI 디자인 도구 살펴보기 - Framer

Figma vs Framer

레이어 기본 스타일 세팅하기

새로운 Shape을 그릴 때 마다 생성되는 Border 없애기

자바스크립트 기초 문법 1

자바스크립트 입문

구글 앱이 "관련 콘텐츠"를 보여주는 방법

불쑥 나타나 눈길이 갔던..

ES6 - 01. Babel 소개, String literal

자바스크립트, DOM, BOM

React Native 시작하기 - 설치 끝내기

안드로이드 스튜디오 & 리액트 네이티브

React Native 시작하기 - 세부적인 설치 과정

node.js & npm

임시저장글

멤버십 가입

공유하기

필터