전체 글 238

macOS, 파이썬 API 마인크래프트 서버 설치

맥을 기준으로 한 설치 및 설정입니다. 1.마인크래프트설치 -http://minecraft.net 에서 구입하여 설치합니다. 2.파이썬 3.5.6 설치 및 설정 -brew설치 $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)” -파이썬 설치 및 확인 $ brew install python3 $ python3 —version 3.JDK SE설치 -http://www.oracle.com/technetwork/java/javase/downloads/index.html 접속 후 1.8 이상 다운로드 및 설치 -자바 설치 확인 $ java -version 4.마인크래프트 파이썬 API,..

TOOL/MAC 2020.08.15

홈브루 설치하기

설치하는 방법 먼저 홈브루를 내 컴퓨터에 설치했는지 터미널에 brew --version을 입력해 확인한다. -bash: brew: command not found가 나와 없다는 것을 확인한다. 터미널에 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"를 입력하고 엔터를 누른다. 엔터를 누른다. 내 컴퓨터의 비밀번호를 입력한다. 설치가 끝났다. 참고 https://brew.sh/index_ko

TOOL/MAC 2020.08.15

emmet 설정 변경

Emmet Cheat Sheet docs.emmet.io/cheat-sheet/ Cheat Sheet Download cheat sheet as printable PDF A5 docs.emmet.io https://code.visualstudio.com/docs/editor/emmet#_using-custom-emmet-snippets Emmet in Visual Studio Code Using Emmet abbreviations inside Visual Studio Code. code.visualstudio.com Visual Studio Code의 Emmet Emmet 스 니펫 및 확장에 대한 지원은 Visual Studio Code에 내장되어 있으며 확장이 필요하지 않습니다 . Emmet 2.0 은..

TOOL 2020.08.14

사이트 기본 setting

setting 사이트 보기 flato.kr/study/!setting/ 아래 라이브러리 적용 scss swiper line-awesome bootstrap google font scrollUp include 오류 : header를 include 하면 focus가 안먹음... ㅜㅜ 추후 해결... setting 파일 다운로드 github.com/eehd80/setting eehd80/setting Contribute to eehd80/setting development by creating an account on GitHub. github.com html5 기본 레이아웃 주메뉴 바로가기 본문 바로가기 회사이름 하나 하나-1 하나-2 하나-3 하나-4 둘둘둘둘둘 둘-1 둘-2 둘-3 둘-4 셋셋셋 셋셋셋-..

Publishing/HTML 2020.08.11

Image Guide

이미지 스프라이트 운영성 이미지 성격이 아닌 아이콘 또는 장식을 위한 이미지 요소들은 스프라이트 기법을 활용하여 파일의 Size, Request 최소화를 도모한다. 이미지 타입 선택 프로젝트 종류에 따른 이미지 타입표종류PC webMobile WebMobile AppGIFJPGPNG-8PNG-24이미지 스프라이트 AppGIFJPGPNG-8PNG-24이미지 스프라이트 종류 PC web Mobile Web Mobile App GIF 기본 사용 가능 X JPG 컬러수 많거나 운영성 이미지일 때 운영성 이미지일 때 X PNG-8 X 기본 반투명효과 없고 컬러가 적을 때 PNG-24 반투명효과가 있을 때에만 사용 컬러 수 많거나 반투명효과가 있을 때 기본 이미지 스프라이트 O O X PC Web 기본 포맷은 GI..

Publishing/CSS3 2020.08.05

Event Page 코딩하기

https://www.melon.com/event/ticket/index.htm?gubunId=&keyword=&pageIndex=0 멜론과 멜론티켓의 꿀케미 혜택! 멜론 GOLD이상 누구나! 멜론티켓 예매수수료 무료! 음악이 필요한 순간, 멜론 www.melon.com 멜론 VIP 혜택관 오직 멜론 VIP만을 위한 특별한 문화 혜택 Melon x Melon 티켓 MVG 멜론과 멜론티켓의 슈퍼꿀케미파워! 멜론 GOLD 이상, 누구나! 예매 횟수 제한없이, 무제한! 정말 쉬운 방법으로, 간편하게! 멜론 티켓 수수료 무료 0원 정말 쉬운 헤택받는 방법! 보고 싶은 공연을 클릭하면 결제 시 자동으로 수수료 무료 혜택 제공! Tip 아래에서 꿀잼공연 추천해드릴게요~ 뮤지컬 〈모차르트!〉 10주년 기념공연 202..

Publishing/HTML 2020.08.04

git clone(복제) 후 다시 git push(올리기)

1. git 설치하기 - 많은 선택지가 나오는데 그냥 무조건 next를 누르세요~ https://git-scm.com/downloads Git - Downloads Downloads Mac OS X Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific git-scm.com 2. 내 컴퓨터에 새폴더를 만들고 Git 저장소 받아오기(clone)..

TOOL/Github 2020.07.31

Line Awesome 사용하기

코드만 넣으면 아이콘이 뽕!!! 엄청나게 편한 Line Awesome의 사용방법에 대해 알아보겠습니다. https://icons8.com/line-awesome Download free icons, music, stock photos, vectors Designers, download the design stuff for free — icons, photos, UX illustrations, and music for your videos. icons8.com Line Awesome css를 추가하고 html 태그를 추가하면 사용이 가능합니다. 1. 시작하기 Getting Started 버튼을 눌러 시작 페이지로 이동한다. 1) 글꼴 CDN에서 로드 Font Awesome이 이미 설치되어있는 경우 간단히 ..

TOOL 2020.07.30

그리드 시스템

그리드 시스템이란 그리드 시스템(Grid System)에서 ‘Grid’는 격자나 바둑판 모양의 눈금을 뜻하며 일반적으로는 수직과 수평으로 면이 분할된 것을 의미합니다. 1970년대 중반부터 본격적으로 사용된 그리드 시스템은 디자인의 레이아웃에 규칙을 부여하는 수단입니다. 편집디자인(인쇄물)에서 시작해 현재 웹 개발 분야에도 적용하여 웹 페이지를 제작하는 기초 단계에서 그리드 시스템을 사용하면 제작을 쉽고 빠르게 진행할 수 있습니다. 그리드 시스템의 장점 디자인 레이아웃은 모든 측정값이 동일한 규칙을 따르면 자동으로보다 일관된 UI를 얻게 됩니다. 그리드 시스템은 균일한 요소와 간격을 사용하여 플랫폼, 환경 및 화면 크기에 일관성을 부여하고 그래픽 요소의 체계적인 배열을 도와줍니다. 또한 협업의 목적으로 ..

Design 2020.07.24
티스토리 친구하기