반응형 분류 전체보기77 메모 / 웹앱 만들기, 하이브리드 앱 만들기, 안드로이드 아이폰 앱 동시에 만들기 웹앱, 웹뷰앱, 하이브리드앱 만드는 방법안드로이드 아이폰 앱 동시에 만드는 방법 [HTML 기초 강좌 2강] 웹 사이트 만들고 인터넷에 공개하기 .COM 도메인, HTTPS 적용까지 완전 무료! 1. 무료 html 템플릿 - free css저작권 관련 파일 확인 readmi.txt or license.txt 화인 필수 Download 3552 Free Website Templates - CSS & HTML | Free CSS www.free-css.com 2. 무료 웹사이트 만들기 - netlify https:// 지원 됨 및 deploy (인터넷에 웹사이트를 올려줌 ) Scale & Ship Faster with a Composable Web Architecture | NetlifyRealize t.. 2024. 5. 24. 즐겨찾기 / 앱 서비스 확인 및 분석시에 유용한 사이트 모음 (모바일 앱 화면 확인용) 앱을 만들기 위해 벤치마킹 및 자료 조사 시에 유용한 사이트 모음이전에는 앱을 다운로드하고 하나하나 캡처했었는데.. 너무 편해졌음..1. 모빈 Mobbinhttps://mobbin.com/browse/ios/apps2. WWIT - 윗 Lifeplus한국의 UI/UX 모바일 패턴을 수집합니다.wwit.design3. designcompass 디자인 나침반 보관소집요한 한국 디자이너의 멋진 디자인을 널리 알리기 위한 기록 보관소designcompass.space 3. uigarage UI Garage – Specific UI Design inspiration & Pattern for your design.Daily UI inspiration & patterns for designers, developers.. 2024. 5. 23. 기사 / "노는법" 시니어 세대의 건강과 여가에 관한 디지털 접근성을 개선하는 회사, 비바그라운드 2024년 5월 7일 벤처스퀘어나눔엔젤스, ‘바바그라운드’에 시드 투자 진행 나눔엔젤스, '바바그라운드'에 시드 투자 진행4050 여성 커뮤니티 기반 #웰니스 서비스 #노는법 운영사 #바바그라운드 가 #벤처펀드운용사 #나눔엔젤스 로부터 #시드 #투자 를 유치했다고 밝혔다.www.venturesquare.net더보기4050 여성 커뮤니티 기반 웰니스 서비스 ‘노는법’ 운영사 바바그라운드가 벤처펀드운용사 나눔엔젤스로부터 시드 투자를 유치했다고 밝혔다. 금액은 비공개다.노는법은 관계지향적인 4050 여성의 특성을 고려한 신뢰도 높은 커뮤니티를 구축해 원활한 소통을 돕고, 건강과 여행을 접목한 차별화된 웰니스 상품을 제공한다. 4050 여성 사용자는 서비스를 통해 ▲인증 시스템 기반 신뢰할 수 있는 사용자끼리 .. 2024. 5. 22. 컬러 / 디자인 시스템 컬러 팔레트 및 시멘틱 컬러 사용 방법, 명암비 사이트 모음 primary color 브랜드컬러는 주로 primary color 1가지와 secondary color 1가지로 제안합니다. primary color는 브랜드를 대표하는 Main Color를 말합니다.(Key Color 또는 Point Color라고도합니다)어떤 색을 선택하느냐에 따라 앱(웹)의 이미지가 달라지기 때문에 primary color를 정하는 것은 매우 중요하며해당 서비스의 콘셉트를 잘 보여줄 수 있는 유의미한 컬러를 사용합니다.보통 시안을 잡고 디자인을 확정하는 과정에서 주컬러와 보조컬러를 정의하게 될 것입니다.Secondary & Tertiary Color단색(포인트 컬러 1가지만 사용), 유사색(Primary Color 주변 색), 보색(Primary Color와 반대색)Hierarch.. 2024. 5. 21. 즐겨찾기 / 프로젝트 시작 전 체크사항! 의사 결정 정리 및 추천 사이트 모음 1. 프로젝트 의사 결정 리스트- 함께 일하게 될 이해 관계자들은 누구? (담당자, 작업자, 컴펌자 등)- 채널은 이슈 및 파일을 공유할 채널로 어떤 것을 사용할지?- 변경된 최종 사안을 모두에게 숙지 시킬 방법은? 보통은 기존 회사에서 정해진 툴들을 사용하고 있어서 그대로 쓰는 경우가 많지만 새롭게 시작하거나 변화가 필요하다면 한번씩 사용해보고 프로젝트 성격에 맞는 것을 선택해 보시길..2. 협업을 위한 프로그램 추천노션 내 위키, 문서, 프로젝트를 모두 한 곳에서 만나는 커넥티드 워크스페이스 | Notion (노션)사용하는 모든 업무 앱을 Notion 하나에 담아 팀원들과 함께하는 올인원 워크스페이스를 꾸려 보세요.www.notion.so슬렉 Slack은 생산성 플랫폼입니다Slack은 팀과 커뮤니케.. 2024. 5. 20. 워드프레스 / 2. 워드프레스 웹서버 환경 만들기, MAMP 설치 후 실행하기 MAMP맥 컴퓨터 사용자는 내컴퓨터에 서버 환경을 만들려면 MAMP(Machintosh + Apache + MySQL + PHP)을 설치해야 합니다PHP와 데이터베이스를 연동하려면 MySQL등의 DB서버도 필요한데, MAMP를 컴퓨터에 설치하면 PHP, 웹 서버, MySQL 서버 환경이 구축됩니다. (서버 시작, 정지 등도 제어가능)유료 버전도 있지만, 무료로도 충분하기에 설치해 보겠습니다.(MAMP은 각각 프로그램을 개별적 관리가 불편할 수도 있음 (버전관리, 유지보수 등)) MAMP 설치하기1. 사이트에 접속하기사용하는 맥 환경이 인텔칩이면 맨 위 왼족, 최근에 나온 M시리즈 츱이면 맨 위 오른쪽을 클릭! Downloads - MAMP & MAMP PRONAMO DNS AppThe perfect M.. 2024. 5. 19. 워드프레스 / 1. MAC에서 워드프레스 구축을 위한 프로그램 알아보기 워드프레스- 누구나 무료로 사용할 수 있도록 공개 되어 있음- 워드프레스 제작사 오토메틱은 https://wordpress.com/ 이라는 블로그 서비스도 운영함- 워드프레스를 사용하기 위에서는 세가지 서버용 프로그램(아파치, php, MySQL)이 필요워드프레스 사용을 위한 프로그램 설치1. wordpress프로그램을 다운받아서 직접 구축하기 위한 설치형 워드프로세스 DownloadGet WordPress Everything you need to set up your site just the way you want it. Download and install it yourself For anyone comfortable getting their own hosting and domain. Download.. 2024. 5. 18. 메모 / 웹, 앱 서비스 만들어서 수익화하는 8가지 방법 웹, 앱 서비스 만들어서 수익화하는 8가지 방법 1. 유료앱유료로 스토어 등록 - 7:3 비율로 마켓과 나눠가짐- 주로 카메라앱, 게임 앱 등이 있다 2. 광고광고 노출당( CPM 1,000번 노출당 비용), 광고 클릭당(CPC 클릭당 비용) 등이 있다- 애드네트워크 광고 - 애드네트워크(혹은 어필리에이트) 서비스에서 제공하는 광고 이용 (구글 애드센스, 애드몹, 카카오 애드핏 등) - 특정 업체 광고 - 직접 내 앱에 광고 할 수 있도록 만들고 특정 업체와 계약해서 광고를 진행 3. 유료 결제 적용 앱은 무료로 제공- 인앱 결제를 붙이면 7:3 비율로 마켓과 나눠가짐- 결제 모듈을 붙인다면 PG 업체에 따라 결제 금액의 약 3% 수수료가 부과될 수 있음- 주로 게임에서 아이템을 팔거나, 웹툰이나 소설.. 2024. 5. 17. 즐겨찾기 / 플로우 차트 기호, 플로우 차트 만들 수 있는 사이트 모음 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. 이전 1 2 3 4 다음 반응형
