본문 바로가기

전체 글

 (98)
알아두면 좋은 개발용어 6 (딥링크) 링크(Link)라는 건 보통 단어를 들으면 어딘가에 연결시켜주는 걸로 이해하고 있는데, 그럼 딥링크(Deep Link)는 뭘까요? 사실 딥링크에 대해 제대로 정리가 안되어서, 가끔 회의가 끝나고 나서 전체 맥락으로 이해할 때가 있거든요. 그래서 한번 정리해보려고 합니다. 딥링크(Deep Link) 특정 페이지로 도달할 수 있는 링크 찾아보니 웹(Web)의 경우에는 주소가 구체적으로 노출되어 있기 때문에 특정 페이지로 바로 접속할 수 있어 웹의 경우에는 딥링크에 대한 개념이 존재하지 않는다고 합니다. 근데 모바일 앱은 사정이 다르죠. 페이지 주소는 존재하지만 공개적으로 노출되어 있지 않고, 앱 설치라는 허들이 있어서 모바일 딥링크라는 개념이 생겨났다고 하네요. 그럼 모바일 환경에서의 딥링크의 정의는 앱 내..
알아둬야 하는 모바일 터치 제스처(Mobile Touch Gesture) 음, 쓰다보니 모바일 터치 제스처(Mobile Touch Gesture)도 정리를 해봐야 할 것 같아서 써봅니다. 터치 제스처(Touch Gesture) 제스처는 화면을 컨트롤하는 UI의 기본 요소 중 하나로 사용자가 디바이스의 화면을 누르거나 하는 동작으로 콘텐츠로 이용함 UI 가이드 제작 시 화면 플로우를 보여주기 위함 탭(Tap) 화면을 한 손가락으로 짧고 가볍게 두드리는 제스처 콘텐츠 선택 시 사용되는 기본 동작 손가락을 화면에서 떼면 탭 이벤트 발생 더블탭(Double Tap) 화면을 재빨리 두 번 두드리는 제스처 화면 확대된 상태에서 두 번 두드려 화면 축소, 화면 축소된 상태에서 두 번 두드려 화면 확대. 특정 컴포넌트를 편집모드로 전환시킬 때도 사용 비교적 중요도가 높은 기능으로 배치 프레..
알아둬야 하는 UI 용어 1 (Form) 기획서를 쓰면서 가끔 이름이 기억나지 않는 UI 용어가 있어서 어떻게 이름을 검색해야 할까, 라는 고민이 있었습니다. 그리고 기획서가 개발자, 디자이너와 소통하는 도구인데, 나만 너무 모르는 것 아닌가, 라는 생각도 들었어요. 그래서 Power Mockup 기반 Common 용어만 정리를 해보려고 합니다. 체크박스 (Checkbox) 중복 선택 시 사용 라디오버튼 (Radio Button) 단일 선택 시 사용 (디폴트 설정 필요) 토글(Toggle) 또는 스위치(Switch) ON/OFF 설정 시 사용 (디폴트 설정 필요) 드롭다운 박스 (Drop-Down Box) 지정한 기본 값 이외에 화살표 버튼을 누르면 다른 항목을 선택할 수 있도록 함 (디폴트 설정 필요) 리스트 박스 (List Box) 목록 선..
알아두면 좋은 개발용어 5 (세션) 쿠키에 이어서 오늘은 세션에 대해서 알아볼게요! 2021.05.02 - [서비스 기획] - 알아두면 좋은 개발 용어 4 (쿠키) 쿠키와 세션의 차이는 사용자 정보를 클라이언트가 저장하느냐, 서버가 저장하느냐, 일 수 있어요. 물론 자세히 알아보면 이렇게 간단하지 않겠지만요. 세션(Session) 개요 세션은 쿠키를 기반하고 있지만, 서버 측에서 관리함 서버에서 클라이언트를 구분하기 위해서 세션ID를 부여하며 클라이언트당 1개씩 생성되어 웹컨테이너에 저장됨 클라이언트가 접속을 종료할 때까지 인증상태를 유지하고, 접속 시간에 제한을 두어 응답이 없다면 정보를 유지 않게 설정 가능 (참고, 로그아웃 하면 새로운 사용자 인식함) 동작 방식 클라이언트가 서버 요청 클라이언트가 서버 접속 시 서버는 쿠키 및 세션I..
AAARR 정리 음, 내가 다니는 회사는 AAARR 이런 프레임을 쓰지 않지만, 머릿속에 집어넣기 위해서 적어봅니다. 물론 예전에 린스타트업이나 그로스해킹가 나올 때쯤 공부한 적이 있었습니다만, 실제로 데이터로 가지고 쓴 적이 없어서, 휘발되었어요. 길게 쓸 자신도 없습니다. 딱 개념만! 1. AAARR 데이브 맥클루어가 개발한 분석 프레임이라고 하는데, 보통 리소스가 한정된 스타트업에서 사용한다고 함. Acquisition(유입) : 사용자 서비스 유입(가입) 지표 : DAU, MAU, 앱설치수, 실행수 확인사항 : 어디에서 유입이 가장 많이 되었는가를 확인해야 함 Activation(활성화) : 사용자의 서비스 활성 (조회, 이용) 지표 : 회원가입, 상품 조회, 장바구니 담기, 쿠폰 조회 등 확인사항 : 어디서 이..
알아두면 좋은 개발용어 4 (쿠키) 저는 가끔 회사에서 쿠키라는 단어를 종종 듣습니다. 쿠키가 남아있어서. 쿠키가 삭제되어서. 처음 들었을 때는 쿠키?! 뭐지 싶었습니다. 쿠키를 들어가기 전에 앞서 HTTP(HyperText Transfer Protocol)를 좀 더 자세히 알 필요가 있습니다. 이전에 HTTP는 인터넷 상에서 데이터를 주고받을 수 있는 통신 프로토콜이라고 했습니다. HTTP는 비연결성(Connectionless), 비상태성(stateless)이라는 특징을 가지고 있습니다. 비연결성(Connectionless) 클라이언트가 요청한 후 응답을 받으면 연결을 끊어버림 헤더에 Keep-alive라는 값을 줘서 커넥션을 재활용. HTTP1.1에서 디폴트 비상태성(stateless) 연결을 끊는 순간 클라이언트와 서버의 통신이 끝나..
[CSS] word-break 이해하기 며칠 전 구글 피처드 피드백을 받아 소명하는 일이 있었습니다. 확인해보니 단말 해상도마다 문구의 자동 줄바꿈이 일어나는데, 그 때 단어가 쪼개지는 현상으로 가독성이 떨어진다는 것이였습니다. 예시) (정상) 나는 서비스 기획자입니다. (이슈 상황) 나는 서비 스 기획자 입니다. 이 때, CSS에 word-break 이라는 걸 알게 되었습니다. 그동안 다국어 대응으로 인해서 문장이 길어질 수 있어서 word-break를 설정하지 않았다고 하는데, 이번에 추가하게 되었습니다. 참고로 CJK와 non-CJK를 알아두셨으면 좋겠습니다. CJK : 중국어, 일본어, 한국어 non-CJK : 숫자, 영어, 베트남어 등 word-break는 normal, break-all, keep-all 세가지 속성 값을 가집니다...
서비스 약관 종류 (제3자 제공 동의, 처리 위탁 동의, 광고성 수신 동의) 오늘은 서비스 약관 종류가 어떤 것이 있는지 살펴보겠습니다. 용어와 형태가 다르겠지만, 거의 이 범주에서 벗어나지 않을거예요. 위키백과에서 약관의 정의를 보면 아래와 같이 나와 있습니다. 약관 : 계약의 당사자가 다수의 상대편과 계약을 체결하기 위하여 일정한 형식에 따라 미리 마련한 계약의 내용 사업 형태에 따라 다양한 이용 약관이 있는데요. 몇가지 소개해보도록 하겠습니다. 서비스 이용 약관 개인정보 수집 및 동의 개인정보 제 3자 제공 동의 : 개인정보를 제공받는 자(제 3자)의 이익·목적을 위해 개인정보 제 3자에게 제공함 예시 : 쇼핑몰 회원에게 보험사의 마케팅을 위해 쇼핑몰 고객정보 제공 개인정보 처리 위탁 동의 : 사업자의 이익·목적을 위해 개인정보 취급 업무를 제3자에 위탁하도록 함 예시 : ..

티스토리툴바