Blog Content

웹 코딩 작업중 가장 기본이 되는 내용입니다. html공부를 목적으로 하고자 하는분 분이라면 아래 내용은 별거 아닐지라도 기본적으로 숙지하셨으면 좋겠습니다. BLOCK Element1. 줄 바꿈이 일어난다.2. 블록 요소 안에는 텍스트와 인라인 요소를 포함할 수 있다.3. 블록 요소 안에는 블록 요소가 포함될 수 있지만. 경우에 따라 포함 될 수 없는 요소도 있다.예) P태그 같은 경우 블록 요소임에도 자식요소로 가질 수 없다. 대표적인 블록요소 - INLINE Element1. 줄 바꿈이 일어나지 않는다.2. 인라인 요소 안에는 텍스트와 인라인 요소를 포함 할 수 있다.3.인라인 요소는 블록 요소를 포함 할 수 없다.4. 인라인 요소와 텍스트는 블록 요소 안에 포함되어야 한다. 대표적인 인라인요소

홈페이지를 제작하다보면 하나의 호스팅 서버에서 두가지 도메인으로 각각 다른 사이트를 구현하고 싶을때 여러가지 방법이 있겠지만접속한 도메인 주소에 따라 리다이렉션(redirection)시켜 각각 다른 폴더로 이동하도록 하는 방법을 소개해 드리겠습니다.( 저 같은 경우는 하나의 호스팅 서비스에서 두개의 다른 도메인을 가지고 각각 다른 서비스를 하고 싶을때 사용했습니다. ) 가장 많이 사용되는 리눅스 서버를 예를 들겠습니다.우선 서버 환경에 Apache모듈중 mod_rewrite모듈이 설치 되어 있어야 합니다.웹서버 가장 상위 디렉토리에 .htaccess 파일이 존재해야 합니다. (없을 경우 만드시면 됩니다.) mod_rewrite는 서버 Request를 정해진 Rule에 의해서 다른 URL or File로 ..

웹 개발에 앞서 구체화 하는 작업 프로토타이핑을 할때 노트에 그림을 그린다거나, 또는 포토샵이나 그외 툴로 작성 하시는 분들도 상당히 많습니다.그렇게 작업하는것도 나쁘진 않지만. 관련 툴을 사용하는 이유는 항상 같습니다. 작업효율이죠.....아래와 같은 프로토제작에 최적화된 프로그램을 사용하여, 불필요한 작업을 최소화 하기위해 사용해보시기를 권해 드립니다. Kakao OVEN (무료)다음카카오에서 제공하는 서비스이며, 프로토타이핑을 하기위한 웹기반 툴이다. (단 현재까지 인터넷 익스프롤러에서 작동하지 않습니다. 쿠롬을 추천해 드립니다.)카카오오븐 발취 소개글 :마치 데스크톱 애플리케이션을 웹으로 옮겨놓은 듯한 편리함과 직관적이고 아름다운 UI 컴포넌트 그리고 강력한 편집기능들은 당신의 손끝 아이디어를 단..

CDN이란?CDN(Contents Delivery Network)는 인터넷(Internet) 사용 환경에서 게임 클라이언트(Client)나 콘텐츠(Contents)를 사용자의 PC로 효율적으로 전달하기 위해 분산된 서버(Server)에 데이터(Data)를 저장해 전달해주는 시스템(System)을 말한다.위의 그림과 같이 대응할 경우 하나의 서버에서 클라이언트들이 과다하게 접속되어 일시적으로 서버와 연결된 네트워크 구간에서 병목 현상이 발생하여 사용자에게 원활하게 서비스를 제공할 수 없게 되는것을 사전에 막아준다. 장점- 서비스페이지에 사용자가 몰렸을 경우 트래픽 분산으로 인하여 정상적인 서비스유지가 가능하다.- 과다한 트래픽 발생으로 발생하는 트래픽 비용을 분산가능하다.- 클라이언트가 위치한 곳에서 가장..

Web editor란?웹 개발에 앞서 보다 쉽게 빠르게 진행하기 위해서 필요한 도구가 바로 웹에이터 입니다.웹 에디터가 아니더라도 윈도우 기본 도구 메모장으로도 가능하고 그외 문서도구로도 가능하지만위 도구는 웹개발에 있어 특화되어 있지 않기때문에 전문 툴을 사용하는것보다 많은 시간을 투자하게 됨으로 추천하지는 않습니다. 왜? Web editor를 사용하는것이 좋을까요?간단하게 말씀드리자면 태그의 시작점 끝점을 판단하기 용의하며 태그별 색상으로 표현해주기 때문에 빠른시간안에 구조를 판단하기 유리 합니다.대표적인 기능중에는 태그 예제를 표시해주거나 오류표기, 문법단축키등이 있으며, 문법을 보정해주는 기능을 가진 에디터도 있습니다.그렇듯 개발사마다 다소 차이가 있으나 각각의 웹개발자의 입장에서 용의한 기능이 ..

Ummy Video Downloaderhttps://videodownloader.ummy.net/ (무료)유튜브 영상을 손쉽게 다운로드 가능하며 같은 재생목록경우 한번에 다운드 가능하다.단점) 영상 목록이 있을경우 49번까만 한번에 다운로드가 가능하다. YouTube PlayList Downloaderhttps://www.4kdownload.com/ko/download (15일 무료)15일 무료 이며 이후 유료로 전환하여야 한다. 리스트가 있을경우 목록 숫자와 상관없이 한번에 다운로드 가능하다. Clipconverterhttp://www.clipconverter.cc (무료 웹기반)유튜브 영상 및 링크가 있으면 영상을 다운로드 받을 수 있도록 도와주는 사이트 입니다.

1.http://unsplash.com/픽사베이(pixabay)만큼이나 잘 알려진 무료 이미지 사이트 Unsplash 입니다.일정한 주제 없이 자연, 풍경, 도시, 인물 등의 아름다운 사진들이 10일에 10장씩 업데이트되며, 이메일 구독도 가능해서 편리합니다. 검색 기능이 없어서 아쉽지만 어차피 해외 사이트는 거의 대부분 영어 검색만 지원하니 딱히 아쉽다고 하기에도 어렵습니다.다른 해외 이미지 사이트나 일반 웹사이트를 돌아다니다 보면 이곳에서 봤던 사진들이 보이는 경우가 있는데, 개인적인 생각으로는 이곳 Unsplash의 이미지들이 원본이라고 알고 있습니다. 2.https://pixabay.com/Pixabay사이트에 접속하시면 메인페이지에 "Pixabay 의 모든 이미지와 비디오들은 Creative C..

unix 시스템에서의 클라이언트 설정 Unix 시스템상에서 DNS를 사용하기 위해서는 /etc/resolv.conf 파일과, /etc/nsswitch.conf 파일을 손보아야 한다. /etc/resolv.conf에는 도메인 Resolving시 쿼리를 던질 네임서버를 3개까지 나열할 수 있다. 일반적으로 로컬 Primary, Secondary, ISP 네임서버 3개를 다음과 같이 명시한다. search nobreak.com # 도메인 서픽스(Suffix) nameserver 210.105.79.2 # ns.nobreak.com nameserver 210.105.79.3 # ns2.nobreak.com nameserver 168.126.63.1 # ns.kornet.ne.kr (사용하는 ISP의 NS) 's..

DNS 오류 수정 도구 몇령어 NSLOOKUP 네임서버를 운영하고 관리하는데 있어 문제를 발견하고 해결하기 위해 Resolver의 입장으로 네임서버를 시험해볼 필요가 있다. 대부분의 시스템에 기본 설치되어 있는 nslookup은 dig와 함께 가장 널리 사용되는 네임서버 질의 도구로써, 도메인 메니저의 대표적인 기본 도구중 하나이다. $ nslookup Default Server: ns.nobreak.com Address: 210.105.79.2 > exit nslookup은 실행후 대화형 프롬프트 '>'를 표시하고 /etc/resolv.conf에 정의된 첫 번째 네임서버를 기본 질의 서버로 설정한다. nslookup은 BIND와 달리 하나의 서버만을 질의에 사용하기 때문에 'Default NS -> T..

웹 프레임워크 찾기 좋은 사이트http://webframeworks.kr/ 한국인터넷진흥원에서 제공하는 사이트로 웹사이트 기술 동향 및 활용예제와 인터넷 강의를 제공한다.https://www.koreahtml5.kr 웹을 공부하시는분들은 대부분 이곳을 거칠거라 봅니다. 전체적으로 보기 좋게 잘 정리되어 있고 예제및 직접 코드를 이용해 볼 수 있는 기능까지 갖춰 있어 공부 하시는분들께 적극 추천합니다.https://www.w3schools.com/ 생활코딩 이고잉이라는 익명의 프로그래머가 만든 일반인들에게 프로그래밍을 알려주는 것을 목적으로 하는 비영리 커뮤니티, 웹사이트로 다방면 웹프로그램 지식을 읽힐수 있고 강의가 잘정리되어 있습니다.https://opentutorials.org/course/1688 ..