웹마스터 팁
[초보-하드코딩] 소스정리 팁 몇가지...
2002.08.19 23:50
하드코더들은 나모나 드림위버 유저들에 비해 상당한 강점을 가지고 있습니다.
무엇보다 가장 큰 장점은... -____ㅡ;; 알바구하기가 쉽다는거죠.
그리고, xml이나 php, asp를 공부할 때 편하죠...
하지만... 하드코더들의 가장 큰 맹점은 난중에 테이블에러나 기타 에러가 났을때
엄청난 소스들을 보면서 도대체 뭐가 잘못된거얏!! 하면서 ㅠ,ㅠ 눈물흘리게 되는 일이 있다는거죠.
(나모나 드림위버 사용에선 없는 처참한 모습이죠...)
그렇기 때문에 하드코더들은 각자 나름대로 소스를 정리하는 노하우들을 가지고 있습니다.
제가 사용하는 소스정리 노하우를 필요로 할 분들이 있을것 같아서 적어드립니다.
1. 한단짜리 table에는 feildset을... // feildset도 table과 같은 박스의 속성을 가진 태그입니다.
의외로 이걸 모르는 분들이 많은데... 한단짜리 박스를 만드느라고 <table><tr><td></td></tr></table>을
쓰는것보단 이게 편할겁니다.
2. php가능 계정이라면 인클루드를 적극적으로... // <? include "dbconn.php3" ?>
뭐... 인클루드야 대부분 아시겠지만...
의외로 모르는 초보분들이 많습니다.
원프레임 홈페이지라는게 별다를게 없습니다. 용어만 거창하지...
<html>
<head>
</head>
<body>
<h1></h1>
<h2></h2>
</body>
</html>
만일 이런html파일이 있다칩시다. 근데 이중에서
<html>
<head>
</head>
<body>
이부분이랑
</body>
</html>
이부분이 모든 html파일들에 공통으로 들어간다고 쳤을때
일일이 코딩을 해주면 빡시겠죠?
그래서 위에 해당되는 부분들을 따로 top.html과 bottom.html로 저장을 한다음
<? include "top.html" ?>
<h1></h1>
<h2></h2>
<? include "bottom.html" ?>
이런식으로 해준다면... 소스가 한결 보기 편해지겠죠?
전체적인 디자인을 수정할때도 한결 편할테구요.
원프레임 홈페이지는 이런식으로 만든다... 이거였구요.
이 인클루드를 여러가지로 활용한다면 홈페이지제작이 여러모로
간편해진답니다. ^____^
3. xml을 활용하라...
음... xml이 나오면서 제가 간단한 부분들에 활용하는 것들이 있는디요.
간단한 텍스트링크 같은것들에 쓰곤 한답니다.
음... 이건 좀 설명하기가 골치아픈지라...
예제를 보여드리겠숨다.
http://manacho.net/pok_link_01.html
이 html파일에 보면
<xml id="link_01" src="pok_link/01.xml"></xml> 이 부분과
<table datasrc="#link_01" BORDER=0 CELLPADDING=0 CELLSPACING=0 width="100%" style="font-size:9pt">
<tr height="16">
<td width="33" style="border-bottom:1px solid black;"> </td>
<td style="border-bottom:1px solid black;" valign="bottom">
<a style="text-decoration:none; color:#A5410A" datafld="url">
<span style="letter-spacing:-1px; font-weight:bold; font-size:8pt; font-family:verdana" datafld="url"></span>
</a> :
<span style="letter-spacing:-1px; font-size:9pt; font-family:바탕; color:#777777;" datafld="ex"></span>
</td></tr>
</table> 이 부분이 있지요?
첫번째는 xml파일에 있는 데이터를 불러오는 역활을 하고,
두번째의 datasrc="#link_01" 는 xml파일을 해당테이블에 적용시키겠다고 선언하고,
datafld="url" 이런 부분들은 해당데이터를 디스플레이 시키겠다고 하는겁니다.
해당xml파일을 보여드릴께요.
<?xml version="1.0" encoding="euc-kr"?>
<football>
<club>
<url>http://www.seoulutd.com</url>
<ex>서울시민구단창단준비위원회(-___ㅡ;; 길다.)</ex>
</club>
<club>
<url>http://www.reddevil.or.kr</url>
<ex>붉은악마</ex>
</club>
</football>
조금 이해되시나요?
위의 소스들과 비교해보시면 이해가 쉬우실거에요.
어떻게 보면 쓸모없어 보일수도 있는데요.
의외로... 이렇게 하면 간단히 유지보수 시킬수 있는것들이 많답니다.
하드코더한테는 cgi로 입력하는것보다 아크로에디터나 에디트플러스로
ftp연결을 한다음 막바로 소스를 수정해버리는게 쉬울때가 더 많거든요.
뭐... 별 도움은 안될 팁이지만...
^___^ 혹시나 필요한 분들이 있을까 해서 올립니다.
아... 그외에도 하드코딩을 막 시작한 분들이 계시다면
한가지 조언이 될만한게 있다면...
html의 태그는 배우되 속성은 css로 처리하는 습관을 들이라고
말씀드리고 싶군요.
그니깐 <font size="2">보다는
<font style="font-size:9pt"> 이런식으로 쓰는 습관을 기르라는거죠.
하드코더의 가장 강점중 한가지는 바로
css를 자유롭게 쓸수 있다는거니깐요. ^____^
무엇보다 가장 큰 장점은... -____ㅡ;; 알바구하기가 쉽다는거죠.
그리고, xml이나 php, asp를 공부할 때 편하죠...
하지만... 하드코더들의 가장 큰 맹점은 난중에 테이블에러나 기타 에러가 났을때
엄청난 소스들을 보면서 도대체 뭐가 잘못된거얏!! 하면서 ㅠ,ㅠ 눈물흘리게 되는 일이 있다는거죠.
(나모나 드림위버 사용에선 없는 처참한 모습이죠...)
그렇기 때문에 하드코더들은 각자 나름대로 소스를 정리하는 노하우들을 가지고 있습니다.
제가 사용하는 소스정리 노하우를 필요로 할 분들이 있을것 같아서 적어드립니다.
1. 한단짜리 table에는 feildset을... // feildset도 table과 같은 박스의 속성을 가진 태그입니다.
의외로 이걸 모르는 분들이 많은데... 한단짜리 박스를 만드느라고 <table><tr><td></td></tr></table>을
쓰는것보단 이게 편할겁니다.
2. php가능 계정이라면 인클루드를 적극적으로... // <? include "dbconn.php3" ?>
뭐... 인클루드야 대부분 아시겠지만...
의외로 모르는 초보분들이 많습니다.
원프레임 홈페이지라는게 별다를게 없습니다. 용어만 거창하지...
<html>
<head>
</head>
<body>
<h1></h1>
<h2></h2>
</body>
</html>
만일 이런html파일이 있다칩시다. 근데 이중에서
<html>
<head>
</head>
<body>
이부분이랑
</body>
</html>
이부분이 모든 html파일들에 공통으로 들어간다고 쳤을때
일일이 코딩을 해주면 빡시겠죠?
그래서 위에 해당되는 부분들을 따로 top.html과 bottom.html로 저장을 한다음
<? include "top.html" ?>
<h1></h1>
<h2></h2>
<? include "bottom.html" ?>
이런식으로 해준다면... 소스가 한결 보기 편해지겠죠?
전체적인 디자인을 수정할때도 한결 편할테구요.
원프레임 홈페이지는 이런식으로 만든다... 이거였구요.
이 인클루드를 여러가지로 활용한다면 홈페이지제작이 여러모로
간편해진답니다. ^____^
3. xml을 활용하라...
음... xml이 나오면서 제가 간단한 부분들에 활용하는 것들이 있는디요.
간단한 텍스트링크 같은것들에 쓰곤 한답니다.
음... 이건 좀 설명하기가 골치아픈지라...
예제를 보여드리겠숨다.
http://manacho.net/pok_link_01.html
이 html파일에 보면
<xml id="link_01" src="pok_link/01.xml"></xml> 이 부분과
<table datasrc="#link_01" BORDER=0 CELLPADDING=0 CELLSPACING=0 width="100%" style="font-size:9pt">
<tr height="16">
<td width="33" style="border-bottom:1px solid black;"> </td>
<td style="border-bottom:1px solid black;" valign="bottom">
<a style="text-decoration:none; color:#A5410A" datafld="url">
<span style="letter-spacing:-1px; font-weight:bold; font-size:8pt; font-family:verdana" datafld="url"></span>
</a> :
<span style="letter-spacing:-1px; font-size:9pt; font-family:바탕; color:#777777;" datafld="ex"></span>
</td></tr>
</table> 이 부분이 있지요?
첫번째는 xml파일에 있는 데이터를 불러오는 역활을 하고,
두번째의 datasrc="#link_01" 는 xml파일을 해당테이블에 적용시키겠다고 선언하고,
datafld="url" 이런 부분들은 해당데이터를 디스플레이 시키겠다고 하는겁니다.
해당xml파일을 보여드릴께요.
<?xml version="1.0" encoding="euc-kr"?>
<football>
<club>
<url>http://www.seoulutd.com</url>
<ex>서울시민구단창단준비위원회(-___ㅡ;; 길다.)</ex>
</club>
<club>
<url>http://www.reddevil.or.kr</url>
<ex>붉은악마</ex>
</club>
</football>
조금 이해되시나요?
위의 소스들과 비교해보시면 이해가 쉬우실거에요.
어떻게 보면 쓸모없어 보일수도 있는데요.
의외로... 이렇게 하면 간단히 유지보수 시킬수 있는것들이 많답니다.
하드코더한테는 cgi로 입력하는것보다 아크로에디터나 에디트플러스로
ftp연결을 한다음 막바로 소스를 수정해버리는게 쉬울때가 더 많거든요.
뭐... 별 도움은 안될 팁이지만...
^___^ 혹시나 필요한 분들이 있을까 해서 올립니다.
아... 그외에도 하드코딩을 막 시작한 분들이 계시다면
한가지 조언이 될만한게 있다면...
html의 태그는 배우되 속성은 css로 처리하는 습관을 들이라고
말씀드리고 싶군요.
그니깐 <font size="2">보다는
<font style="font-size:9pt"> 이런식으로 쓰는 습관을 기르라는거죠.
하드코더의 가장 강점중 한가지는 바로
css를 자유롭게 쓸수 있다는거니깐요. ^____^
댓글 23
-
steelheart
2002.08.20 00:37
-
카디르
2002.08.20 01:03
하드코딩 만만세!!! -
음미
2002.08.20 01:32
아싸아~ ㅋㅋㅋ -
(-_-)리틀루피
2002.08.20 03:28
전
웹에디터로 기본적인 틀을 만든 다음
세세한 건 하드코딩 작업을 하곤 하죠. -
20000000000
2002.08.20 08:37
진짜 하드 코딩이 좋죠.. -_- 하드 코딩 1년 째인데 불편함을 별로 못느꼈으니; -
김영민
2002.08.20 10:59
그런가요..? 전 하디코더가 아니더라도 웹상에 떠도는 모든 소스를 내 마음대로 주무는데
하드코더보다는 홈피의 속성 및 오류를 수정하기 편한 에디터 사용가가
훨씬 좋은듯...
홈피 하나 두개 있을때는 하드코딩 할만하지만
저처럼 몇 십개 가지고 운영하면 귀찮습니다...ㅋㅌㅋㅌ -
☺날개양^-^
2002.08.20 15:54
그건 써본적이 없는데 ---;;; -
판타랏사
2002.08.20 17:51
저...저는 항상 메모장을 사용하거든요? 이것도 하드코딩인가요? -
lyx
2002.08.21 00:46
feildset -> fieldset 으로 수정해주세요... -_- -
김의주
2002.08.21 11:02
쩝..
하드코더라고 자부하는 사람 손~...
좀 씁쓸하다.. 쩝 -
생각하자
2002.08.21 17:40
음허허허 역시 하드코더의 세상은 살아있군~~~
역시 메모장 하나로 써내려가는게 나모쓰는거보다 더 뽀대나 보임.. -
zing
2002.08.21 21:45
하드코딩 생각을 안하면 어렵더군요 -_-;
시작할땐 하드코딩 했었는데
지금은 나모가 좋아지는걸요 --;; -
마루
2002.08.23 14:52
장단점이 있는거죠 한쪽만으로 치우치는것은 양쪽의 장점만을 취하는것보다 불량할수 밖에 없다고 생각합니다.
목표는 주변의 모든것을 목적을 위해 이용할수 있는 사람. 우헤헤 -.,-; -
박종욱
2002.09.01 13:01
하드 코딩은 태그만 봐도 웹브라우저 처럼 머리속에는 그려진다는... 진정한 메트릭스 세상인가 ㅎㅎ -
개가죽
2002.09.03 13:43
하드코딩으로 하면 뽀대나나요?
웃음만 나옵니다.
기초테이블은 비쥬얼툴 사용하고 세세한것들 하드코딩 하는게 작업효율이 높지 않나요? -
cocoroo
2002.09.04 11:30
에디터로 만들어놓고 메모장으로 열어 정리하면..양쪽의 장점응 다 가질수 있죠
첨부터 하드코딩하면 테이블 만들기 너무 구차너서.... -
이명규
2002.09.30 02:01
자기 편할데로 하면 돼죠 ㅡㅡ; -
유노
2002.09.09 19:38
박종욱 // text만으로 머릿속에 그림을 그리는... 전 제로의 영역이라고 부르는...@.@ -
나후
2002.10.12 23:10
옛날에 나모가 안깔아져서 하드코딩을 시작했다죠-_-;;;
후훗..... 이제는 나모 불편해서 못써요-_-;; -
박현진
2002.10.13 23:20
무엇이 하드 코딩인지..
솔직히 Programming Language하는 사람에게 이런말은.. -
Probe
2003.01.16 02:33
저도 강좌쓸때는 거의 하드코딩...ㅎㅎㅎ
하드코딩 하면 넷스케이프 같은데 호환되는 태그 맞추는것도 쉬워진다죠 -
전영민
2003.07.23 13:19
가장 좋은 것은 자신한테 맞는거라고 생각을 하는데요...
다른 사람들이 백날 좋다구 말해도, 자신한테 맞지 않으면 있으나 마나 일테니깐요.... -
Ψ[中·日똑같은놈]
2004.01.27 18:30
전 반반섞어가면서 ㅎㅎ 멀티플라이 랭귀지 ㅋㅋㅋ (multyfly language)
1. 다른 사이트의 소스를 자신의 홈페이지에 응용하기 쉽다. 필요한 건 오로지 URL뿐.
2. 웹에디터에서 잘 맞지 않는 위치를 수정하거나 지원되지 않는 기능을 직접 적용할 수 있다.
3. 웹프로그래밍시 하드코딩을 함으로써 소스를 줄이고 간결하게 할 수 있다.
...
전... 초보일수록 하드코딩으로 기본기를 닦아야 한다고 생각합니다...
초보자들이 어떤 사이트의 소스를 알려달라고 하거나 웹에디터에서 편집시 간격이
벌어진다고 하는 것들은 대부분 HTML에 대한 이해가 부족해서인 경우가 많거든요...
아무튼 유용한 강좌 감사드리구요... 하드코딩 만세 -_-v;;;