본문 바로가기

ALL

[일러스트레이터] 별색(spot color) 만들기 별색 컬러를 지정해 놓으면 separations preview를 통해서 해당 컬러가 사용된 곳을 손쉽게 확인할 수가 있습니다. 그럼 원하는 색상을 별색 지정하는 법을 공유해보도록 하겠습니다. 먼저 swatches에서 별색으로 지정하고 싶은 색을 클릭한 후 하단 아이콘 중에 swatch option을 클릭해 줍니다. 여기서 color type를 spot color로 수정해 주면 separations preview에 별색으로 추가된 것을 확인할 수 있습니다.
[일러스트레이터] 팬톤 컬러 찾기 인쇄물 작업을 할 때는 cmyk에서 작업을 진행하는데요. 좀 더 정확한 출력물 색상을 사용하고 원활한 색 커뮤니케이션을 위해서는 팬톤 컬러 팔레트를 사용하는 것이 좋습니다. swatches에 팬톤컬러가 없다면 라이브러리를 통해서 쉽게 추가가 가능합니다. swatches가 보이지 않으신다면 window에서 swatchs를 활성화 해주세요. swatches에서 클릭 후 하단에 swatches library menu를 클릭하면 color book이 보입니다. color book에 마우스를 오버하면 라이브러리로 제공하는 색상 리스트가 보이는데요. 여기서 원하는 색상 리스트를 선택해주면 됩니다. (참고로 가장 많이 사용하는 pantone solid는 유료화 돼서 현재는 라이브러리에 보이지 않습니다.)
[일러스트레이터] 저장하면 색이 변해요. (경고 : When spot color are used with transparency, changing them to process colors outside of illustrator can generate unexpected results.) 고객사의 파일을 전달받아서 추가 수정 후 저장하려고 하는데 아래와 같은 경고창이 떴습니다. "When spot color are used with transparency, changing them to process colors outside of illustrator can generate unexpected results." 색에 문제가 있나? 하면서 저장을 하고 다시 열어봤는데 제가 설정했던 색이 아닌 비슷한 색상으로 대체 되어 있었습니다. 알고봤더니 고객사에서 받은 파일에 별색이 문제였습니다. 팬톤 컬러로 설정해 놓은 별색을 color mode에서 핵사코드로 설정 했었었거든요. 작업할 때는 문제가 없었는데 저장 시 별색으로 지정한 팬톤과 같은핵사코드를 넣은 색에서 문제가 생겼습니다. 문제를 확인하..
[lottie] 애프터이펙트(ae)에서 로티(lottie) 설치 및 벡터 제작 주의사항 애프터이펙트에서 제작한 벡터 애니메이션을 lottie를 활용해 웹에 간편하게 올릴 수 있습니다. 애팩에서 로티 파일을 제작하기 위해서는 플러그인 설치가 필요합니다. 그럼 애팩에 플러그인 설치 방법을 먼저 알려드리겠습니다. https://lottiefiles.com/plugins/after-effects LottieFiles for After Effects LottieFiles plugin for Adobe After Effects. Render Lottie animations in real-time from within After Effects and supercharge your Lottie workflow. lottiefiles.com 위 사이트에서 zxp 파일 다운로드 합니다. 파일 다운 후 PC에..
[lottie] 간략한 로티 소개 및 사이트 링크 lottie의 탄생으로 개발자분들이 그래픽 애니메이션을 더 손쉽게 넣을 수 있는 길이 열렸습니다. https://airbnb.design/lottie/ Lottie Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images. airbnb.design lottie에 대해서 자세한 정보는 위 사이트를 확인해 주세요. https://lottiefiles.com/ Lotti..
[애프터이펙트] ae에서 일러스트파일(ai) 벡터화 안될 때 애펙에서는 벡터 이미지를 살려서 모션주기가 가능한데요. ai 파일을 가져와도 픽셀화 되어 보여질 때가 있습니다. 이럴 때 체크해야하는 사항을 알려드리려고 합니다. 그럼 위 내용을 보기 전에 ai 파일을 에펙에 가져올 때 팁을 알려드리자면 고정 이미지와 움직임을 줄 이미지를 레이어 분리해서 가져오는 것이 좋습니다. 파일을 불러올 때 import 하거나 드래그앤드랍을 해주는데요. import 방식을 composition - retain layer sizes 로 가져오면 편합니다. ai 파일인데도. 이렇게 픽셀화 되서 깨진다면 switches가 활성화 되지 않아서 입니다. 레이어 ui 타이틀 상단에 우클릭해서 columms 에 들어가서 switches를 활성화 해주세요. 그럼 프로그램 최적화를 위해 가볍게 픽..
무료 MySQL client 워크벤치 (Workbench) MySQL monitor에서 워크벤치로 갈아타기 cmd를 이용해서 mysql monitor에 접속해서 mysql server를 컨트롤 해봤는데요. gui 기반으로 좀 더 사용이 편한 client를 소개해 드리려고 합니다. mysql client에는 여러가지가 있는데 저는 workbench를 사용해 보려고 합니다. ​ 워크벤치를 다운받기 위해서는 mysql workbench download를 검색하시거나 아래 링크로 접속해서 다운받으시길 바랍니다. https://www.mysql.com/products/workbench/ MySQL :: MySQL Workbench MySQL Workbench is a unified visual tool for database architects, developers, a..
관계형데이터베이스 MySQL join JOIN으로 테이블 연계하기 테이블 작성 시 join을 통해서 반복되거나 중첩되는 데이터를 다른 테이블로 빼서 연계해주는 것이 가능합니다. ​ ​ *character id title author_id 1 dong dong 1 2 happy nun 1 3 kakao friends 2 4 buttumak family 1 *author id name location 1 clock studio bucheon 2 kakao seoul 위와 같은 2개의 테이블이 있을 때 character 테이블 author_id 에 author 테이블을 매칭해서 보여줄 수 있습니다. SELECT * FROM character LEFT JOIN author ON character.author_id = author.id; // 캐릭터..
데이터베이스 MySQL 테이블 생성하기,선택하기,수정하기,삭제하기 MySQL sql 문법 정리 CREATE DATABASE 데이터베이스명; //데이터베이스 만들기 DROP DATABASE 데이터베이스명; //데이터베이스 삭제 SHOW DATABASES; //데이터베이스 목록 보기 USE 데이터베이스명; //원하는 데이터베이스 사용하기 CREATE TABLE 테이블명( 컬럼명 데이터타입(노출길이), id INT(11) //테이블 컬럼추가 샘플예제 id INT(11) NOT NULL, //NOT NULL 붙으면 값 없는 것을 허용하지 않는다 id INT(11) AUTO_INCREMENT, //자동으로 증가한다. 중복되지않는 식별자를 갖을 수 있다. id INT(11) NOT NULL AUTO_INCREMENT, //ID 식별자가 생성될 때 자동으로 값이 증가하고 중복을 허..
MySQL 공부를 위해 컴퓨터에 설치하기 MySQL 세팅하기 데이터베이스 MySQL을 설치하기 위해서는 먼저 구글에 mysql community edition downlode를 검색해서 접속합니다. 접속을 하면 위와 같은 화면이 나타날텐데요. mysql community edition 기능까지만 무료로 알고있습니다. ​이곳에서 Download MySQL community edition 을 클릭하면 하단 화면이 나타납니다. ​ 여기에서 MySQL Community Server를 클릭하고 general availability releases에서 맞는 운영체제 선택 후 다운받아서 설치하시면 됩니다. 그런데 호스팅 서비스를 사용하실 예정이라면 MySQL을 따로 설치할필요가 없으시니까 바로 진행하시면 됩니다. ​ 혹시 스터디를 위해서 MySQL을 사용해..
윈도우 팝업 window.open 사이즈 설정 윈도우 팝업창 띄우기 window.open 사이트 접속 시 공지를 띄우고 싶을 때 윈도우 팝업창을 사용하기도 하는데요. 오늘은 윈도우 팝업창 띄우는 소스를 알아보려고 합니다. ​ 윈도우 팝업을 올릴 index나 main 페이지에 하단 소스를 넣어줍니다. 도큐멘트가 로드되고 준비됐을 때 pop.html 파일을 blank 새 창으로 가로 420px, 세로 500px, 사이즈로 좌측에서 200, 상단에서 200 떨어진 위치에 띄워주라는 소스입니다. ​ 만약에 크롬 브라우저에서 사이즈 설정이 적용되지 않는다면 팝업 창인 pop.html 페이지에 하단 소스를 첨부해 주세요.
java 상속 java 상속 개념과 구현 - 자식 클래스에서 부모 클래스 메서드 접근하는 방법 - 상속에서 메서드 오버라이딩 개념과 구현 방법 ※ 상속의 개념 - 기존 클래스로부터 내용을 그대로 이어받아 사용하면서 필요에 따라 멤버변수, 메서드 등을 추가하거나 수정하여 새로운 클래스를 생성하는 작업의미 - 슈퍼 클래스(super class) : 부모의 개념으로 상속을 제공하는 상위 클래스 - 서브 클래스(sub class) : 자식의 개념으로 슈퍼클래스의 필드, 메서드를 자동으로 상속받으며 필요에 따라 필요한 필드와 메서드를 추가 ※ 상속 구현 class 클래스명 extends 슈퍼클래스명 ex) class circle_basic{ int r; doble pi=3.14; public void circle_width(i..
java 클래스와 객체 코딩 ※객체지향 프로그래밍 특징 - 효과적 프로그램 운영 : 객체를 사용하여 데이터 값과 그에 따르는 동작들을 모두 밀착하여 포함하므로 대규모 프로젝트 개발에 유연성있게 접근 할 수 있음 - 캡슐화 : 유효한 메시지만을 객체에 접근하도록 함으로써 정보은닉을 제공 - 상속 : 기존의 클래스가 갖고 있는 속성과 메소드 정보를 모두 새로운 클래스에게 할당할 수 있는 기능으로 프로그램의 재사용성을 높임 - 다형성 : 동일한 메소드 일지라도 매개변수의 유형이나 개수에 의해 다르게 동작할 수 있는 성격을 의미 ※ 구조체 vs 클래스 - 구조체는 프로그램의 재사용성이 거의 없으며, 프로그램 코드길이가 길어지는 문제점 발생 - 단순한 데이터의 입력을 할때는 구조체가 좋음 - 클래스는 메서드와 변수를 한꺼번에 정의 ※클래스의..
java 배열코딩(array) : 1차원 배열과 2차원 배열 1차원 배열과 2차원 배열 ※ 배열이란? - 같은 유형의 데이터를 여러 개 변수로 보관해야 할 경우 배열을 사용 - 여러 변수들을 하나의 이름으로 묶은 집합 - 첨자(또는 인덱스) : 각 값들을 구분할 수 있는 번호를 의미 - 배열요소 : 각각의 개별 값들을 일컬으며, 0부터 최고 인덱스까지 연속되어 대입 - 배열의 차원 : 1차원부터 n차원까지 표현가능하나 보통 프로그램에서 2차원까지 사용 (1차원:행, 2차원:행과열) - 예를 들어 카페에서 아메리카노,카페라떼 각각의 다른 변수명으로 넣지않고 커피라는 집합이름을 설정해서 구분 ※ 자바의 배열선언과 사용 - 자바에서의 배열은 객체 - 배열 생성과 동시에 자신의 타입에 맞는 기본값으로 자동 초기화가 이루어짐 ※ 1차원 배열 사용법 // 선언형식 01 자료..
java 반복문 : while문, do ~ while문 ※ while 문법 -조건이 '참'을 만족하는 동안 작업영역을 반복 수행 while (조건) { 반복작업영역; } ex) int i=1,sum=0; while (i
java 반복문 : for문, 확장 for문 ※ 반복(loop) for문 - 반복문 : 프로그램의 일정부분을 지정된 횟수만큼 반복하여 실행하는 구조문을 의미 ※ for 문법 for (초기값;조건값;증감값) { 실행영역; } ex) int i,sum=0; for (i=1;i
java 조건제어 if문, switch문 ※ 조건제어 if문 - 조건제어 : 조건에 따라 실행 흐름을 조정할 수 있도록 함으로써 프로그램의 유용성을 강화 ※ if 기본문법 if (조건식) { 참일때 실행할 문장기술; } if (조건식) { 참일때 실행할 문장기술; } else { 거짓일때 실행할 문장기술; } if (조건식1) { 조건식1이 참일때 실행할 문장기술; } else if (조건식2) { 조건식2가 참일때 실행할 문장기술; } else { 위 조건이 모두 거짓일때 실행할 문장기술; } ※ 참고로 실행문이 한줄이면 블록{} 표시 안해도됨 ex) int a=15 if (a%2==0) System.out.printIn("a는 짝수입니다"); else System.out.printIn("a는 홀수입니다"); // a를 2로 나눈 나머지값이 ..
java 연산자 코딩 ※ JAVA 산술연산자 - 수학적 연산에 사용되며, 자바에서는 이들을 이용하여 수치 계산 ※ 기본 산술 연산자 + 덧셈 연산자 - 뺄셈 연산자 * 곱셈 연산자 / 나누기 연산자 % 나누기 결과 나머지 계산 연산자 ※ 증가/감소 산술연살자 ++변수 실행 전 변수에 1을 더함 변수++ 실행 후 변수에 1을 더함 --변수 실행 전 변수에 1을 빼기 변수-- 실행 후 변수에 1을 빼기 ex) int a=5, b=7; System.out.printIn("결과1=" + (++a+3)); //a=6 System.out.printIn("결과2=" + (--b)); //b=6 System.out.printIn("결과3=" + (a+b--)); //a=6, b=6, 다음줄부터 b=5 System.out.printIn("결..
java 프로그램 기본 구조와 변수 ※ 자바 프로그램 기본 구조 - 자바 프로그램은 여러 개 명령을 모은 블록들로 구성 - 블록으로 시작과 끝을 알리고 자바 문장 끝에는 세미콜론(;)을 붙여서 구분해줌 - 메서드에 괄호 안에 내용을 넣어줌 - 따옴표("")을 붙여주면 그 안에 텍스트로 인식 따옴표가 없으면 연산식으로 인식 ※ 변수 - 변수 : 값을 저장하기 위한 메모리 공간을 확보하고 식별자를 붙인 것 - 식별자(변수명) : 사용자가 정의하는 모든 이름을 의미 - 변수 선언할 때는 데이터 타입을 선언해서 종류를 정의 ※ 변수 선언 및 할당 - int a=5; (변수 a에 5를 담아주세요) - int a; (변수는 a) a=10; (a는 10) - int a=5, b=10; - int a, b, c; a=5; b=10; c=a+b ※ 자료형..
java 프로그래밍 개요 ※ JAVA : 1995년 썬 마이크로시스템즈에서 공개한 객체지향형 프로그래밍 언어 ※ 객체지향형 프로그래밍 언어 : - C언어와 다르게 JAVA는 데이터 처리 방법보다는 프로그램 상의 데이터를 중시 - 프로그램의 복잡도를 극복하기 위한 기법으로 코드의 재사용 성과 유지 보수가 용이 ※ 자바는 자바가상머신(JVM)에서 동작 - windows, linux, mac 운영체제 위에서 JVM이 동작하기 때문에 운영체제 하드웨어에 상관없이 실행됨 ※ JAVA 프로그램의 작동원리 - 소스프로그램 → 컴파일러 → 컴파일 결과 문서 → JVM ※ JAVA 프로그램 종류 - JAVA application - JAVA applet - JAVA servlet - JAVA beans