TOOL 37

VS Code 설치 및 셋팅하기

VS Code 란? (Visual Studio Code) MS에서 제공하는 크로스 플랫폼 에디터로 다양한 언어를 서포트 하며, IntelliSense와 Git 기능, 그리고 Extension 을 이용한 확장 기능을 제공하고 있다. Atom, Brackets 등과 유사. 설치방법 Windows https://code.visualstudio.com 에 접속하여 다운로드 후 설치 Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code i..

TOOL 2020.02.28

맥북 단축키

- command + shift + f : 크롬 창 탭, 즐겨찾기 보이기 - command + control + f : 창 최대화 + 오른쪽 패널로 화면이동 - fn + F11 또는 command + F3 : 바탕화면 바로가기 - fn + up : page up - fn + down : page down - command + up : home - command + down : end - command + m : 최소화 ( 휴지통 옆 닥에 아이콘화됨 ) - command + , : 환경설정 ( preference ) - command + shift + 4 : 부분 스크린샷 ( 마우스로 드래그 한 부분이 스크린샷 된다. ) - command + shift + 4 + space + click : 현재창 스크린..

TOOL 2020.02.28

와이어프레임/프로토타입 제작에 유용한 라이브러리

Kakao Oven Web / Free 다음 카카오에서 제작한 웹 기반 프로토타이핑 툴로 기본으로 제공되는 디자인 요소들이 편리한 사용을 도와주며, 직관적인 인터페이스를 갖추고 있어 초보 기획자에게 유용한 툴이다. 페이지 혹은 요소마다 링크를 걸어 웹 테스트 화면을 만들 수 있으며 아이디어 단계나 초기 기획 회의 단계에서 간편하게 사용이 가능하다. 모든 기능은 무료로 사용이 가능하다. https://ovenapp.io/ OvenApp.io Oven(오븐)은 HTML5 기반의 무료 웹/앱 프로토타이핑 툴입니다. (카카오 제공) ovenapp.io Sketch Mac/Purchase Mac 기반의 와이어프레임, 프로토타이핑, 디자인 툴이다. 이미 많은 사용자가 사용하고 있는 주요 디자인 툴로 대부분의 웹/앱..

TOOL 2020.02.06

닷홈 웹호스팅 가입하기

1. 웹호스팅이란? 세팅이 완료된 웹서버 일정공간 임대 웹서버를 직접 설치하지 않고도 인터넷에 홈페이지를 개설/운영할 수 있게 세팅이 완료된 웹서버의 일정공간을 임대하여, 사용자가 직접 서버를 운영하는 것과 같은 효과를 제공하는 네트워크 서비스입니다. 2. 대표 웹호스팅 사이트 - DOTHOME 닷홈의 [무제한 웹호스팅 Free]버전은 도메인만 연결하면 무료로 사용 가능하다. www.dothome.co.kr/web/premium/index.php 닷홈 - 호스팅은 닷홈 닷홈은 무제한 웹호스팅, 무료호스팅, 도메인, 홈페이지빌더, 무제한메일, SSL보안인증서, 서버호스팅, 코로케이션 서비스를 제공하고 있습니다. www.dothome.co.kr - CAFE24 cafe24는 우리나라에서 가장 많이 사용하는 ..

TOOL 2020.02.06

웹디자인, 웹퍼블리싱 준비할 것들

1. 네이버카페 가입 https://cafe.naver.com/mocoding 인터랙티브웹 / 웹디자인기능사 / H... : 네이버 카페 웹과 모바일의 디자인과 코딩을 배우는 곳 cafe.naver.com 2. 프로그램 설치 디자인 편집 Adobe Photoshop https://www.adobe.com/kr/products/photoshop.html Adobe XD https://www.adobe.com/kr/products/xd.html sketch (MAC) https://www.sketch.com/ The digital design toolkit www.sketch.com 브라우저 https://www.google.com/intl/ko/chrome/ Chrome 웹브라우저 더욱 스마트해진 Goog..

TOOL 2020.02.06

ATOM 설치

1. atom 설치하기 아래 링크에서 Download를 눌러 atom을 설치합니다. https://atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it. atom.io 2. atom 패키지 설치하기 emmet 약어를 이용하여 쉽고 빠르게 코딩할 수 있도록 도와줍니다. https://github.com/emmeti..

TOOL 2020.01.30
티스토리 친구하기