본문 바로가기

전체 글34

사용자 경험 이야기 [도서명] 사용자 경험 이야기 | 저자 이상용 | 출판사 지앤선 | 정가 23,000원 | 구매처 교보문고 Yes24 알라딘 ■ 책 내용 간단하게 살펴보기 ┃사용자 경험, UX란 - 특정한 디자인과 사용자가 상호작용할 때 얻게 되는 경험의 품질 - 사용자가 근본적으로 원하는 목표를 발굴하는 것이 근본 취지 - 사용자 입장에서 서비스, UI, 인터렉션디자인, IA를 설계하고 발굴하는 것 ┃사용자 경험을 디자인하다 - 사용자 니즈를 발견해서 적용하는 하나의 디자인 전략 - 제품 및 서비스를 사용자 중심 관점으로 바꾸어 디자인, 전략기획을 수립하는 것 ┃사용자경험 디자인 프로세스 1. 명확한 목표를 세우고 2. 현재의 상황과 환경을 이해하고 분석하고 3. 사용자 리서치 수행 4. 수집한 데이터를 분석하고 5... 2022. 6. 19.
백엔드, 백엔드 사용 개발 언어 만약에 나에게 소파가 필요하여 어떤 쇼핑몰 웹사이트를 방문해 사고 싶은 특정 디자인의 소파를 검색해본다고 가정해보자. 나는 현재 혼자 살고 있는 1인 가구이고 살고 있는 집의 거실의 크기가 크지 않아 사이즈가 작고 아담한 1인용 소파를 구매하고자 한다. 쇼핑몰 웹사이트의 검색 입력창에 '1인용 소파'를 입력하면 웹 애플리케이션(소프트웨어)은 데이터베이스에 저장되어 있는 모든 제품 데이터를 조회하여 이중 내가 요청한 소파 목록으로 브라우저에 표현하게 된다. 이때 검색 입력창과 소파 목록이 프론트엔드라면 데이터베이스가 일종의 백엔드라고 할 수 있다. 백엔드(Backend) 사용자가 보지 않는 이면의 작업을 담당하고 있는 백엔드는 데이터를 사용자 장치 외부에서 관리하는 것으로 사용자가 취한 액션이 작성된 코드.. 2021. 12. 5.
프론트엔드, 프론트엔드 사용 개발 언어 웹기획 업무를 하다가 많이 접하게 되는 프론트엔드, 백엔드, 인터페이스, API같은 용어들은 막연하게 어떤 것이다라고 알고는 있지만 막상 그 의미나 정의에 대해 명확하고 간결하게 설명하기 힘들었던 경험이 있다. 자주 쓰는 용어인 만큼 각 용어의 개념에 대해서 다시 한번 살펴보고 이를 기억하고자 용어에 대해 정리를 해두려고 한다. 프론트엔드(Frontend) 다른 말로는 클라이언트 측이라고도 하며 텍스트 및 색상에서 버튼, 이미지, 탐색 메뉴에 이르기까지 사용자가 직접 보고 상호작용하고 경험할 수 있는 모든 것을 뜻한다. 프론트엔드에서 사용하는 개발 언어 HTML : HyperText Markup Language의 약자로, 웹 페이지 구성에 사용되는 마크업 언어. 웹사이트의 기본 레이아웃과 구조를 만드는 .. 2021. 12. 2.
ETF 공부 (3) - 레버리지 ETP, ETF 투자 유의사항 본문 출처 : 금융투자연구원 '한 눈에 알아보는 레버리지 ETP Guide' ■ ETF, ETN의 올바른 투자접근 방법 1. 일반 ETP (ETF, ETN) - 저비용/ 수수료가 낮다 - 고성과(효과적인 투자수단) 펀드에 비해서 장기적(투자효율성 측면에서) 투자 → 일반 ETP에 대해서는 장기적인 투자에 적합 2. 레버리지(±2배) ETP (ETF, ETN) - 파생상품들을 가지고 여러가지 특성이 있다보니 단기모멘텀 투자에 효과적 - 내려간 시점에 매입해 반등시점에 매도하면 단기적으로 수익을 극대화 시킬 수 있음 따라서 내려간 시점이 레버리지+2배 ETP 상품의 투자 시점! 상품이 너무 고평가되어 많이 올라간 시점에서는 레버리지-2배 ETP 상품 투자 ■ 레버리지(±2배) ETP의 투자 유의사항 - 파생.. 2021. 9. 2.
ETF 공부 (2) - ETF, ETN, ETP, 레버리지 ETP 란? 본문 출처 : 금융투자연구원 '한 눈에 알아보는 레버리지 ETP Guide' ■ ETF (EXCHANGE TRADED FUND) 펀드를 상장시킨 증권 주식시장에서 일반 주식처럼 거래를 할수 있는 펀드 펀드 안에 들어있는 종목을 다 볼 수 있음 추적지수를 보면 거래목적을 쉽게 알 수 있음 ■ ETN (EXCHANGE TRADED NOTE) 채권을 상장시킨 증권 원금보장이 어려울 수 있음 → ETF와 ETN은 형태가 다르고 만들어내는 주체가 다르다! ■ ETP (EXCHANGE TRADED PRODUCT) 제일 큰 개념으로 ETF와 ETN을 합친 상품군을 말한다. 펀드, 채권을 상장시킨 증권. 상품 구성은 국내주식, 해외주식, 국내채권, 해외채권, 원자재, 부동산, 통화, 혼합자산(주식+부동산)으로 다양 ■.. 2021. 9. 1.
ETF 공부 (1) - 금융투자연구원 사전교육 이수, 수료 ■ 레버리지 ETP 거래를 위해 사전교육이수 필요 2021.01.04(월)부터 기존투자자를 포함하여 모든 투자자가 사전교육이수를 완료하여야 레버리지 ETP 매매 가능 ■ 사전교육이수 방법 1. 금융투자교육원 홈페이지(http://www.kifin.or.kr) 회원가입 - 크롬 또는 인터넷 익스플로어에서 회원가입 (크롬에서 불가 시 익스플로어 권장) 2. '한 눈에 알아보는 레버리지 ETP Guide' 수강신청 및 결제 - 수강신청 및 결제는 PC환경에서만 가능 - 수강료 : 3000원, 수강료 결제는 카드결제 또는 계좌 이체 권장 (무통장입금은 즉시교육 불가) 3. 강의 이수/ 수료 - 온라인 교육 1시간 - 강의 이수는 모바일로도 가능 - 9개의 동영상을 모두 시청하여 진도율 100% 달성 시, 한 시.. 2021. 9. 1.
UI 요소 용어 설명 (1) ■ User Interface Elements 분류 1. 입력 컨트롤(Input controls) : 체크박스, 라디오 버튼, 드롭다운 리스트, 리스트 박스, 버튼, 토글, 텍스트 필드, 날짜 필드 2. 탐색 구성 요소 (Navigational Components) : 현재위치(breadcrumb), 슬라이더, 검색필드(search field), 페이지네이션(pagination), 태그, 아이콘 3. 정보 구성 요소 : 툴팁(tooltips), 아이콘, 프로그레스 바, 알림(notifications), 메시지 박스, 모달 창 4. 컨테이너 (Containers) : 아코디언 (accordion) ■ UI 요소 상세 1. 텍스트필드(Text Field) - 구분 : Input - 설명 : 사용자가 텍스트 .. 2021. 8. 21.
동영상 스트리밍 관련 용어 ■ 코덱, 인코딩, 디코딩 인코딩과 디코딩을 할 수 있는 소프트웨어를 코덱이라고 하며 코덱마다 인코딩, 디코딩 방식이 다르다. 인코딩이랑 미디어 파일을 압축하는 것이고 디코딩이란 미디어 파일의 압축을 해제하는 것이다. ■ 스트리밍이란? 큰 용량의 오디오나 동영상을 압축기술을 이용하여 여러 개로 쪼개서 전송, 하드디스크에 저장하지 않고 다운과 동시에 재생하는 것이다. 동영상 대기 시간을 크게 줄일 수 있다는 장점을 가지고 있지만 스트리밍을 제공하는 서버는 서비스 제공에 따른 부담이 크다는 단점이 있다. ■ 스트리밍 서비스 종류 1. 프로그레시브 다운로드(Progressive Download) 웹 서버에 비디오를 올려놓고 사용자가 URL를 통해 플레이어로 접근하면 플레이어는 파일을 다운로드하며, 다운로드 된.. 2021. 8. 16.
렌더링, CSR, SSR, SPA, MPA ■ 렌더링(Rendering) 웹사이트의 html, css, javascript 등의 코드를 브라우저에서 사용자가 볼 수 있는 비주얼 형식(그래픽 형태)으로 변환하는 과정을 렌더링이라고 한다. 모든 브라우저들은 각자의 렌더링 엔진을 통해 이러한 렌더링을 수행하고 있다. ■ 뷰포트 (Viewport) 화면상에 그래픽이 표시되는 영역, 크기. 웹페이지가 사용자에게 보여지는 영역, 크기. ■ CSR (Client Side Rendering) 클라이언트 단에서 렌더링 하는 방식. 브라우저에서 데이터 없이 HTML, CSS, Javascript 등 리소스를 받아와서 화면만 우선 그려서 보여주고 이후에 백엔드에 데이터를 요청해서 받아온다. ■ SSR (Server Side Rendering) 서버 단에서 렌더링하고.. 2021. 8. 15.

티스토리툴바