전체 글 66

vi 화환 텍스트 편집기 수정 방법

강의 를 하다 보면 Vim(빔, Vi IMproved)은 Bram Moolenaar가 만든 vi 호환 텍스트 편집기 수정 방법에 대하여 궁금해 하시는 분들이 많이 있습니다. 오늘은 간단하게 vi 텍스트 편집기 수정모드, 편집, 저장하는 방법에 대하여 알아보겠습니다. 1. vim : vi 편집모드로 들어간다. 2. 편집모드에서 i 를 입력하면 아래와 같이 insert 라고 나오면 원하는 입력값을 입력한다. 3. 원하는 입력값을 모두 입력하였다면. ESC를 입력한다. 4. :(콜론)을 입력 후 wq를 입력하면 끝!! 5. 저장하지 않고 닫기를 원할 경우 q를 입력하면 된다. q 입력 후 아래와 같은 구문이 뜨면 닫기전 q옆에 ! 을 입력하고 enter 하면 아래와 같은 구문 없이 창이 닫힙니다. e) q!

웹정보 2022.01.11

cmd / terminal 명령어 정리

CMD interface cmd 명령어를 통하여 빠르고 효율적인 파일 생성 및 파일 검색에 대하여 알아보고 환경변수를 빠르게 설정하고 삭제하는 방법에 대하여 정리해 보았다. man : manual e) man man man 에 대한 manual(정보) 확인 Man clear clear에 대한 manual(정보) 확인 Man 화면 나가기 q 키 입력 Clear : clear command line window Pwd : print working directory Ls : 현재 디렉토리의 파일 리스트 Ls 파일명/디렉토리명 : 상세 보기. 파워쉘: ls -name Ls -l (long format): 파일 상세정보 Ls -a (all) : 숨겨진 파일 보기. 파워쉘: ls -f Ls -la : -l + -a..

웹정보 2022.01.10

CSS (cascading HTML style sheets)

1. css란? Cascading Html style sheets :​ 순서를 정하는 HTML 양식 문서 마크업 언어(html)가 웹사이트의 몸체를 담당한다면 CSS는 옷과 액세서리 같은 꾸미는 역할을 담당한다고 할 수 있다. 즉, HTML 구조는 그대로 두고 CSS 파일만 변경해도 전형 다른 웹사이트처럼 꾸밀 수 있다. CSS등장 이전 마크업 형태 : tag에 직접 속성을 입력하여 스타일링하여 유지 보수가 어려웠다. html 문서 표기: 2. css 장점? 어려 형태의 style sheet를 만들어 쉽게 웹페이지의 스타일을 변경 할 수 있다. 스타일 문서를 HTML과 분리하여 문서 관리 및 수정이 편리하다. 3. css버전 변화? 1996년 CSS1을 시작으로 CSS2, 현재 W3C에서는 CSS3를 표..

웹코딩/css3 2022.01.06

웹킷(webkit),블링크(blink)..

웹브라우저 개발을 위한 오픈소스 응용프로그램 웹 렌더링 엔진 또는 웹 브라우저 엔진은 웹 페이지에서 모든 리소스를 로드하고 "대화형 이미지"로 변환하는 컴퓨터 프로그램입니다(즉, 페이지의 시각적 표현을 볼 뿐만 아니라 탐색할 수도 있습니다. 다른 페이지로 이동하거나 양식 제출). 이 프로세스를 "렌더링"이라고 하며 다른 엔진이 HTML, CSS, JavaScript, 이미지 및 기타 웹 리소스를 다르게 처리하더라도 동일한 결과를 얻기 위해 특정 사양을 따릅니다. 텍스트 웹 브라우저를 제외한 모든 웹 브라우저는 렌더링 엔진을 사용합니다. 기본적으로 이것이 바로 웹 페이지 렌더링의 속도와 정확성을 결정하는 것입니다. 웹브라우저 엔진 종류 : Blink Edge Gecko Goanna KHTML NetFron..

웹정보 2022.01.05

Photoshop Tools

tools overview Photoshop을 시작하면 화면 왼쪽에 [도구] 패널이 나타납니다. [도구] 패널의 일부 도구에는 상황에 맞는 옵션 막대에 나타나는 옵션이 있습니다. 일부 도구를 확장하여 그 아래에 숨겨진 도구를 표시할 수 있습니다. 도구 아이콘의 오른쪽 아래에 있는 작은 삼각형은 숨어 있는 도구가 있음을 나타냅니다. 도구모음 사용자 정의 도구를 그룹으로 구성하고 더 많은 작업을 수행하기 위해 Photoshop 도구 모음을 사용자 정의할 수 있습니다. 편집 > 도구 모음을 선택합니다. 편집 > 도구 모음을 선택합니다. 도구 모음 하단에 있는 을 길게 누른 다음 도구 모음 편집을 선택합니다. 도구 모음 사용자 정의 대화 상자에서 다음 중 하나 이상을 수행합니다. 도구를 그룹으로 구성하고 더 많..

그래픽 2021.02.13

그래픽 기초 지식

벡터와 비트맵 벡터와 비트맵의 차이는? 컴퓨터에서 사용하는 이미지의 형식은 크게 두 가지로 나눌 수 있습니다. 바로 벡터와 비트맵입니다. 포토샵은 주로 비트맵 형식을 사용합니다. 물론 펜 도구와 셰이프 도구, 스마트 오브젝트는 비교적 간단한 벡터기능을 포함하고 있습니다. 수식 기반의 벡터 벡터(vector) 파일이란 수학적인 오브젝트에 의해서 정의된 선과 곡선으로 구성되는 이미지를 이야기합니다. 벡터 이미지는 비트맵 이미지와 달리 어떤 해상도에서도 자동으로 크기를 조절하므로 해상도와 관계없이 깨끗한 이미지를 얻을 수 있습니다. 픽셀 기반의 비트맵 비트맵(Bitmap)파일이란 픽셀이라고 불리는 조그만 사각형이 가가의 색상을 가지고 모여서 이미지를 만들어내는 방식입니다. 그 때문에 확대해서 보면 픽셀의 형태..

그래픽 2021.02.12