본문 바로가기

Web16

[CS6]포토샵 기초부터 실무까지 1편 (레이어의 기초) 안녕하세요, 도롱군 입니다.금일 포스팅은 포토샵 기초부터 실무까지 1편 레이어의 기초에 대해 알아보도록 하겠습니다. 필자는 참고로 Adobe Photoshop CS6을 사용하고 있습니다.따라서, 모든 포스팅은 CS6에 초점이 맞추어져 진행될 예정입니다. 오늘 금일 포스팅 주제는 레이어의 기초와 유용한 되돌리기 단축키에 대해서 알아보도록 하겠습니다. 레이어? 그게 뭐지? 오늘의 주인공은 귀여운 강아지가 되겠습니다.해당 포스트를 보고선, 이게 어딜봐서 레이어와 연관있는지 잘 모르실 수도 있습니다. (오로지 포토샵을 처음 입문하시는 분들을 위한 포스트입니다, 심화 부분은 차후 포스트하도록 하겠습니다.) 그렇다면, 레이어는 도대체 무엇일까요?쉽게 레이어는 파일의 순서라고 생각하시면 쉽게 이해하실 수 있습니다.우.. 2017. 8. 29.
CSS 기초부터 활용하기 3편 (색상 편) 안녕하세요 도롱군 입니다.1편, 2편에 이어서 3편에 들어갑니다.이제 어느정도 CSS 배열에 대해서 어떤 느낌인지 감이 오는 수준입니다. 이전 게시물 CSS 기초부터 활용하기 1편 CSS 기초부터 활용하기 2편 (스타일 시트 편) 오늘은 CSS의 색상에 대해서 알아보도록 하겠습니다.색은 사전 뜻과 같이 서로 구별되는 특성이라 합니다, 시각적인 요소가 포함되어 각 색상마다의 여러가지 의미를 갖기도 합니다.그 만큼 스타일을 표현할 때 정말 중요한 요소 중 하나입니다. CSS에서의 색상을 표현하는 방법은 많습니다, CSS 내에서만 3가지 방법으로 낼 수 있으며 CSS3를 통하여 opacity(투명도)를줄 수도 있습니다. 아래와 같이 3가지 방식으로 색상을 표현 할 수 있습니다.CSS 내 유효 색상 이름 : ".. 2017. 8. 24.
JavaScript를 이용하여 Table Sort처리하기 안녕하세요 도롱군 입니다.이번 포스팅은 JavaScript를 이용하여 HTML Table을 Sort 할 수 있는 방법에 대해 알아보도록 하겠습니다.극히 주관적으로 포스팅 되었으며, 최근 사내 인프라 개발하면서 쓰던 스크립트 파트를 조금 정리하여 포스팅 해보자라는생각으로 포스팅하게 되었습니다. 우선 테이블을 만들기 위해 html 문서를 위와 같이 준비해보도록 합니다.기본적인 베이스로 저정도만 소스를 작업 해주시면 되며, 한 html 문서 안에서 모든 것을 해결할 예정이니,head에 내부 스타일을 적용 시켜줍니다. (이는 Table CSS 디자인을 이용하여 테이블 구분을 하기 위함입니다. 상기의 사진은 html 문서의 head 부분만을 캡쳐한 것 입니다. Table, th, td의 태그를 border sty.. 2017. 8. 23.
CSS3 그라디언트 배경화면 만들기 안녕하세요 도롱군 입니다. CSS3를 이용하여, 배경 등 색상을 입힐 수 있는 모든 것에 그라디언트 효과를 줄 수 있는 것은 아시나요?또한, 키프레임을 이용하여 색상 변환이 이루어질 수 있도록 애니메이션 효과를 적용시킬 수도 있습니다. 들어가기 전, 우선적으로 CSS3를 이용하여 그라디언트를 적용하는 방법에 대해서 써보도록 하겠습니다. 그라디언트는 두가지로 나뉠 수 있습니다. Linear Gradients ( 상,하,좌,우,대각선 [top,bottom,left,right] )Radial GradientsCSS3 웹 브라우저 호환성 참고: Chrome IE Firefox Safari Opera linear-gradient 26.0 10.0 -webkit- 10.0 16.0 3.6 -moz- 6.15.1 -.. 2017. 8. 20.
티스토리 크롬 임시저장, 사진첨부가 안될때 해결법 안녕하세요, 도롱군 입니다.이번 포스팅 주제는 크롬에서 티스토리가 정상적인 작동을 하지 않을 때, 해결 방법입니다. 국내에서 3,4년 전까지만 해도 인터넷 익스플로러(Internet Explorer)의 브라우저 점유율은 상당히 높았습니다.또한 블로그를 운영하는 다양한 주제를 가지고 있는 전문 블로거 분들도 많이 생기고, 또한 실시간으로발행되는 포스팅이 어마어마하다는 것을 알 수 있고, 그야말로 현세는 정보의 바다 속에 살고 있다고 하더라도 과언이 아닙니다. 그러면서 어느순간 구글에서 야심차게 내놓은 크롬(Chrome)이 점유율을 치고 올라가면서,대부분의 많은 사람들이 기본 브라우저로 크롬을 사용하기 시작했고 도롱군 또한 크롬을 주력으로 사용했고티스토리 포스팅 또한 크롬을 사용했으나 크롬으로 티스토리를 이.. 2017. 8. 17.
CSS 기초부터 활용하기 2편 (스타일 시트 편) 안녕하세요 도롱군입니다. 이번 포스팅은 전 CSS 기초부터 활용까지 1편을 이어서 진행하도록 하겠습니다. 지난 포스팅에서 CSS 스타일 시트를 어떻게 만드는지 배웠는데, 이번엔 이렇게 만든 css 파일을 어떻게 사용할 수 있는지에 대해, 또한 내부 스타일을 어떻게 줘야하는지에 대해 알아보도록 하겠습니다. CSS를 사용하는 3가지 방법 CSS를 사용할 수 있는 방법은 3 가지가 있습니다. 인라인 스타일 내부 스타일 시트 외부 스타일 시트 이렇게 3가지의 방법을 이용하여 HTML 문서에 스타일을 적용 시킬 수 있습니다. 심화 1. 외부 스타일 시트 외부 스타일 시트는 css 파일만 수정하여 해당 css 파일을 사용한 모든 HTML 문서의 스타일을 변경 할 수 있습니다. 태그를 이용하여 외부 스타일 시트를 불.. 2017. 8. 15.

티스토리툴바