본문 바로가기

전체 글

 (18)
[Illustrator] 일러스트(AI), 새 문서(New Document) 설정 * CC 최신 버전 기준으로 작성한 글입니다. CS 버전과 일부 다를 수 있습니다. * 새 문서(New Document) 설정 - 일러스트 창을 열고 메뉴바 File -> New...(또는 단축키 Ctrl + N)를 선택한다. 1. 문서이름 - 문서의 이름을 설정하는 것으로 ai 파일을 저장할 때 파일명이 된다.(상세 설명 생략) 2. 대지크기 설정 - 작업할 아트보드의 크기를 설정한다. 3. 도련설정 - 인쇄 작업 시 문서 가장자리까지 인쇄되어야 할 경우 밀림 현상 방지 위해 설정한다. 4. 컬러 & 해상도 설정 - 그래픽의 용도에 따라 맞게 설정해야 한다. 2. 대지 크기 - 작업할 공간의 width(가로), height(세로)를 기입할 수 있고, 단위도 선택할 수 있다. - Orientation은 ..
[Illustrator] 일러스트(AI) 기본 환경, 환경 설정(CC 버전) * CC 최신 버전 기준으로 작성한 글입니다. CS 버전과 일부 다를 수 있습니다. * INDEX 일러스트 기본환경 툴박스 옵션 변경, 컨트롤 패널 찾기 일러스트 환경설정 일러스트 기본 환경 1. 메뉴바 - 일러스트 기능, 작업환경, 세부 기능 등을 설정할 수 있다. 2. 툴바(도구 바) - 일러스트에서 그래픽 작업에 사용하는 도구들을 모아놓은 곳 3. 컨트롤 패널(제어 패널 or 옵션 바) - 선택한 툴의 필요한 옵션들이 나열되어 있다. 4. 패널(속성 패널) - 각 툴의 효과 등을 더 디테일하게 설정한다. 5. 아트보드(대지) - 일러스트에서 그래픽 작업을 하는 공간이면서 실제로 출력되는 공간(일러스트에서는 아트보드 외에 공간에 모두 작업할 수 있음, 아트보드 외에 작업한 것은 출력 시 제외된다.) ..
[Javascript] Javascript 데이터 타입(data type), typeof() 연산자 *고승원 바닐라 자바스크립트 책 여러 사이트를 보고 공부하고 쓴글입니다. 도움 받은 사이트는 내용 가장 하단에 링크 걸어두었습니다.* INDEX 데이터 타입(data type) 원시 타입(primitive type) 참조 타입 Or 객체 타입(reference type, object type) typeof() 연산자 데이터 타입(data type) - 데이터 타입은 값의 종류를 의미하며, 그 종류에는 숫자, 문자열 등이 존재한다. - 원시 타입(기본 타입, primitive type)과 참조 타입(객체 타입, reference type)으로 구성된다. 원시 타입(primitive type) - 값을 저장하는 데이터 타입이다. - 원시타입은 값을 변형할 수 없는 불변성(immutable)을 가진다. - 따..
[CSS] CSS란 무엇인가? / CSS 적용 방식 "본 글은 TCP SCHOOL, CODING FACTORY 사이트의 내용을 일부 참고하여 작성 한 내용입니다." https://www.codingfactory.net/10529 http://www.tcpschool.com/css/css_intro_apply INDEX CSS의 정의 CSS 적용 방식 인라인 방식(Inline style) 내부 스타일 시트(Internal style sheet) 외부 스타일 시트(External style sheet OR Linking Style Sheet) CSS란?? - CSS는 Cascading Style Sheets의 약자로 HTML, XHTML 등의 디자인과 레이아웃을 설정할 때 사용되는 언어이다. - 주로 요소의 너비, 색상, 위치 등등을 지정한다. - 이전에는 ..
[HTML] HTML 텍스트 태그 1 <h1>~<h6>, <p> INDEX 제목 태그 ~ 문단(단락) 태그 제목 태그 ~ - html 문법 중 제목을 정의하기 위해 사용하는 태그이다. - 제목 태그에서 h는 heading의 앞글자이며 h1, h2, h3, h4, h5, h6으로 이루어져 있다. - 제목 태그는 브라우저에서 자동으로 볼드체(굵은 글씨체)로 표시되며 각 태그마다 줄 바꿈이 된다. - h1, h2, h3, h4, h5, h6의 크기는 각각 다르며 h1이 가장 크고 h6이 가장 작다. -> 주로 h1 ~ h3까지 사용, h1으로 가장 중요한 제목을 정한다.(h6은 가장 중요하지 않은 제목을 지정할 때 사용) 문단(단락) 태그 - html태그 중 본문에 주로 사용하는 태그로 문단(paragraph)을 정의한다. - h태그와 같이 태그 사이에 본문 내용을 집어넣..
[Javascript] Javascript 변수 선언 var, let, const(상수) * 바닐라 자바스크립트 책(저자 고승원)을 참고하여 쓴 글입니다. * INDEX var, let 선언자 const 선언자 var, let 선언자 - 자바스크립트에서 변수를 생성하고 저장할 때 var와 let 선언자를 사용한다. - var는 ES6 이전에 사용하던 선언자, let은 ES6에 추가된 선언자이다. - var는 프로그램 내 동일 변수명을 사용 가능하고, let은 동일 변수명을 사용 불가능하다. - 최근에는 프로그램의 오류를 최소화하기 위해 let을 주로 사용한다. -> var는 동일한 변수명을 사용하더라도 프로그램 상 에러가 발생하지 않지만 let은 에러가 발생한다. 따라서 let의 사용은 동일 변수명을 생성했을 때 다른 코드에 영향을 미치는 것을 예방할 수 있다. const 선언자 - ES6에..
[Javascript] Javascript 콘솔(console), 주석 처리 /* 바닐라 자바스크립트 - 고승원 책으로 학습하고 정리한 내용입니다. */ INDEX 콘솔(console), 개발자 도구 여는 법 주석처리 콘솔(console) - 웹 프로그램 개발 시 디버깅 작업은 매우 중요하다 이때 쓰이는 것이 콘솔(console)이다. - 코드의 에러 해결, 전체적인 흐름 파악, 정상 동작 여부 등을 확인할 때 쓰인다. - 웹 개발 시 개발자 도구를 많이 활용하게 되고 여기에서 그 기능(콘솔)을 제공한다. - 대표적인 확인 방식은 console.log()를 활용하여 출력하고 싶은 숫자, 문자 등을 기입하는 것이다. - 잘못된 예약어, 선언되지 않은 변수를 사용했을 경우에 에러를 콘솔 창으로 확인이 가능하다. * 예약어를 변수로 사용했을 때 콘솔창에 Uncaught SyntaxEr..
[Javascript] Javascript 선언 위치, 외부 스크립트 * 선행지식으로 HTML과 CSS가 필요합니다 * 코드 작성 툴 Visual Studio Code INDEX Javascript 선언문과 그 위치 내부 스크립트 외부 스크립트 Javascript 선언문과 그 위치 - JS 선언문의 형태 -> 코드 작성 영역을 설정 또는 선언하는 것 -> 자바스크립트 선언문은 의 형식을 사용한다. -> 자바스크립트 코드는 웹 사용자에게 보이지 않는다. - JS 선언문 작성 위치 1. 영역에 위치 2. 영역에 위치 - javascript 선언문의 위치는 html문서 내 태그 영역 또는 태그 영역에 위치할 수 있다. (head, body 두 영역 둘 다 작성이 가능하다.) - 태그 안에 작성 할 경우 : 순차적으로 실행하기 때문에 태그에 쓰인 html 코드를 실행하기 전 sc..

티스토리툴바