본문 바로가기


IT

 (7)
[티스토리 파비콘 설정] 티스토리 파비콘 만들고 변경하기 티스토리 파비콘 설정하는 방법 1. 먼저 포토샵으로 파비콘부터 간단히 만들어본다. 캔버스 사이즈는 16 x 16으로 디자인은 원하는대로, 나는 심플하게 만들어보았다. 만든 후 저장은 png파일로 해준다. 2. 파일 확장자 강제 변경 png -> ico 로 이름을 변경해준다. 3. 티스토리 메뉴 - 관리 - 블로그 클릭 4. 파비콘 설정 메뉴에서 만들어둔 ico파일을 불러오면 끝! 변경사항 저장~! 5. 내 티스토리 블로그에 파비콘이 적용된걸 확인 간단하게 적용이 가능한 티스토리 파비콘! 해놓으니 훨씬 눈에 띄고 이쁘다♡
[디자인소스공유] 색연필 손글씨 png, psd 파일 공유 ver.1 ppt 만들 때, 포토샵에서 디자인할 때, 굿노트 스티커로도 유용하게 쓰이는 색연필 손글씨 느낌 소스를 공유하고자 한다. 이번 버전에서는 [밑줄, 별표, 화살표, 하트, 점선, 동그라미, 체크, 채점] 다양하게 그려보았다. 사실 내가 쓰려고 구글 검색했더니 유료사이트로만 계속 연결되고 답답해서 직접 만들어서 올려본다. ( 사용 예시이미지 ) 나는 위 이미지처럼 강조할 때 많이 쓴다 다운로드는 아래에서 받으면 된다. (본인만쓸것, 상업적이용금지, 재배포금지)
주피터 노트북 설치/실행 1. 주피터 노트북 설치 - cmd 창에 설치명령 입력하기 pip install jupyter 5분내로 설치가 완료되고, 설치가 끝났다는 메세지가 출력됨 2. 주피터 노트북 실행 1) c드라이브에 주피터 노트북으로 만든 파일이 저장될 폴더 생성 2) 해당폴더로 이동 후 Shift 키를 누른상태에서 마우스 오른쪽 버튼을 누르면 나오는 단축메뉴 중 '여기에 PowerShell 창 열기' 메뉴 선택 3) 명령창에서 jupyter notebook 입력 4) 웹브라우저에서 주피터 노트북 실행됨
간단한 파이썬 설치하기 파이썬 설치는 매우 간단하다. 1. 파이썬 사이트 접속하기 www.python.org Welcome to Python.org The official home of the Python Programming Language www.python.org 2. 파이썬 버전 검색해서 다운로드 받기 - 글쓴 시점 최근 버전이 3.8.1까지 나왔지만, 버그들이 존재 할 수 있기에 안정적인 3.5.4 버전을 다운받기로 함 위 이미지의 3.5.4 버전 파란글씨 선택 후, 다음페이지에서 다운받을 파일을 선택할 수 있다. 파일리스트 중 본인의 운영체제에 맞는 파일을 다운받으면 된다. 3. 다운받은 파일을 관리자 권한으로 실행하기 4. Customize installation 선택, Add Python 3.5 to PATH 선..
vue.js - 라우터, http, 템플릿, CLI 뷰 라우터뷰에서 라우팅 기능을 구현 할 수 있도록 지원하는 공식 라이브러리 : 페이지 이동 태그, 화면에서는 로 표시됨 : 페이지 표시 태그. 변경되는 url에 따라 해당 컴포넌트를 출력해주는 영역​$mount() API -el속성과 동일하게 인스턴스를 화면에 붙이는 역할​ 뷰 라우터 예제 Main 컴포넌트로 이동 Login 컴포넌트로 이동 // 3. Main. Login 컴포넌트 내용 정의 var Main = { template: 'main' }; var Login = { template: 'login' }; // 4. 각 url에 해당하는 컴포넌트 등록 var routes = [ { path: '/main', component: Main }, { path: '/login', component: Log..
vue.js - 뷰 인스턴스, 컴포넌트 이해하기 뷰 인스턴스뷰 인스턴스 생성자- new Vue()로 인스턴스 생성 시 Vue를 생성자라고 함- Vue생성자는 뷰 라이브러리 로딩하고 나면 접근 가능new Vue({ el: '#app', data: { message: 'Hello Vue.js!' } }); 뷰 인스턴스 옵션 속성- 인스턴스 생성 시 재정의할 data, el, template 등의 속성 의미- el : 미리 정의되어있으며, 뷰로 만든 화면이 그려지는 시점을 뜻함- # 선택자는 CSS선택자 규칙과 같음- template : 화면에 표시할 HTML, CSS 등의 마크업 요소를 정의하는 속성- methods : 화면 로직제어와 관계된 메서드를 정의하는 속성, 화면의 전반적인 이벤트와 화면동작과 관련된 로직 추가- created : 뷰 인스턴스가 ..
vue.js 개발환경 설정 -아톰, node.js, 뷰 개발자도구 1. 아톰 에디터 설치아톰(Atom) 텍스터 에디터는 깃허브에서 제작한 무료 텍스터 에디터.100% 무료이고, 확장플러그인을 이용해서 유용한 기능을 추가할 수 있기 때문에 기능면에서도 우수하다아톰 에디터 다운로드 주소 https://atom.io/ 아톰에디터의 File - setting 에서 아래 플러그인 설치 가능- Themes : seti-ui 플러그인 : 직관적인 파일아이콘 제공, 색깔 조합이 눈에 너무 튀지않아 장시간 코드봐도 눈에 덜 부담- atom-material-syntax-dark : 자바스크립트 코드 구문 강조색 조합 잘되있어서 코드 가독성 높아짐+language-vue 패키지 설치시 vue 코딩 용이 2. node.js 설치https://nodejs.org/ko/ 3. 뷰 개발자 도구 ..

티스토리툴바