본문 바로가기

분류 전체보기77

무료 움직이는 애니메이션 아이콘 사용하기 (feat.lordicon) lordiconhtml에 쉽게 사용 가능한 무료 애니메이션 아이콘 사이트!움직이는 아이콘을 html에 삽입해 봅시다! 더브레드블루 발효종 순수 통밀빵 2개입 (냉동)COUPANGwww.coupang.com1. 로드아이콘 사이트에 접속하기 21,500+ animated icons - LordiconLordicons work seamlessly with your project, responding to a range of interactions - whether in, hover, morph, loop, or more.lordicon.com 2. 애니메이션 아이콘 선택하기- 원하는 아이콘을 클릭하면 오른쪽 패널에서 아이콘 컬러를 변경, 일러스트 선두께 및 동영상 스타일을 변경할 수 있습니다.- 사용할 리.. 2024. 7. 14.

SCSS / @mixin, @for문으로 하단 고정 탭바 만들기 (하단 네비게이션) Scss에서 for문으로하단 탭바 만들기를 해볼께요!하단 탭바는 버튼 갯수가 변경될 여지가 있으므로 for문을 사용해보겠습니다. 보통 직관적인 이름을 사용하는 것을 추천드리며버튼은 3개에서 최대 5개까지만 사용하시길 권장드립니다._mixin.scss// 이미지 경로$imgurl : '../images/';//배경 이미지@mixin bg($imgfile, $x:null, $y:null, $bgcolor:null, $width:null, $height:null, $boradi:null,){ background: url(#{$imgurl}#{$imgfile}) no-repeat $x $y $bgcolor; background-size: $width $height; border-radius: $.. 2024. 7. 9.

SCSS / @mixin 아이콘 배경 이미지로 사용하기 ( 아이콘 버튼 ) 믹스인을 활용해서배경이미지로 만들어진 버튼을 만들어 볼께요이미지 삽입보단 편하더라구요._mixin.scss// 이미지 경로$imgurl : '../images/';//배경 이미지//파일명, 가로정렬, 세로정렬, 배경색, 가로사이즈, 세로사이즈, 보더라운드@mixin bg($imgfile, $x:null, $y:null, $bgcolor:null, $width:null, $height:null, $boradi:null,){ background: url(#{$imgurl}#{$imgfile}) no-repeat $x $y $bgcolor; background-size: $width $height; border-radius: $boradi;} _button.scss.btn{ displa.. 2024. 7. 6.

외화 계좌 개설 / 애드몹, 애드센스 지급 계좌로 미국 주식에 투자하기 (외화통장과 증권사연계 상품 알아보기) 구글 애드몹, 애드센스에서 사용할 지급 계좌를 만들 때수수료 없이 바로 미국 주식을 살 수 있는 방법! 외화 통장을 만들고 증권사 연계하여 미국 주식에 바로 투자하는 로직으로 알아보겠습니다. 잠깐 확인 조건,- 은행 증권사간 달러 송금 수수료 면제- 비대면 계좌개설- 계좌개설 20일 제한 증권사 동시가입 또는 기존에 있는 증권사와 연결 가능한 은행 사용 예정 (대포통장 방지를 위해 계좌개설 20일 제한이 걸리는데.. 계좌를 2개(은행, 증권) 만들어야 하므로;;;) 1. 하나은행 하나 밀리언달러 통장 - 하나증권, 삼성증권, 유안타증권, 한국투자증권(이체방식) 하나 밀리언달러 통장 외부채널하나 밀리언달러 통장으로 달러투자 X 해외직구 100만배 즐기기m.kebhana.com 미달러, 엔화 등 2.. 2024. 6. 28.

외화 계좌 개설 / 구글 애드몹, 애드센스 등 구글 수익 계좌 개설 전 확인하세요! 은행별 송금 수수료 비교 (유튜브, 티스토리, 앱개발 등) 요즘 부업으로 유튜브, 티스토리 등 다양한 활동을 하실 때 지급받을 계좌 고민 중이신가요?외화 통장을 가지고 계시다면 기존 사용도 가능하지만,타 은행과 비교해 보시고 수익 계좌 연결하시면 좋을 것 같습니다. 구글 애드몹, 애드센스 등구글 수익 지급 계좌 만들기 전에 수수료 확인해 보세요! 송금 수수료 비교보통 건당 10,000원 정도고 100불 미만은 면제가 보통인듯합니다. 전국은행연합회 소비자포털금융상품정보, 금리/수수료 비교공시, 금융서비스정보, 소비자정보, 금융교육, 보이스피싱정보portal.kfb.or.kr환전 수수료 우대율 비교환전 수수료는 은행연합회 외환길잡이에서 확인할 수 있습니다. 인터넷환전 안내 > 은행연합회-외환길잡이" data-og-description="" data-og-host.. 2024. 6. 27.

즐겨찾기 / 퍼블리싱 작업에 폰트 적용 폰트어썸 사이트로 종결! (무료폰트, 자세한 라이센스 범위까지 한번에 확인) 매번 폰트 찾아서 임베딩 시키기 바빴는데여기로 해결하면 될 것 같다웹 폰트 사용하기에서 CSS 설정하기, Link 방식, Import 방식, Font-face 방식총 4가지 모두 사용가능합니다.원하는 폰트를 바로 다운로드 가능하며,라이센스 사용 범위까지 한눈에 확인하실 수 있습니다. 폰트 어썸웹 폰트 사이트입니다.wess.tistory.com 2024. 6. 26.

플러그인 추천 / 피그마 상업적 용도로 사용가능한 일러스트 상업적 용도로 사용 가능한 일러스트 피그마 플러그인을 소개합니다.피그마 프로그램은 무료로 사용이 가능합니다.링크 클릭하셔서 사용해 보세요Avatar & People vector illustrations system Avatar & People vector illustrations system | FigmaThis is a character system created in Figma. All components are made within Figma. This file contains all the components you need to create your own little characters. If you find it helpful, you can donate $5 to me so I can b.. 2024. 6. 25.

무료 아이콘 / 아이콘 저장소 서비스 폰트어썸 사용해보기 ( 설치없이 벡터 아이콘 사용 가능 ) 오픈 소스 프로젝트 사이트를 통해서 코딩 시 벡터 아이콘을 무료로 사용해 보기 클론 코딩 할때 좋습니다.아이콘 원본 없이 사용하기 이름은 폰트어썸인데.. 아이콘을 사용하기 위한 오픈 프로그램입니다.폰트어썸font awesome Font AwesomeThe internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.fontawesome.com 1. 폰트어썸 사이트 가입하기폰트어썸 사이트 접속 -> 무료 사용 클릭 -> 이메일주소 입력 -> 메일확인 -> 비밀번호 입력 -> 개인정보입력 -> 끝 -> 메인에서 start for f.. 2024. 6. 20.

일러스트 / 스토리보드, 콘티, 컷만화 등 편하게 그리는 일러스트 사이트 추천 (개인적 사용 무료) 간단하게 그림을 그려야 할 때가 종종 생깁니다그림을 잘 그리면 직접 그리는게 쉬울 수 있으나... 그런 재능이 모두에게 있진 않죠 ;;; 웹기반이며, 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.

이전 1 2 3 4 다음

티스토리툴바