본문 바로가기

전체 글81

hexo와 github로 blog 구축하기 hexo와 github로 블로그 구축하기 개발(합니다)/시나브로(이슈) 2018. 12. 7. 15:40 블로그 시작 전부터 하는 갈등 이전부터 개발자스럽게 직접 구축해서 블로그를 운영해보고 싶었습니다. 정적페이지를 운영해보고 싶어서 찾아본 결과 일반 블로그 1. 네이버 2. 티스토리 플랫폼 제공형 일반 블로그는 두 가지가 우리나라에서는 대표적이었습니다. 카페24 같은 호스팅 업체에서는 블로그 보다 쇼핑몰 정적페이지 제공을 합니다. 구축형 블로그 1. 워드프레스 2. git hub 3. git lab 4. 손수 개발 이런 저런 고민 끝에 티스토리로 정했습니다. 장점 1. HTML 작성이라는 일말의 자유 2. 초대장 형태(지금은 없어짐) 3. 플러그인 지원 4. 깔끔한 스킨 5. 파일 데이터의 여유와 안전.. 2020. 3. 3.
GitHub 자주 사용하는 명령어 정리 GitHub 명령어 요약 git init : git 생성하기 git clone git_path : 코드가져오기 git checkout branch_name : 브랜치 선택하기 git checkout -t remote_path/branch_name : 원격 브랜치 선택하기 git branch branch_name : 브랜치 생성하기 git branch -r : 원격 브랜치 목록보기 git branch -a : 로컬 브랜치 목록보기 git branch -m branch_name change_branch_name : 브랜치 이름 바꾸기 git branch -d branch_name : 브랜치 삭제하기 git push remote_name — delete branch_name : 원격 브랜치 삭제하기 ( git.. 2020. 3. 2.
git 설치 및 가입 GitHub 란 무엇입니까? GitHub는 버전 제어 및 협업을위한 코드 호스팅 플랫폼입니다. 그것은 당신과 다른 사람들이 어디서나 프로젝트에 협력 할 수 있습니다. 이 튜토리얼에서는 리포지토리 , 브랜치 , 커밋 및 풀 요청 과 같은 GitHub 필수 사항에 대해 설명 합니다 . 자신 만의 Hello World 리포지토리를 만들고 코드를 만들고 검토하는 일반적인 방법 인 GitHub의 풀 요청 워크 플로를 배우게됩니다. 코딩 불필요 이 튜토리얼을 완료하려면 GitHub.com 계정 과 인터넷 액세스 가 필요합니다 . 코딩, 명령 줄 사용 또는 Git (버전 제어 소프트웨어 GitHub가 내장 된)을 설치하는 방법을 몰라도됩니다. 팁 : 이 안내서를 별도의 브라우저 창 (또는 탭)에서 열면 자습서의 단계.. 2020. 3. 2.
그리드 시스템 그리스 시스템 샘플 http://gridcalculator.dk/#/1500/12/20/10 Grid Calculator by Nicolaj Kirkgaard Nielsen gridcalculator.dk 그리드 시스템이란 그리드 시스템(Grid System)에서 ‘Grid’는 격자나 바둑판 모양의 눈금을 뜻하며 일반적으로는 수직과 수평으로 면이 분할된 것을 의미합니다. 1970년대 중반부터 본격적으로 사용된 그리드 시스템은 디자인의 레이아웃에 규칙을 부여하는 수단입니다. 편집디자인(인쇄물)에서 시작해 현재 웹 개발 분야에도 적용하여 웹 페이지를 제작하는 기초 단계에서 그리드 시스템을 사용하면 제작을 쉽고 빠르게 진행할 수 있습니다. 그리드 시스템의 장점 디자인 레이아웃은 모든 측정값이 동일한 규칙을 따.. 2020. 3. 2.
mac adobe 정품인증 방법 https://extrememanual.net/32779 맥용 Adobe CC 2020 다운로드 및 정품인증 방법 - 익스트림 매뉴얼 어도비의 최신 포토샵, 일러스트레이터, 애프터이펙트, 프리미어등 맥북을 사용하는 분들을 위한 맥용 Creative Cloud 2020 버전 소프트웨어를 설치하는 방법입니다. 이전 포스트에서 윈도우용 어도� extrememanual.net https://www.adobezii.com/adobezii-damaged/ https://smcamp2.tistory.com/281 어도비 포토샵 2020 v21 설치이미지 Adobe Photoshop 2020 v21 - •Adobe 영문 홈페이지 https://www.adobe.com/ •Adobe 한글 홈페이지 https://www... 2020. 2. 28.
VS Code VS Code 란? (Visual Studio Code) MS에서 제공하는 크로스 플랫폼 에디터로 다양한 언어를 서포트 하며, IntelliSense와 Git 기능, 그리고 Extension 을 이용한 확장 기능을 제공하고 있다. Atom, Brackets 등과 유사. 설치방법 Windows https://code.visualstudio.com 에 접속하여 다운로드 후 설치 Ubuntu Visual Studio Code 설치 Visual Studio Code 다운로드 링크 에서 Linux .deb 파일 다운로드 $ sudo dpkg -i code_1.23.1-1525968403_amd64.deb 만약 Package libconf-24 is not installed. 에러가 발생한다면 $ sudo apt-.. 2020. 2. 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 : 현재창 스크린.. 2020. 2. 28.
CSS Transitions CSS 전환을 사용하면 지정된 기간 동안 속성 값을 부드럽게 변경할 수 있습니다. CSS 전환 효과를 보려면 아래 요소 위로 마우스를 이동하십시오. CSS 이 장에서는 다음과 같은 속성에 대해 설명합니다. transition transition-delay transition-duration transition-property transition-timing-function 2020. 2. 28.
CSS 3D Transforms 3D Transforms CSS는 3D 변환도 지원합니다. 아래 요소 위로 마우스를 이동하여 2D와 3D 변환의 차이점을 확인하십시오. 2D 회전 3D 회전 CSS 3D 변환 방법 CSS transform속성을 사용하면 다음 3D 변형 방법을 사용할 수 있습니다. rotateX() rotateY() rotateZ() rotateX () 메서드 이 rotateX()방법은 주어진 각도에서 X 축을 중심으로 요소를 회전시킵니다. #myDiv { transform: rotateX(150deg); } rotateY () 메서드 이 rotateY()방법은 주어진 각도에서 Y 축을 중심으로 요소를 회전시킵니다. #myDiv { transform: rotateY(130deg); } rotateZ () 메서드 이 rot.. 2020. 2. 26.
CSS 2D Transforms Transforms CSS 변환을 사용하면 요소를 이동, 회전, 크기 조절 및 기울일 수 있습니다. 2D 회전 브라우저 지원 표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다. 브라우저 별 접두사 일부 구형 브라우저 (IE 9)는 2D 변환 속성을 이해하기 위해 특정 접두사 (-ms-)가 필요합니다. div { -ms-transform: rotate(20deg); /* IE 9 */ transform: rotate(20deg); /* Standard syntax */ } CSS 2D 변환 방법 CSS transform속성을 사용하면 다음과 같은 2D 변형 방법을 사용할 수 있습니다. translate() rotate() scaleX() scaleY() scale() skewX() s.. 2020. 2. 26.
VS code sass compile https://bbol-world.tistory.com/80 VSCODE sass compile 하기 2018/05/24 - [Programing] - VSCODE 에디터 설치 및 세팅 compile 하기 위한 방법은 여러가지가 있지만, VSCODE를 이용하여 간편하게 compile 하는 방법이 있으니 그 방법을 추천한다. 시작하기에 앞서 sass를 더.. bbol-world.tistory.com 2020. 2. 26.
CSS Layout - Overflow CSS overflow속성은 너무 커서 영역에 맞지 않는 내용의 내용을 제어합니다. #overflowTest { background: #4CAF50; color: white; padding: 15px; width: 50%; height: 100px; overflow: scroll; border: 1px solid #ccc; } This text is really long and the height of its container is only 100 pixels. Therefore, a scrollbar is added to help the reader to scroll the content. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed d.. 2020. 2. 25.