디자인 어워드 웹사이트 목록(제품, 웹사이트) 최신 디자인 트렌드를 파악하고 다양한 디자인 작품을 감상할수있는 웹사이트 모음 1)Awwwards https://www.awwwards.com/ Awwwards - Website Awards - Best Web Design Trends Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world. www.awwwards.com 2)Red Dot Design Award https://www.red-dot.org/ko/ 3)Designspiration https://..
Vercel 정적 웹사이트를 위한 클라우드 호스팅 서비스 Vercel은 빠르고 안정적인 서버리스 웹 애플리케이션을 빌드, 배포 및 호스팅하는 플랫폼입니다. Vercel은 GitHub, GitLab, Bitbucket 등의 버전 관리 시스템과 연동되어, 소스 코드를 푸시하면 자동으로 빌드 및 배포를 처리합니다. 이를 통해 개발자는 코드를 커밋하는 즉시 애플리케이션의 변경 사항을 실시간으로 확인할 수 있습니다. 무료로 사용할 수 있으며 사용량이 증가하면 유료 플랜으로 업그레이드할 수 있습니다. https://vercel.com/ Vercel: Develop. Preview. Ship. For the best frontend teams Vercel is the platform for frontend devel..
크롬 브라우저에서 스크롤 자동 내리기 스크립트 1)스크롤 자동 내리기를 사용할 웹페이지로 이동합니다. 2)개발자 도구를 표시합니다(단축키 f12) 3)아래 스크립트를 입력하면 웹페이지의 스크롤이 자동으로 이동합니다. 예시1 var scroll = setInterval(function(){ window.scrollBy(0,1000); }, 2000); 예시2 var scroll = setInterval(function(){ window.scrollBy(0,1); }, 30);
인터렉티브 웹사이트 레퍼런스 모음kubota(futurecube)https://www.kubota.com/futurecube/ KUBOTA FUTURE CUBE | Kubota Global SiteKubota’s vision of future Earth and technologies. Our contributions for Earth and for all life on it will never cease. You’re welcome to explore.www.kubota.com aquariumhttps://www.aquarium.ru/en
워드프레스(wordpress)에서 메뉴 추가하기(menus) 1)대시보드에서 좌측 pages 메뉴의 add new를 선택합니다. 2)제목과 본문 내용을 작성합니다. 3)우측의 publish를 클릭하면 페이지(page)를 발행합니다. 4)웹사이트에서 발행한 페이지(page)가 표시되지않는것을 확인할수있습니다. 5)대시보드에서 appearance의 menus를 선택합니다. 6)menus에서 웹사이트의 메뉴를 관리합니다. 좌측에 있는 몇가지 유형을 메뉴에 추가할수있습니다. 7)카테고리를 선택하고 add to menu를 클릭하면 우측 메뉴 구조에 해당 카테고리를 추가합니다. 8)같은 방법으로 페이지를 추가합니다. 9)최종적으로 메뉴에 추가할 항목들을 확인하고 save menu를 클릭해서 적용합니다. 10)웹사이..
워드프레스(wordpress)에서 카테고리 추가하기(Categories) 1)대시보드 좌측의 Posts 메뉴에서 Categories를 선택합니다. 2)카테고리 이름을 입력하고 하단의 add new category를 클릭하면 새로운 카테고리를 추가합니다. 3)우측에서 추가한 카테고리를 확인할수있습니다. 4)웹사이트에서 추가한 카테고리가 표시되지않는것을 확인할수있습니다. 현재 해당 카테고리에 게시글이 존재하지않기때문입니다. 5)대시보드의 Posts에서 All Posts로 이동합니다. 6)현재 두개의 게시글이 미분류 카테고리로 설정되어있는것을 확인할수있습니다. 7)게시글을 선택하여 편집합니다. 9)우측에서 uncatagorized 카테고리에 체크되어있는것을 확인할수있습니다. 10)uncatagorized를 체..
워드프레스(wordpress)에서 게시글 작성하기(posts) 1)대시보드 좌측의 Posts 메뉴에서 Add New를 선택합니다. 2)게시글의 제목과 본문 내용을 작성합니다. 3)우측에서 Publish를 클릭하면 작성한 게시글을 발행합니다. 4)웹사이트에서 발행한 게시글을 확인할수있습니다. 5)같은 방법으로 두번째 게시글을 발행합니다. 5)Posts의 All Posts에서 발행한 게시글들을 관리할수있습니다.
워드프레스(wordpress)에서 테마 설정하기(themes) 1)대시보드의 좌측 Appearance 메뉴에서 Themes로 이동합니다. 2)현재 워드프레스의 기본 테마로 설정되어있는것을 확인할수있습니다. 상단의 add new를 선택합니다. 3)워드프레스에서 무료로 제공하는 테마들을 확인할수있습니다. 4)Popular에서 인기 테마들을 확인할수있습니다. 5)웹사이트에서 사용할 테마를 선택하고 install를 클릭해서 설치합니다. 6)설치가 완료되면 activate를 클릭해서 테마를 활성화합니다. 7)웹사이트에 테마가 적용된것을 확인할수있습니다. 8)Appearance의 Themes에서 설치한 테마가 추가된것을 확인할수있습니다. 9)설치한 테마를 삭제하려면 비활성화해야합니다. 비활성화한 테마를 선택하고 우..
워드프레스(wordpress) 시작하기3 - 워드프레스 설치하기(로컬pc에서 사용하기 위한 방법) 1)아래 웹사이트에서 워드프레스를 다운로드합니다. https://wordpress.org/ 2)다운로드한 워드프레스 압축파일을 압축풀기합니다. 3)압축풀기한 wordpress폴더(wordpress-4.6.1) 안에있는 wordpress 폴더를 아래 경로에 위치시킵니다. C:\AutoSet9\public_html 4)웹브라우저에서 http://localhost/wordpress를 입력하면 워드프레스 설치를 시작합니다. 5)데이터베이스 정보를 입력합니다. Database Name에 데이터베이스의 이름을 입력합니다. username, password에 데이터베이스 사용자명과 암호를 입력합니다. 6)설치를 진행합니..
워드프레스(wordpress)시작하기2 - 오토셋(AutoSet)에서 데이터베이스 추가하기(현재 유지보수 종료) 1)오토셋을 실행하고 웹서버 시작, MySQL 시작을 클릭합니다. 2)윈도우 방화벽에서 기능을 차단하면 다음과 같은 문구를 표시합니다. 웹서버가 NT 서비스에 등록되어있지 않습니다. 3)상단의 제어 메뉴에서 NT 서비스 바로가기의 웹서버 서비스에 등록을 선택합니다. 4)네트워크에서 통신 허용에 체크하고 엑세스 허용을 선택합니다. 동일한 방법으로 MySQL의 엑세스 허용을 진행합니다. 5)웹 서버와 MySQL를 시작할수있습니다. 6)상단의 제어 메뉴에서 phpMyAdmin접속을 선택합니다. 7)사용자명과 암호를 입력하고 실행합니다. 기본 사용자명과 암호는 root/autoset로 설정되어있으며 ..
워드프레스(wordpress)시작하기1 - 윈도우에서 오토셋(Autoset) 설치하기(현재 유지보수 종료) 오토셋은 윈도우에서 쉽고 빠르게 php 웹 개발 환경(MySQL, PHP, Apache)을 구축하는데 유용한 프로그램이다. 현재 운영이 종료되었고 아래 웹사이트에서 다운로드할수있다. http://autoset.net/xe/about_autoset 1)오토셋 최신버전(32비트 또는 64비트)을 다운로드한다. 2)다운로드한 오토셋 설치를 진행한다. 3)설치 구성요소를 확인하고 다음으로 이동한다. 4)비쥬얼스튜디오 런타임 구성요소(Visual C++ Redistributable)를 설치하지않으면 다음과 같은 오류 메시지를 표시한다. 5)Visual C++ Redistributable for visual ..
해외 웹호스팅 서비스 업체 및 사이트 모음Bluehost https://www.bluehost.com/ HostGator https://www.hostgator.com/ SiteGround https://www.siteground.com/ A2 Hosting https://www.a2hosting.com/ InMotion Hosting https://www.inmotionhosting.com/ DreamHost https://www.dreamhost.com/ GreenGeeks https://www.greengeeks.com/ Hostinger https://www.hostinger.com/ Liquid Web https://www.liquidweb.com/ WP Engine https://wpengi..
