본문 바로가기

분류 전체보기90

즐겨찾기 / 플로우 차트 기호, 플로우 차트 만들 수 있는 사이트 모음 1. 플로우 차트란?플로우차트란 사용자가 문제(Problem)에서 해결책(Solution)으로 도달하기까지의 과정(Process)을한눈에 파악할 수 있도록 도와주는 시각적인 자료입니다. 2. 플로우 차트가 필요한 이유- 모든 이해관계자들이 전체 구조를 파악하는 시간 단축- 프로세스 상에 발생할 수 있는 문제(오류,누락)를 미리 파악- UX 점검 사용자 측면에서 단계를 줄이거나 조절 여부 확인 2. 플로우 차트 표준 기호자주 사용되는 플로우 차트 표준 기호 입니다.기호이름설명시작/끝(Start / End) Flow Chart의 시작과 끝을 표시처리 프로세스(Process) 모든 처리 과정을 표시. 기호 내에 처리 내용을 입력함화면 구분하는 용도로도 사용판단 / 결정(Decision)조건에 따라 분기되는 C.. 2024. 5. 16.

확인 / 기획 디자인할때 누락되는 것들, 완전한 핸드오프를 위하여 체크할 사항 기획서엔 모든 화면이 표현되지 않다 보니,디자인할 때 챙기지 않으면 누락되는 화면들이 있다. 기능이 아닌 사용자의 상황에 따라 달라지는 화면들이기 때문이다. 기획과 디자인에선 화면을 보면 이해할 거라 생각하지만,개발자에겐 꼭 필요한 화면으로 누락되면 추가 요청이 꼭 들어오는 화면들을 정리해 놓았다.Loading 로딩 중- 전체 로딩- 부분 로딩Empty (None)데이터 없음- 첫 진입시- 장치 미연결로 데이터 없을 경우 - 게시판의 리스트 등의 One 데이터 하나 있을 때- 데이터 텍스트 영역이 짧을때- 데이터 텍스트 영역이 길때- 데이터 안에 입력 항목 중 입력 안해도 되는 데이터가 있을때Some 데이터 몇개 있을 때- 페이지 넘어가지 않은 경우- 페이지가 넘어가는 겨우Too Many 데이터가 아주.. 2024. 5. 15.

메모 / 오래가는 브랜드를 만드는 브랜드 경험(Brand Experience, BX) 2023-08-02오픈서베이 오픈클래스 - 오래가는 브랜드를 만드는 브랜드 경험(Brand Experience, BX) 1. 가장 쉽게 풀어 쓴 브랜드 경험 (BX) 관리의 기본 개념과 유형1-1. BX 관리의 목적- 브랜드 경험(Brand eXperience, 이하 BX)은 고객이 브랜드와 맺는 모든 상호작용을 말함- 광고, 소셜 미디어 마케팅, 제품에 대한 사용자 경험, 제품 기능 관련 인식, 문의 및 CS 경험, 브랜드 철학 및 가치관 등이 모두 BX에 포함 됨- BX 관리의 가장 큰 목적은 ‘오래 가는 브랜드 만들기’ 더보기브랜드 경험(Brand eXperience, 이하 BX)은 고객이 브랜드와 맺는 모든 상호작용을 일컫습니다. 광고, 소셜 미디어 마케팅, 제품에 대한 사용자 경험, 제품 기능 .. 2024. 5. 14.

기사 / 암 정복 루닛의 행보 , 1715억원 규모 볼파라 인수로 보는 의료AI 현황 2024.04.29 딜라이트루닛, 의료 AI 株 트렌드지수 1위 등극..그 외 2위, 3위는? 루닛, 의료 AI 株 트렌드지수 1위 등극..그 외 2위, 3위는? - 딜라이트닷넷[딜라이트=김형석 기자] 랭키파이 4월 4주차 테마별 주식 의료AI 부문 트렌드 지수에서 루닛이 트렌드 지수 7,662포인트로 1위에 올랐다.테마별 주식 의료AI 부문 트렌드 지수는 전주 키워드 검색량www.delighti.co.kr더보기랭키파이 4월 4주차 테마별 주식 의료AI 부문 트렌드 지수에서 루닛이 트렌드 지수 7,662포인트로 1위에 올랐다.테마별 주식 의료AI 부문 트렌드 지수는 전주 키워드 검색량과 구글트렌드 점수를 랭키파이가 자체적으로 합산해 산출한 지표이다. 2위 셀바스AI는 남성 68%, 여성 32%, 3위 뷰.. 2024. 5. 13.

용어 정리 / UI, UX 필수 용어 모음집 UI/UX 관련 용어 정리UI/UX 관련해서 작업하다보면 자주 쓰는 단어들을 짧게 정리해 놓은 UI/UX 필수 용어 모음집UX사용자 경험(User Experience)사용자가 서비스를 통해 얻는 과정이나 경험을 말함제품이나 서비스를 사용하는 사용자가 느끼는 전반적인 경험으로 사용자의 요구사항과 행동을 고려하여 제품이나 서비스를 구성하는 것으로 서비스를 이용하는 과정에서 느끼는 감정, 태도, 인식 등 모든 측면이 UX에 포함되며, 제품이나 서비스의 편의성, 효율성부터 디자인적인 부분까지 고려됨UI사용자 인터페이스(User Interface)사용자가 보고 있는 화면을 말함사용자가 디지털 제품이나 서비스와 만나는 면이자 상호작용할 수 있도록 연결하는 매개체즉 레이아웃, 색상, 폰트, 아이콘 그리고 사용자가 누.. 2024. 5. 12.

즐겨찾기 / 기업별 UI/UX 디자인 시스템 사이트 모음 디자인 시스템이란?앱이나 웹사이트 같은 디자인 프로덕트 개발시 일관된 디자인 원칙을이해관계자들과 공유하는 업무적 가이드로 시스템을 관리하는데 꼭 필요한 내용입니다. 디자인 시스템을 사용해야 하는 이유 5가지Consistency 일관성 유지디자인의 일관성을 유지 (일관된 서비스 브랜딩)Time 업무 효율성 확대재활용 가능한 컴포넌트 사용을 통한 작업 시간 단축 Collaboration 협업디자인의 의사결정을 돕고 이해관계자들의 이해와 소통에 도움Riskless 리스크 최소화개발 리소스를 최소화 및 수정과 유지보수 용이progress 향상성디자이너 개인과 조직, 프로덕트 지속적 성장 구글 머터리얼 디자인 시스템 Styles — Material Design 3Styles are the visual aspec.. 2024. 5. 11.

데이터 / 2023년 공공데이터 활용기업 실태조사 최종보고서 공개 자료 2024년 3월 12일한국지능정보사회 진흥원에서 2023 공공데이터 활용기업 실태 조사자료를 공개했습니다.공공데이터는 단순 정보 제공 서비스가 가장 많았으며,공공데이터 활용은 신규 서비스 및 상품 개발을 목적이 높은 비중을 차지 했습니다. 향후 활용 가능성이 있는 공공데이터 분야로는 공공행정 분야가 21.3%로 가장 높았으며, 뒤를 이어, 재정금융(19.8%), 국토관리(16.3%), 교통물류(15.7%), 과학기술(15.4%) 순이었습니다.(이전 연도 결과와 비교해 보면, 문화관광 분야의 활용 가능성 비중이 가장 큰 폭(4.6%P)으로 증가하였으며, 그 뒤로 보건의료 분야에서 4.4%P 증가했음) 2023년 공공데이터 활용기업 실태조사에 대한 자세한 내용은 아래 pdf 파일과 사이트 링크 참조 ht.. 2024. 5. 10.

용어 정리 / 사용자 분석시 필요한 용어 UI/UX 측면에서 용어 사용자 관련 데이터를 볼 때 확인하는 용어입니다.아래 내용은 비즈니스 모델에 따라 다르게 해석될 수 있으며 계산식 또한 다를 수 있습니다.1. 서비스의 Life Time CAC (Customer Acquisition Cost) : 신규 사용자 1명을 유치 비용 = 사용자 획득에 들어간 비용 / 획득한 신규 사용자 수CAC 서비스 성장 LTV(Life Time Value) CRM(Customer Relationship Management)고객 생애 가치고객 관계 관리한명의 사용자가 접속해서 이탈할때까지 창출하는 가치이익을 수치화 한 개념사용자의 이용금액 - 사용자를 위해 사용한 긍매 + 재방문,재구매 DAU(Daily Action User): 일별 활성 사용자 수 = 기간 내 .. 2024. 5. 9.

용어 정리 / API란? API종류, 오픈API 사이트, API 활용사례 1. API란?API는 Application Programming Interface(애플리케이션 프로그램 인터페이스)의 줄임말입니다. 데이터 교환다른 소프트웨어의 기능 실행서비스 접근다른 소프트웨어와 데이터 교환할 수 있는 방법을 제공 ( 공유, 처리, 조작 등 )다른 소프트웨어의 기능을 호출하고 실행할 수 있는 방법을 제공웹 서비스나 클라우드 서비스에 접근할 수 있는 방법을 제공 2. API를 설명하지면?- 소프트웨어가 다른 소프트웨어로부터 지정된 형식으로 요청하고 명령을 받을 수 있는 수단.- 응용 프로그램에서 사용할 수 있도록 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스.- 여러 프로그램들과 데이터베이스, 그리고 기능들의 상호 통신 방법을 규정하고 도와주는 매개체... 2024. 5. 8.

크롬 확장 프로그램 / 크롬을 쾌적하게 사용하기 위한 추천 확장 프로그램 리스트 1. 웹 사이트의 텍스트 모드 -Readbee광고, 탐색 패널, 비디오, 버튼 등을 제거하여 페이지를 쾌적하게 보여줌신문 기사 읽을때 특히 강추!! 웹 사이트의 텍스트 모드 - Readbee사이트의 불필요한 것들 없이 간편한 텍스트 모드/읽기 모드를 제공합니다. 편리한 독자chromewebstore.google.com 2. GoFullPage - Full Page Screen Capture사용이 쉽고, 전체 페이지를 이미지 1장으로 캡쳐해줌 GoFullPage - Full Page Screen Capture추가 권한을 요청하지 않고 현재 페이지의 스크린샷을 전체적으로 캡처하고 신뢰할 수 있습니다!chromewebstore.google.com 3. crxMouse Chrome™ 제스처클릭하지 않고 마우.. 2024. 5. 7.

SCSS / SCSS Architecture, 초기 셋팅 폴더 구조 정리 웹 앱을 만들기 위해서 html 공부하다 알게 된 SCSS수정이 너무 용이해서 신세계를 경험했습니다. 브라우저가 scss파일을 직접 읽지 못하기 때문에 css로 컴파일 과정을 거쳐야 합니다.1. SCSS 프로그램 설치비주얼 스튜디오.. 2024. 5. 6.

플러그인 추천 / 비주얼 스튜디오 코드 필수 플러그인 리스트 비주얼 스튜디오 코드를 사용한다면반드시 알아야 할 필수 플러그인 리스트입니다. 기능 중심 비주얼 스튜디오 코드 플러그인 추천! <h3.. 2024. 5. 3.

CSS 네이밍 / CSS 클래스 네임 방법론 BEM 알아보기 1. BEM이란?Block, Element, Modifier를 뜻합니다 보통 클래스 네임을 정할때 사용하는 방법론 중에 하나로BEM은 기본적으로 ID를 사용하지 않고, class명만을 사용합니다.즉, 어떤 목적인가에 포커스가 맞춰져 있습니다.개발, 디버깅, 유지보수를 위해 가능한 한 명확하게 네이밍 하는 것이 목표입니다.모든 것이 클래스이고 중첩된 것은 없어야 합니다. 2. BEM 네이밍 장점- 목적과 기능을 명확히 전달한다- css만으로 구조를 알 수 있다. (sass, scss와 사용하기 편하다)- css 명시도를 항상 낮은 수준으로 유지하기 때문에 구체성으로 인한 코드의 길어짐을 방지할 수 있다.- 높은 재사용성과 대규모 css를 효율적으로 관리할 수 있다 3. BEM 사용법BEM의 class명은.. 2024. 5. 2.

기사 / 딜라이트룸의 행보, 디지털 헬스케어 스타트업에 전략적 투자 2024.04.23 플래텀딜라이트룸, 디지털 헬스케어 스타트업 ‘사운더블 헬스’에 전략적 투자 딜라이트룸, 디지털 헬스케어 스타트업 ‘사운더블 헬스’에 전략적 투자 platum.kr더보기글로벌 모닝 웰니스 앱 ‘알라미’ 운영사 딜라이트룸이 디지털 헬스케어 스타트업 ‘사운더블 헬스’에 전략적 투자를 진행했다. 금액은 비공개이다. 사운더블 헬스는 각종 질환을 측정할 수 있는 소리 분석 기술을 개발하는 스타트업이다. 스마트폰이 수집한 배뇨, 기침 소리 등을 인공지능(AI)로 분석해 질환 중증도를 확인한다. 2020년 미국 식품의약국(FDA)에 2등급 의료기기로 등재된 남성 비뇨기 질환 관리 앱서비스 ‘프라우드피(proudP)’, 배뇨량 자동 측정 및 배뇨일지 작성 앱 ‘블래덜리(Bladderly)’와 호흡기 .. 2024. 5. 1.

CSS 네이밍 / CSS 표기법 kebab-case, snake_case, camelCase, PascalCase 알아보기 1. 표기법의 필요성 프로그램밍 언어 가이드라인으로 공통된 표기법이 있습니다개발자들이 개발하는데 있어서 코딩컨벤션이 존재하여 일관된 코딩스타일을 위해 필요하며생산성을 높힐 뿐 아니라 코드 분석에 대한 이점을 가질 수 있습니다. 2. 표기법의 종류kebab-case케밥 케이스단어 사이를 대시(-)로 구분하며모든 단어가 소문자로 구성꼬챙이 꽂은 것과 비슷해서 케밥으로 사용snake_case스네이크 케이스언더바(_)가 들어 있는 표현방식뱀처럼 생겼다고 하여 붙여지며 모든단어의 문자가 소문자 or 대문자로 사용프로그래밍 언어 중Python, Ruby, Rust, Go 등이 변수와 함수 이름을 snake_case로 권장하고 있음camelCase카멜 케이스첫 글자는 소문자이며 중간글자들은 대문자로 진행 이 모습이 .. 2024. 4. 30.

설정 / LoL mac M1 설정 (MacBook Pro M1) Apple MacBook Pro M1맥북에서 리그오브레전드 게임하기버벅거림 없이 쾌적한 롤 게임을 위해! 맥북으로 리그오브레전드 게임을 하기 위한 설정입니다.롤케이크 먹으면서 롤 해보셨나요? 삼립 끼리 진한 크림치즈 롤케익, 330g, 1개COUPANGwww.coupang.com1. 설치 폴더 설정 - 응용프로그램 폴더에서 리그오브레전드 아이콘 오른쪽 마우스 클릭 > 패키지 내용 보기 클릭- Contents > LoL > Config > game.cfg 파일 찾기- game.cfg 파일 선택 후 마우스 오른쪽클릭 > 다음으로 열기 > 텍스트 편집기 클릭- 편집기로 game.cfg 파일을 열고 [General] 구간 최하단에 MetalBetaTest=true 추가 노멀라이프 데일리 와이드 손목보호대,.. 2024. 4. 26.

SNS / 프로필 설정에서 연결할 무료 멀티 링크 서비스 사이트 SNS 프로필 설정, 외부 링크 사이트 궁금하셨죠?SNS 프로필 설정 보면 멀티 링크 사이트 보신 적 있으시죠?저는 이거 비즈니스 또는 크리에이터들만 가능한 줄 알았는데 일반인들도 쌉가능입니다. 팔로워 좀 늘었다 싶으면 쿠팡 파트너스 가입하시고, 멀티 링크 달아보세요또는 자주 묻는 제품 질문들을 링크로 연결해서 대답하기 귀찮은 부분들을 해결해 보세요! SNS 운영 시 알아두면 좋을 팁! 멀티 링크 사이트 모음입니다. 1. 인포크링크- 가장 편리한 멀티링크 서비스 (비즈니스 문의 기능 사용 가능) [ 인포크링크 사용법 알아보기 ] 인포크링크 - 가장 편리한 멀티링크 서비스전하고 싶은 모든 이야기로 당신의 높은 가치를 보여주세요link.inpock.co.kr 2. 링크트리- 무료 소셜 랜딩 페이지 (sho.. 2024. 4. 25.

가입 / 무료 멀티 프로필 사이트 인포크링크 사용법 어렵게 사이트 만들지 마시고,무료로 제공하는 멀티 링크 사이트를 만드는 법 알려드릴께요! 너무 쉬움주의! 1. 회원가입사이트에 접속 후 약관동의, 정보 입력해 주면 끝 회원가입 | 인포크링크마케팅 메일/SMS 수신 link.inpock.co.kr 2. 사용 방법아래 주황색 + 동그란 버튼 클릭 > 블록 선택하기 팝업에서 맨위 링크 클릭링크 플록 페이지로 넘어가면 스타일 선택 후 연결할 주소 입력하면 나머진 자동으로 관련 내용들이 추가됨추가가 안될 시엔 직접 입력도 가능! 개발하면 개발자 멀티 링크 사이트 완성!! brioriot | 인포크링크brioriot님의 링크페이지를 구경해보세요 👀link.inpock.co.kr 번외. 기능 확인 및 결제 관련배이직과 프로로 멤버십 플랜 사용이 가능하며.. 2024. 4. 23.

자료 / 특수문자 리스트 (MAC 사용자를 위한) 1. MAC 특수문자 단축키 (맥 이모지 단축키)- Fn + E - control + command + space- 마우스 우클릭 그림 이모티콘 및 기호를 클릭- 상단 상태바 키보드 아이콘에서 이모티콘 및 기호 보기 클릭2. MAC 사용자를 위한 윈도우 특수문자 한자키가 없는 MAC에선 윈도우 자음+한문을 누르면 나오는 특수문자 사용법을 잘 모르겠다.！＇，．￣：； ‥ … ¨ 〃 ― ∥ ＼ ∼ ´ ～ ˇ ˘ ˝ ˚ ˙ ¸ ˛ ¡ ¿ ː ＂（）［］｛｝ ‘ ’ “ ” 〔〕〈〉《》「」『』【】＋－＜＝＞ ± × ÷ ≠ ≤ ≥ ∞ ∴ ♂ ♀ ∠ ⊥ ⌒ ∂ ∇ ≡ ≒ ≪ ≫ √ ∽ ∝ ∵ ∫ ∬ ∈ ∋ ⊆ ⊇ ⊂ ⊃ ∪ ∩ ∧ ∨ ￢ ⇒ ⇔ ∀ ∃ ∮ ∑ ∏\ ＄％.. 2024. 4. 22.

설정 / 독거미 AURA F87 PRO 기계식 키보드 기능 설정 독거미 키보드, 아우라 F87 기계식 키보드 사용 방법!기계식 키보드 기능 설정 및 변경 방법"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 1. 연결방법유선 연결방법- 토글(모드 전환 스위치)은 C-type 이미지에 놓고, - USB Tyoe-C에 연결할 장치와 C타입 선을 연결합니다.무선 2.4G (와이파이)- 토글(모드 전환 스위치)은 와이파이 이미지에 놓고, - 키보드에 장착되어 있는 USB수신기를 꺼내 연결할 장치에 꽂습니다.- 잡히지 않는다면 수동으로 Fn + `(숫자 1키 왼쪽에 있는)키를 동시에 3초간 길게 누르면 하늘색으로 깜빡이며 연결됩니다.블루투스 연결방법- 토글 (모드 전환 스위치)은 블루트스 이미지에 놓고, - Fn + 1(숫자 1)키를.. 2024. 4. 21.

장비 / 독거미 AURA F87 PRO 기계식 키보드 구입기 01. 구입기맥북을 쓰고 있고,개발을 시작하고 타이핑량이 늘어나다보니..맥북 키보드를 오래 치면 손가락 첫번째 마디가 너무 아프다 ㅜㅜ 기계식 키보드를 알아보다가 IT섭님 채널에서 보던 8Bitdo 키보드가 맘에 들었었는데..레이니 75 키보드를 설명에 홀렸다가입문은 가성비가 좋지 않을까 싶어서 독거미 키보드 정발VS직구 (채널명 :it섭) 이 영상에 낚여서 황축으로 구매함 사실은 기다리는거 잘 못해서 제일 빨리 오는 제품으로 구입한건 안비밀;; 02. 타건키보드가 맥북 쓰기 전 조립 PC 시절 1~2만 원대 키보드랑비주얼 적으로 차이가 없어서 키캡도 구매!원래 키캡이 체리키 블랙으로 되어 있었고, 현재는 XDA!타이핑시 아직까진 손가락에 무리 오는 것은 느낄 수 없었다.소리는 아래 동영상으로 황인! .. 2024. 4. 21.

이전 1 2 3 4 5 다음

티스토리툴바