초보의 [노프레임 무조건 따라하기] -5.노프레임 구조란? > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

초보의 [노프레임 무조건 따라하기] -5.노프레임 구조란? 정보

초보의 [노프레임 무조건 따라하기] -5.노프레임 구조란?

본문

저녁 식사들 잘 하셨는지요?
지난번 강좌에서 우리는 게시판을 설치하고 기본적인 환경설정을 마쳤습니다.
그렇지만 아직 미완으로 남은게 있습니다.
바로 게시판 상단파일(head.php)와 하단의(tail.php)를 숙제로 남겨 두었습니다.
head.php와 tail.php를 만들어서 붙이기에 앞서
노프레임의 구조와 여러가지 형태에 대해서 알아 보겠습니다.
일종의 노프레임 개념론이라고나 할까요?
개념을 파악하고 적용방법을 알고 나면 스스로 너무도 쉽게 만들어서 붙일 수 있을테니까요.

노프레임 홈페이지는 말 그대로 프레임이 없는 형태의 홈페이지를 말합니다.
사람에 따라서는 원프레임 홈페이지로 부르기도 합니다.
원프레임의 구조로 된 홈페이지를 만드는 방법은 여러가지가 있습니다.
우선 그 방법에 대해서 알아 봅니다.

-----    노프레임 홈페이지를 만드는 방법들    ------

가.
html이나 php로 자바스크립트의 아이프레임을 이용하여
테이블에 해당 페이지를 불러 오는 방법입니다.
무늬는 노프레임이지만 진정한 의미의 노프레임이라고 하기엔 민망한 부분이 없잖아 있습니다. 

나.
전 페이지를 하나의 프레임에 억지로 집어 넣는 방법입니다.
속칭 노가다 노프레임이라고 하는 형태로 모든 페이지에 메뉴와 서브 메뉴를 다 집어 넣고
역시 아이프레임을 이용하여 표안에 게시판을 집어 넣는 방법입니다.
각 페이지 마다 삽입된 메뉴를 수정할 일이 생길 경우 전 페이지를 다 수정해야 하는 번거로움 때문에
노가다 노프레임이라고 비하하는 경향이 있지만
만약 플래시를 능숙하게 다루는 사람이 플래시로 메뉴를 만들어서
전 페이지에 같은 메뉴를 삽입한다고 가정하면 이야기는 달라집니다.
그 플래시 메뉴만 수정하여 업로드 시키면 전체의 메뉴가 다 바뀌기 때문에
쉽게 수정이 가능하다는 이야기입니다.
그러나 그리 권장할만한 형태라고는 할수 없습니다.
회원로그인 폼이라든가 쇼핑몰 구축시에는 한계가 있고 무엇보다도 구조적으로 접근하지 않고
노프레임의 형태만 취했으므로 다양한 응용에 제한이 있기 때문입니다.

다.
그누보드나 00보드 등 이미 만들어진 스킨을 이용하여 만드는 방법입니다.
지금 이 강좌에서 다루려는 형태의 노프레임입니다.
초보자도 구조와 개념만 알면 쉽게 노프레임 홈페이지를 만들 수 있고
구성만 잘하면 다양한 형태의 응용이 가능하기 때문에 많이 이용하는 방법입니다. 

라.
php를 이용하여 직접 인쿠르딩 하는 방법입니다.
흔히들 노프레임 홈페이지를 만들려면 그누보드나 제로보드 등을 써야만 한다고 알고 있고
지식 사전등에서 노프레임이나 원프레임 홈페이지 만드는 방법 등의 검색어로 찾아보면
거의 100% 정도가 보드 등을 이용한 방법에 대해서만 나와 있습니다.
그러나, 보드 등의 스킨를 이용하지 않고도 얼마든지 노프레임 홈페이지를 만들 수 있습니다. 
php 서버가 설치된 계정만 있다면 말입니다.
테그언어로 상단과 중앙, 하단의 구조로 된 페이지를 짜고
해당 표에 인쿠르드 구문을 직접 입력하여 해당 파일을 불러와서 위치시키는
수동적이면서 스페셜한 방법입니다.
테그언어에 익숙한 사용자들이 많이 쓰는 방법입니다.

이상 노프레임 홈페이지를 만드는 방법에 대해서 알아 보았습니다.

다음으로 노프레임과 프레임 홈페이지는 어떻게 다른지 알아 보겠습니다.
이렇게 설명 부분에 많은 시간을 할애 하는 것은
각 형태마다 장단점을 알고 있어야만 개념 파악이 보다 수월하기 때문입니다.
눈으로 직접 보시면 보다 쉽게 아실 수 있으므로
제가 만들어서 운영하는 두개의 노프레임과 프레임 사이트를 링크합니다.

* 노프레임 사이트 *
http://aechae.com/board/index.php
(이번에 그누보드만으로 만든 사이트입니다.
비즈니스 사이트이므로 게시판에 글을 남기시는 것은 삼가주시기를 부탁드립니다.)

* 프레임 사이트 *
http://grinbi62.com
(제가 글을 쓰는 사이트입니다. 다녀가신 흔적 환영합니다.)

위의 두 사이트를 보시면
노프레임 사이트는 메인버튼을 클릭하였을 때 화면전체가 통째 바뀌고
프레임 사이트는 아래의 컨텐츠 페이지만 바뀌는 것을 확인 할수 있으실 것입니다.
두 사이트를 비교하면서 노프레임과 프레임 사이트의 특징을 알아 보겠습니다.
장단점의 비교는 보는 관점에 따라 다르기 때문에 일반화된 특징에 대해서만 말하고자 합니다. 

-----    노프레임과 프레임 홈페이지의 특징    ------
1. 노프레임
1) 깔끔한 느낌을 줍니다.
2) 로그인폼이나 최근게시물 게시판 등 다양한 응용 확장이 쉽습니다.
3) 배경음악의 제어가 어렵습니다.
    (사운드 컨트롤러 등으로 배경음악을 바꾸거나 정지시키는 등의 다양한 사운드 응용이 어렵습니다.
    사운드컨트롤러 등을 새창으로 띄우는 방법이 있지만 새창 띄우는 것을 막아둔 컴퓨터에서는
    먹통이 됩니다.)   
4) 페이지 전체를 로딩하기 때문에 버튼 클릭시 화면이 깜박거리는 느낌을 주고
    속도가 다소 떨어집니다.
5) 메뉴가 고정되어 있지 않기 때문에 아래로 긴 화면에서는 메뉴를 볼수 없습니다.

2.프레임 홈페이지
1) 메뉴는 고정된 채 컨텐츠 페이지만 만들어서 불러 오기 때문에 작업이 다소 쉽습니다.
2) 속도가 비교적 안정적입니다.(일반론)
3) 다양한 사운드의 제어가 가능합니다.
4) 로그인 폼이나 최근 게시물 쇼핑몰 등의 응용확장이 다소 번거롭고 불편합니다.
5) 일반적으로 화면이 아래로 길어질 경우 스크롤바가 컨텐츠 페이지에만 생기기 때문에
    미관상 다소 거슬립니다. (스크롤바를 다르게 처리하는 방법도 있지만 난이도가 높습니다.)
6) 메뉴 고정으로 화면 어디에서나 메뉴가 노출 되어 있습니다.


노프레임과 프레임 홈페이지의 특징을 알아 보았습니다.
요즘은 대세가 노프레임 쪽이지만
프레임 홈페이지도 그 나름의 장점은 있고 각 형태마다 장단점이 있으므로
자신이 구상하는 홈페이지에 맞는 형태를 위의 특징 들 외의 조건 까지 고려하여 선택하면
원하는 홈페이지 구현이 가능할 것으로 봅니다.
프레임 홈페이지는 접근하기가 쉽고 제작법이 많이 알려진데 비해
노프레임은 아직 그렇지가 않은 면이 있어서
그누보드를 처음 접할 때 저도 어려움을 정말 많이 겪어야 했습니다.
이 강좌가 저 처럼 노프레임과 그누보드에 막 입문한 분들의
막막함을 조금이라도 덜어 드렸으면 하는 바램입니다.

여기까지
노프레임과 프레임의 대해서 자세하게 알아 보았습니다.
개념 파악하시는데 작은 도움이라도 되셨는지 모르겠습니다.
이제 다음 강좌에서는
본격적으로 노프레임 홈페이지를 만드는 방법에 대해서 같이 알아 보겠습니다.
노프레임을 접하면서 가지셨던 의문들이나 궁금증들을
많이 해소 하실 수 있을 것이라고 자신합니다.
다음 강좌에서는
제가 제공해드리는 이미지로 저와 같은 조건에서
다양한 형태의 노프레임을 실제로 함께 만들어 보겠습니다.
수고하셨습니다.
다음 강좌에서 뵙겠습니다.
추천
8

댓글 28개

전체 10 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT