알면 유용한 사이트 (10) 썸네일형 리스트형 [Chrom] 웹 스토어 항목을 게시하려면 먼저 연락이 가능한 이메일 주소를 입력해야 합니다. 웹 스토어에 확장 프로그램에 등록 중 제출하여 검토받기 버튼이 비활성화되고 제출할 수 없는 이유 클릭하면 아래의 화면처럼 확인할 수 있습니다 빨간 글씨로 되어있는 항목을 모두 해결해야 제출하여 검토받기 버튼이 활성화됩니다 항목을 게시하려면 먼저 연락이 가능한 이메일 주소를 입력해야 합니다. 계정 탭에서 연락을 받을 이메일을 입력하세요. 항목을 게시하려면 먼저 연락이 가능한 이메일을 확인해야 합니다. 계정 탭에서 확인 과정을 시작하세요. 개발자 대시보드 메인 화면으로 이동합니다 계정 탭을 클릭해서 이동합니다 이메일 추가 버튼을 클릭해서 인증, 연락받을 메일을 등록합니다 메일을 입력하면 인증 메일이 입력한 메일 계정으로 발송됩니다 메일을 열면 나오는 링크를 클릭합니다 연락처 이메일 주소가 확인됨으로 변경된 .. [Chrom] 크롬 웹 스토어 계정 등록하기 브라우저에서 사용할 확장 프로그램을 만들고 웹 스토어에 등록하기 위해서는 구글에 계정을 등록해야 합니다 가격은 5$입니다 구글에 크롬 웹스토어를 검색 혹은 아래의 사이트를 클릭합니다 Chrome 웹 스토어 Chrome에 사용할 유용한 앱, 게임, 확장 프로그램 및 테마를 찾아보세요. chrome.google.com 로그인을 한 상태로 웹 스토어 이동 혹은 웹 스토어에서 로그인을 화면 아래와 같이 화면의 맨 위의 톱니바퀴 모양을 클릭합니다 톱니바퀴 모양을 클릭하고 개발자 대시보드 클릭합니다 웹 스토어 개발자 등록 과정입니다 개발자 계약 및 개인정보처리방침을 읽었으며 이에 동의합니다 체크박스를 체크합니다 체크를 하지 않으면 다음 단계 진행이 안 됩니다. 등록 수수료 결제 버튼을 클릭합니다 체크카드, 신용카드.. 무료로 고퀄리티 로고를 만들 수 있는 사이트 hatchful 구글에 hatchful 검색합니다 아래와 같은 사이트가 나옵니다 무료 로고 제작 방법은 간단합니다 홈페이지의 가운데의 GET STARTED 버튼을 클릭합니다 Choose your business space Fashion, Health and beauty 등 여러 가지 주제 중 하나를 선택하고 NEXT 버튼 클릭합니다 "Pets" 선택했습니다 위의 이미지 같이 테두리 색상이 변경됩니다 Choose your visual style 두 개 이상 style 선택이 가능합니다 Elegant와 Industrial 선택 후 NEXT 버튼 클릭합니다 Add your business name 로고 이름을 짓습니다 두 가지 옵션이 있습니다 필수가 아니므로 입력을 안 해도 됩니다 Business name(optional),.. 인터넷 브라우저만 되면 개발할 수 있는 리핏(Repl.it) PC에서만 개발하면 좋겠지만 노트북을 들고 밖이나 다른 장소에서 개발해야 할 경우 PC와 동일한 환경 설정을 해야 하는 번거로운 일이 있지만 Repl.it 사이트를 이용하면 간단한 코딩을 바로 이용할 수 있습니다 회원가입 구글에서 replit을 검색합니다 첫 번째 글을 클릭합니다 오른쪽 상단의 Sign up 버튼을 클릭합니다 회원가입 화면으로 이동합니다 구글, 깃허브, 페이스북을 이용해서 가입도 가능합니다 깃허브를 이용해서 회원가입을 진행합니다 Authorize Replit Online IDE 버튼을 클릭하면 가입됩니다 회원가입 후 첫 화면입니다 깃허브 이름이 나오고 아래 이름 입력 칸 활성화되어 있습니다 새로운 이름을 입력해도 됩니다 next 버튼을 클릭합니다 이메일도 확인을 합니다 다른 이메일을 입력.. [PicPick] 픽픽 하나로 캡처와 그림판 기능을 한 번에 사용하자 픽픽(picpick)을 사용해야 하는 이유 윈도우 "캡처 도구"를 이용해서 원하는 화면을 캡처하고 또 다른 화면으로 캡처할 때 다시 범위를 지정해서 사용했습니다 캡처한 이미지를 수정할 때는 "그림판"을 이용해서 수정했습니다 이 두 가지를 동시에 할 수 있는 편리한 편집 프로그램이 있습니다 바로 픽픽(PickPick)입니다 캡처 도구의 캡처 기능과 그림판의 이미지 에디트 기능까지 있어서 사용하기 편리합니다 구글에서 "picpick" 입력합니다. 첫 번째 글을 클릭합니다 "픽픽(PicPick) - 올인원 그래픽 디자인 도구( 화면 캡처, 이미지..." 클릭한 페이지를 들어가면 한국어로 된 홈페이지가 나옵니다 픽픽(picpick)은 기업 및 단체 또는 개인을 포함한 모든 사용자에게 무료로 제공됩니다 모든 사용.. [반디집] 반디집 다운로드 반디집은 반디소프트에서 개발한 압축 프로그램으로 무료로 사용할 수 있는 프리웨어 프로그램입니다 "반디집 다운로드" 검색합니다 아래와 같은 홈페이지가 나타납니다 "반디집 다운로드" 버튼을 클릭합니다 "BANDIZIP-SETUP-STD-X64.EXE" 파일을 실행합니다 "동의 및 설치" 버튼을 클릭합니다 다운로드 로딩이 시작되고 완료되면 "닫기" 버튼을 클릭합니다 닫기 버튼을 클릭해서 창을 닫으면 "환경 설정" 화면이 나타납니다 여기서 각종 설정을 통해서 압축 프로그램의 설정을 변경할 수 있습니다 [Free Image Placeholder ]샘플 이미지를 간단하게 무료로 사용하기 사이트 소개 개발 혹은 샘플 페이지 등 프로젝트 진행 시 수많은 이미지가 필요합니다 이미지가 준비되어 있어서 프로젝트의 성격에 맞는 이미지를 사용할 수 있으면 좋겠지만 이미지가 준비되지 않은 환경이거나 혹은 이미지를 정하기 전 이미지의 크기(size) 성격에 맞춰서 이미지 위치를 정하기 위해서 임시 이미지를 넣을 때가 있습니다 그럴 때마다 이미지를 찾아서 넣지 않고 지정한 경로만 입력하면 그 자리에서 바로 사용 가능한 이미지를 제공하는 사이트가 있습니다 아래 링크를 클릭하면 바로 해당 사이트로 이동 가능합니다 사이트 주소 : https://placeholder.com/ Placeholder.com: Placeholder.com – The Free Image Placeholder Service Favour.. 다양한 색상을 표현할 수 있는 사이트 Color picker CSS로 색상을 표현할 수 있는 방식이 많습니다 주로 RGB, HEX 사용해서 표현을 많이 합니다 Color picker 사이트는 같은 색상을 다양한 표현으로 할 수 있는 방법과 정말 많은 색상들을 쉽게 볼 수 있게 도움을 주는 사이트입니다 검색을 하면 한 번쯤 방문해봤을 w3schools에서 제공해 줍니다 구글에서 color picker를 검색하면 나옵니다 아래는 바로가기 링크입니다 https://www.w3schools.com/colors/colors_picker.asp HTML Color Picker Selected Color: Black Text Shadow White Text Shadow www.w3schools.com 하면에 접속하면 색상을 쉽게 볼 수 있게 구분해서 표시해줍니다 pick a .. 사이드 프로젝트에 활용 가능한 무료 아이콘 사이트 프로젝트를 진행할 때 로고, 아이콘 등 다양한 것들이 필요합니다 이때 하나하나 직접 만들 수도 있지만 만들 시간이 없거나 어도비, 일러스트레이트 같은 툴을 다룰 줄 모르는 사람들은 만들 수 없습니다 이럴 때 사용 가능한 편리한 사이트가 있습니다 구글에 폰트 어썸을 검색하면 맨 처음 등장하는 사이트입니다 폰트 어썸 : https://fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com 위 링크를 이용하면 바로 해당 사이트로 이동합니다 사용법은 간단합니다 왼쪽의 "Start for.. UI/UX 디자이너들이라면 들어봤다는 피그마 UI/UX 디자인을 할 때 사용하는 프로그램들이 많이 있습니다 이번에 소개할 피그마의 경우 범용성 좋고 템플릿도 많아서 사용자가 사용하기에 매우 편리합니다 구글에서 "피그마"를 검색합니다 첫 번째 상단의 사이트에 접속합니다 아래의 링크를 통해서 바로 피그마의 공식 홈페이지로 이동할 수 있습니다 https://www.figma.com/ Figma: the collaborative interface design tool. Build better products as a team. Design, prototype, and gather feedback all in one place with Figma. www.figma.com 홈페이지에 접속하면 기본적으로 영어로 되어있습니다 피그마를 이용하는 방법은 두 가지가.. 이전 1 다음
