본문 바로가기
반응형

분류 전체보기90

일러스트 / 스토리보드, 콘티, 컷만화 등 편하게 그리는 일러스트 사이트 추천 (개인적 사용 무료) 간단하게 그림을 그려야 할 때가 종종 생깁니다그림을 잘 그리면 직접 그리는게 쉬울 수 있으나... 그런 재능이 모두에게 있진 않죠 ;;; 웹기반이며, jpg와 png로 해상도는 2배까지 확대해서 저장 가능합니다.무료는 개인적인 용도로만 사용이 가능합니다. 포트폴리오 또는 회의 때 사용하면 편합니다.story tribe  StoryTribe: Effortless Storyboarding for EveryoneCreate stunning illustrations and storyboards effortlessly. No drawing skills needed. Customize characters, props, backgrounds, and speech bubbles in minutes.storytribea.. 2024. 6. 18.
즐겨찾기 / 웹사이트 소스(html, CSS) 무료 다운로드 사이트 모음 홈페이지(웹사이트) 작업 어렵게 생각하지 말고,잘 만들어진 홈페이지 소스를 무료로 다운로드하여서 이미지와 텍스트만 교체해서 사용해 보세요비용절감이 됩니다. 아래 추천 사이트들은 가입없이 다운로드 가능합니다! 1. themewagon Free ArchivesSearching for high-quality free demo HTML5 website templates? Download responsive HTML5 CSS3 website templates & Bootstrap themes. Free for commercial use.themewagon.com 2. onepagelove Free One Page TemplatesA collection of 105 Free One Page templates. Ea.. 2024. 6. 17.
즐겨찾기 / IT 기술 블로그 모음 (해외편) 해외서비스 기술 블로그 모읍입니다.각 서비스들이 어디에 집중하고 있는지 확인 할 수 있습니다.아마존 Amazon (Alexa) developer.amazon.com넷플릭스 Netflix TechBlogLearn about Netflix’s world class engineering efforts, company culture, product developments and more.netflixtechblog.com 링크드인 Engineering BlogGonzalo Aniano Porcile, PhD Mar 21, 2024www.linkedin.com 페이팔 The PayPal Technology Blog – MediumJoin our technology team at careers.pypl.com.me.. 2024. 6. 11.
즐겨찾기 / IT 기술 블로그 모음 (국내편) 국내 서비스 기술 블로그 모읍입니다.각 서비스들이 어디에 집중하고 있는지 확인 할 수 있으며, 내용이 재밋다.네이버 NHN Cloud Meetup - NHN 기술 블로그기술을 공유하고 함께 성장해가는 개발 문화, NHN이 추구하는 가치입니다.meetup.nhncloud.com 카카오 Blog - tech.kakao.com카카오의 기술, 개발 조직, 문화에 대한 이야기를 들려드려요.tech.kakao.com 우아한형제들 우아한형제들 기술블로그우아한형제들의 기술, 서비스, 비전, 가치를 들려 드립니다.techblog.woowahan.com  당근 당근 테크 블로그 – Medium당근은 동네 이웃 간의 연결을 도와 따뜻하고 활발한 교류가 있는 지역 사회를 꿈꾸고 있어요.medium.com 마켓컬리 컬리 기술 .. 2024. 6. 10.
프론트엔드 / UI 애니메이션 코드 참고 사이트 (html, css) 코드 몰라도 ui 애니메이션을 만들 수 있습니다.상업적 활용도 가능하며 피그마로 복사까지 가능합니다. html 코드와 css 코드를 확인할 수 있습니다.당연히 복사하기도 가능하니 복사해서 사용해 보세요!  Explore 3000+ Free UI Elements: CSS & TailwindLibrary of free and customizable UI elements made with CSS or Tailwind. It's all open-source, and it's all free. Try it out to save you many hours spent on building & customizing UI components for your next project.uiverse.io 2024. 6. 5.
즐겨찾기 / 국내외 무료 폰트 다운로드 사이트 모음 (가입 X , 라이선스 확인 필요) 국내외 무료 다운로드 가능한 폰트 사이트입니다.무료로 폰트를 다운로드 했다고 해서 상업적인 용도까지 허용된 것은 아닙니다.라이선스를 확인 해주세요! (개인적인 용도로 사용 or 상업적이 용도로 사용)국내 무료 폰트 사이트1. 눈누 눈누상업용 무료한글폰트 사이트noonnu.cc 2. 공유마당 무료폰트(목록) | 공유 마당 gongu.copyright.or.kr  해외 무료폰트 사이트1. 구글 폰트 Browse Fonts - Google FontsMaking the web more beautiful, fast, and open through great typographyfonts.google.com 2. cufonfonts Cufon Fonts: Download High Quality Free Fonts f.. 2024. 6. 4.
전략 / 지속가능한 디자인·콘텐츠를 위한 ESG 전략 (2024년도 1분기) 2024년도 1분기 이슈리포트_지속가능한 디자인·콘텐츠를 위한 ESG 전략 2024년도 1분기 이슈리포트_지속가능한 디자인·콘텐츠를 위한 ESG 전략지속가능한 디자인·콘텐츠를 위한 ESG 전략   - 목차 -   Ⅰ. 지속가능성 실현과 ESG 개념 확장 Ⅱ. 지속가능한 가치 실현을 위한 디자인(콘텐츠)의 역할 Ⅲ. 지속가능한 가치 실현 디자인 사례 1)kidp.or.kr※ 본 이슈리포트는 두 개의 장으로 구성되어있다.첫 번째 장에서는 지구 온난화 이슈 속에 기업의 지속가능성을 고려한 기업의 비재무적 성과를 측정하는 지표인 ESG에 대해 알아보고 기업의 영역을 넘어 지속가능한 가치 실현으로 확장되는 ESG 개념과 디자인 분야의 역할에 대한 논의를 이어갈 것이다.두 번째 장은, 확장된 ESG 개념에 부합하는.. 2024. 6. 3.
워드프레스 / 워드프레스 첨부파일 개념 알기 (미디어 라이브러리 사용법) 워드프레스는 첨부파일이 독립적인 콘텐츠라던데?워드프레스에서는 첨부파일을 독립적으로 사용할 수 있습니다.이 부분이 다른 블로그와 차별화된 점입니다.같은 이미지를 계속 올리기는 그만, 한번 올려서 계속 사용해 보세요미디어를 클릭하면 여태까지 글에 쓰였던 모든 이미지 및 첨부파일을 보실 수 있습니다. 새 미디어 파일 추가하기를 클릭하고 워드프레스에 사용할 이미지들을 글보다 먼저 추가해 놓을 수 있습니다. 글을 쓸 때마다 이미지를 첨부하는 방법도 있지만,이미 많이 그림을 그려 놓은 상태라면 또는 썸네일을 선 작업 해놓고 글은 나중에 쓰실 때 편히 합니다매번 확인하고 올리는 작업을 하지 않아도 됩니다.  글을 쓰시다가 중간에 이미지를 삽입해야 할 때 미디어 라이브러리 클릭으로 원하는 이미지를 바로 삽입할 수 있.. 2024. 6. 2.
워드프레스 / 워드프레스 URL 공유를 위한 주소 셋팅 방법 (한글보단 슬러그를 사용하세요) 워드 프로세스 주소 셋팅 방법에 대해서 알아보겠습니다.워드프레스에서 주소 셋팅은 선택이며, 기본은 글 제목이 됩니다. 한글일 경우 검색에 유리하나, URL 공유시 한글 깨짐 현상으로 주소가 길어지는 경우가 있는데주소를 간결하고 명확하게 사용하기 위한 방법입니다.1. 알림판 접속하기왼쪽 상담에 워드프레스 로고를 클릭하면 알림판에 접속 할 수 있습니다2. 워드프레스 주소 및 URL 공유를 위한 슬러그 알아보기워드프레스는 기본적으로 글을 작성하면 글 제목이 URL에 반영 되는데 한글로 작성되면 검색에는 유리할 수 있지만글을 복사해서 공유했을때 한글은 URL이 길게 깨져보입니다.(복사했을때 %는 알파벳이 아닌 다른 글짜를 표현) 워드프레스 기본 URL복사해서 공유시 URL이 길어짐 (한글이 깨짐)소개 페이지 접.. 2024. 6. 1.
즐겨찾기 / 웹 트래픽 분석 사이트, 시장점유율 확인 (브라우저,소셜미디어, 디바이스 등 나라별로도 확인 가능) 스탯카운터 - statcounter인터넷을 사용하기 위한 도구인 브라우저를 통해 사용자의 컴퓨터 사용환경을 파악하여주기적으로 인터넷에 사용현황을 발표하는 아일랜드 웹분석 업체 스탯카운터 글로벌 통계기업 Statcounter Global Stats - Browser, OS, Search Engine including Mobile Usage ShareTracks the Usage Share of Search Engines, Browsers and Operating Systems including Mobile from over 5 billion monthly page views.gs.statcounter.com 1. 웹 브라우져별 점유율 확인할 수 있다. 2. 플랫폼, 나라별, 연도별로 자세한 시장 점유율도 .. 2024. 5. 28.
즐겨찾기 / 디지털 정부서비스 UI/UX 가이드라인 정부 과제 또는 정부 지원 사업을 하실때 참고하기 좋은 사이트입니다.본 가이드라인은 디지털 정부서비스 기획·구축·운영·관리에 참여하는 모든 이들을 위해 개발되었으며,디지털 정부서비스 운영자, 관리자, 기획자, 디자이너, UI/UX 디자이너, 퍼블리셔, 개발자는 프로젝트의 상황과 목적에 맞게 본 가이드라인을 참고할 수 있습니다.디지털 정부 UI/UX 가이드라인누구나 쉽고 편리하게 이용할수 있도록 사용자 중심의 공공 웹,앱을 구축, 운영 및 관리하도록 지원합니다. https://uiux.egovframe.go.kr/ uiux.egovframe.go.kr 디자인 리소스 통합 다운로드 디지털 정부서비스 UI/UX 가이드라인 - Google Drive디지털 정부서비스 UIUX 가이드라이.. 2024. 5. 27.
워드프레스 / 4. 워드프레스 데이터베이스와 연결하기, 워드프레스 사이트 정보 입력 후 로그인까지 해보기 워드프레스 설치 후 초기   MAMP 웹서버 만들기1. MAMP 시작 2. MySQL 확인 (MAMP가 설치되면서 기본 셋팅을 해 놓은 것을 확인)사이트 아래로 내려보면 MySQL을 클릭하면 Host, Post, Usename, Password 기본값이 나와있는 것을 확인할 수 있습니다호스트는 localhost, 127.0.0.1 두가지가 있는데 우리는 로컬 호스트를 사용하겠습니다.상단을 보면 You can administer your MySQL databases with phpMyAdmin 을 클릭합니다.(기억하기!! Host는 localhost, Usename은 root, Password도 root) 3. 작업할 데이터베이스 만들기① phpMyAdmin 클릭하면 사이트가 열립니다. (왼쪽에 4가지는 .. 2024. 5. 26.
워드프레스 / 3. 워드프레스 다운받고 설치하기 워드프레스(WordPress)는 워드프레스 오픈소스 프로그램을 직접 다운로드 및 설치해서 사용 할 수 있는 “설치형 워드프레스 (WordPress.org)“와 네이버 블로그(Naver Blog), 티스토리(Tistory)와 같이 회원 가입 후 웹 상에서 블로그를 이용할 수 있는 “가입형 워드프레스 (WordPress.com)“로 구분할 수 있습니다. 설치형가입형URLhttps://wordpress.org/https://wordpress.com/운영 주체WordPress FoundationAutomattic Inc.시작 방법다운로드 (자동설치)회원가입 (요금제)wordpress 설치하기1. 사이트 접속하기해서 다운 받기하단에 워드프레서 6.3.5 다운로드 클릭 ( 버전은 다운로드 시기마다 다를 수 있음) .. 2024. 5. 25.
메모 / 웹앱 만들기, 하이브리드 앱 만들기, 안드로이드 아이폰 앱 동시에 만들기 웹앱, 웹뷰앱, 하이브리드앱 만드는 방법안드로이드 아이폰 앱 동시에 만드는 방법 [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.
반응형

티스토리툴바