공부하자 322

일반홈페이지 리다이렉션 소스

-일반홈페이지 리다이렉션 소스- 1. 메타 태그를 이용한 방법";?> 예를 들면 아래와 같이 사용할 수 있습니다.";?> 실제 사용 예제는 아래와 같습니다. 형식으로 사용 할 수 있습니다.상기 스크립트는 모바일 스크립트랑 동일하게 사용하실 수 있으며, DirectoryIndex A인 경우 A디렉토리 안에 B로 가게 설정해주는 스크립트입니다.A디렉토리에 임시의 index.html ,index.php, index.htm 등을 생성하여 상기 스크립트를 기재해 주시면 접속시 자동적으로 설정하신 경로로 접근하게 됩니다. 2. 자바스크립트를 이용한 방법 예제는 아래와 같습니다. 3. 헤더를 이용한 방법 예제는 아래와 같습니다.

HTML편집 프로그램들 알아보기

편집 프로그램 윈도우에서 문서 작성을 하려면 간편하게는 메모장만 있어도 문서를 작성할 수 있지만 다양한 기능들을 구성하고 표시하기 위해서는 MS워드나 아래아 한글과 같은 워드 프로세서들을 사용하면 훨씬 더 다양한 기능들을 간편하게 구성할 수 있다. 1. GR HTML Editor국산 HTML 편집 프로그램 중에서 드물게 WYSIWYG 기능과 HTML 편집 기능이 뛰어난 '무료' 프로그램이다. 2. 나모 웹에디터국내에서 가장 인기 있는 HTML 편집 프로그램으로써 그냥 일반적인 워드프로세서로 작업하는 것처럼 웹 페이지를 만들 수 있게 해놓은 것이 특징이다. 3. Microsoft Frontpage마이크로소프트에서 개발한 HTML 편집 프로그램이다. 4. 드림위버웹 디자이너들이 가장 즐겨 쓰는 대표적인 HT..

공부하자/HTML 2016.11.27

이미지 링크 거는 방법

1. 이미지 클릭시 현재 열기 ex) 네이버 이미지 주소 - http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif 본인은 네이버를 연결해 보도록 하겠습니다. 블로그일 경우 HTML편집 부분에 아래와 같이 작성해주세요. 상기 부분과 같이 작성하면 아래와 같이 설정할 수 있습니다. 2. 이미지 클릭시 새창으로 열기[입력방법은 똑같습니다 태그안에 target="새창" 이미지 클릭시 새창으로 열리게 되는 태그를 추가합니다.] ex)상기 부분과 동일하게 네이버를 연결해 보도록 하겠습니다.HTML편집 부분에 상기 부분과 같이 작성해주면 아래와 같이 설정됩니다.

공부하자/HTML 2016.11.27

이미지 합치기 [sprites]

1. 아래링크를 클릭하여 해당 페이지로 넘어갑니다.http://csssprites.com/ 2. 해당 페이지의 '파일 선택'을 클릭 > 원하는 파일을 선택합니다. 저같은경우는 '1' 이라는 컨버스 로고 입니다. 3. 상기와 같이 합치고 싶은 이미지들을 모두 선택하였다면+options >> 을 클릭하여 원하시는 옵션으로 설정해 줍니다. 저같은 경우 두이미지 사이는 '0' , 이미지들은 다 top부분에 있는 것으로 생성하였습니다. 4. 오션을 다 조정하였다면 PNG 버튼을 클릭합니다.클릭을 하면 아래와 같이 이미지가 합성된것을 확인 할 수 있습니다. 5. 해당 이미지를 '우클릭' > '이미지를 다른 이름으로 저장' 하여 PC에 저장합니다. 어때요 참 쉽죠 ?

공부하자/HTML 2016.11.26

오픈 소스 웹 템플릿 사이트

. HTML5UP (https://html5up.net/)모두 무료로 사용 가능 !! 기본적으로 반응형 웹 제작이 가능도하록 설정/ 공개되있어 사용하기 편하며, CCA3.0 라이센스로 개인용, 상업용으로도 사용가능!! BOOTSTRAP (http://getbootstrap.com/)기본적으로 반응형 웹 기반의 HTML , CSS, javascript파일을 제공하고 있으며, 데모 사이트를 제공하고 커스텀마이징 가능한 예제를 제공해 주고있다. LUISZUNO (http://luiszuno.com/blog)해당 사이트 또한 무료로 제공하고 있으나 트위트, 페이스북에 해당 사이트를 공유해야 사용이 가능하다. 상기 본인은 HTML5UP을 이용하였다

공부하자/HTML 2016.11.25

웹에서 이미지 반응형으로 구현하기

웹에서 고정된 크기를 가진 이미지를 데스크탑, 랩탑, 태블릿, 스마트폰 등 다양한 기기마다 최적화된 형태로 출력하려면 방법이다. HTML5에서는 아래와 같이 사용한다. 예를 들어 본인의 이미지가 images/pic01.png에 있다면 위와 같이 설정할 수 있다. 수정 전 수정 후 참고로 CSS에서는 아래와 같이 사용한다.img {max-width: 100%;height: auto;}

공부하자/HTML 2016.11.25

파이프라인(Pipeline)

파이프라인(Pipeline)프로세서에서 명령어를 실행하기 위해서는 크게 3단계의 과정을 거친다.1단계: 페치(fetch)단계에서는 명령어를 읽어 옵니다.2단계: 디코드(decode) 단계에서는 읽어 온 명령어를 분석합니다.3단계: 실행(execute) 단계에서는 분석한 명령어를 실행합니다.하나의 명령어를 실행하기 위해서는 이러한 3단계, 혹은 3 클럭이 필요합니다만, 아래의 그림처럼 파이프라인 형태로 3가지 작업이 병행되어 실행이 되면 결국 1개의 명령어가 1클럭에 실행이 되는 것과 같은 효과가 있다. 실행속도를 향상시키는 한 가지 방법이다. ARM7의 명령어 중 LDR/STR와 같은 명령어는 데이터를 읽거나 쓰는 과정이 있으므로, 3단 파이프라인이 동작이 지연될 수 있다. RISC에서는 한 명령어를 실..

CISC vs RISC

CISC(Complex Instruction Set Computer)이것은 명령어 형태가 말 그대로 복잡하다는 것을 의미한다.특정한 기능을 소프트웨어가 아닌 하드웨어적으로 구현함으로서 처리속도를 높이려는 것이 목적이 었다. 따라서 기능이 추가됨에 따라 하드웨어 구현이 되는 명령어들도 추가되어 복잡하게 되었다.명령어의 복잡성은 IC를 설계하는 회로의 복잡성과 비례하므로, 발열과 더불어 속도증가에 제한을 가지게 되었다. RISC(Reduced Instruction Set Computer)많은 명령어 중에서 반복적으로 많은 쓰이는 명령어는 하드웨어적으로 구현하고, 다른 명령어들은 하드웨어적으로 구현된 명령어들을 여러 개 사용해서 소프트웨어적으로 구현하고자 만든 형태이다.명령어의 수를 줄이므로, 하드웨어가 간단..

ARM 프로세서의 장점

ARM 프로세서의 장점 고성능(Very High Performance) 기존 임베디드 시장에서는 주로 8/16비트의 프로세서가 주류를 이루고 있다.하지만 시장에서 요구되는 응용분야가 점차 음성, 영상, 통신 등의 고성능 처리가 필요하게 됨에 따라 32비트 고성능 프로세서가 등장하게 되었다.기존에 존재하던 32비트 프로세서는 성능은 우수한 반면에 가격, 시스템의 크기, 전력소모 면에서는 8/16비트 프로세서에 비해 불리한 면이 많아 ARM 프로세서는 이러한 단점을 최소화하면서도 고성능의 처리능력을 가지도록 설계되어, 많은 분야에서 그 수요가 급증하고 있다. 저전력(Very Low Power Consumption) 개인용 컴퓨터의 분야에서는 전력소모보다는 처리속도가 더 우선시 되었다. 처리속도를 증가시키기 ..

System On a Chip

SoC(System On a Chip) 디지털용 반도체 소자는 집적도 면에서 계속 발전하여 왔습니다.집적도에 따른 용어는 아래와 같이 우측으로 갈수록 높은 집적도를 표현 할 수 있다.SSI=>MSI=>LSI=>VLSI 그러나 반도체 기술의 빠른 발전에 따라 위의 용어로 표현하기에는 한계에 온 것 같습니다. 집적도 측면에서 요즘은 "SoC"라는 용어를 쉽게 들면 중요한 반도체 소자 몇 개를 하나로 집적 하는 수준이 아닌, 시스템 (CPU, memory, peripherals) 전체를 하나의 소자로 집적하고자 하는 것 이다. 이것이 의미하는 바는 단순히 집적도가 높다는 것만은 아닙니다.시스템의 소형화, 저가격,고성능은 부가적으로 얻을 수 있다. 최근에는 반도체 특성상 차이를 보이던, 아날로그 소자 및 통신소..