웹제작 공부 일주일차 초보 개념점검 부탁드려여 ^^ > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

웹제작 공부 일주일차 초보 개념점검 부탁드려여 ^^ 정보

웹제작 공부 일주일차 초보 개념점검 부탁드려여 ^^

본문

일주일전부터 시작해서 웹제작 공부에 열을 올려야 하는데
정해진 일과와 잠이 많은관계로 하루에 2~3시간밖에 공부를 못하고있어요ㅜㅜ

지금까지 공부한 내용은

HTML
CSS
이 두가지에 대한 지식인내용과 강좌내용을 여러번 훑어보면서 웹제작시 필수적인 내용

-----------------------------
border스타일과 속성
그룹묶기와 클래스적용
문단정렬 align과 valign
배경색넣기와 배경이미지넣기 배경에 이미지를 고정적으로 첨부(반복,스크롤바 조절)
스타일시트의 방식과 css파일 링크시키는방법
여백(margin) 조절
주석넣기
줄바꿈간격 조절, 글자간격조절
태그에 종속되는 태그 속성지정하기
테이블레이아웃고정하기
텍스트문단틀여쓰기
하이퍼링크색상
DIV,SPAN,FIELDSET의 차이점
링크의 대상(target)설정
-----------------------------------------

이런식으로 텍스트파일로 저장해서 가끔씩 보면서 습득하고있어요..
HTML은 예전부터 알고있던 내용인지라 CSS부분이 상당 차지하고있습니다.

*첫번째 질문..
Q1. 제가 지금 제대로 공부하고있는걸까요?
-

또 지식인에서 html과 css에 대한 개념이 확립이되면
php-javascript-java순으로 습득하면 된다고 하는데
php말고 jsp라는것도 있더라구요

php는 리눅스환경이라고 하고 jsp는 윈도우 환경이라고 하는데
한가지를 정해서 배워야할지 둘다배워야 할지 고민이 되네요...

둘다 배우면 좋겠지만 시간적인 문제와 제가 그리 전문적으로 사이트를 만드려는것은
아니구 소소하면서도 적절히 역동적인 사이트를 만드려구 하거든요.

그러던 와중
제가 여러사이트를 돌아다니면서 메인페이지를 보면서 의아한 순간이 있었습니다.

http://www.jjang0u.com이라는 사이트는 메인이 index.html이구
http://www.fmkorea.net이라는 사이트는 메인이 index.php더라구요..

두번째 질문..
Q2.
제가 보기에는 위 사이트인 짱공유가 일단 기업화된 커뮤니티사이트이며
더욱 역동적인 반면 비교적 간단한 html마크업으로 이루어져있고
fmkorea.net은 위 사이트에 반해 비교적으로 단순한 사이트인데 php로 되어있는것일까요?

물론 웹제작자의 의도를 묻는것은 아니구요~!
제가 웹을 제작할시 어떤것이 적절한 방식으로 맹글어야 할지 정확히 알고싶거든요.



제가 html과 스타일시트를 공부하면서 제가 웹제작시에는
노프레임으로 만들것으로 결정을 했는데요,

그러한 결정을 한 이유가 대부분의 사이트가 노프레임방식을 쓰고 있기도 하고
새로고침을 할때나 각 웹페이지 이동시, 한꺼번에 리프레쉬되는것도
프레임방식보다는 깔끔해 보이더라구요.

여기서 드는 의문
세번째 질문..
Q3. 프레임방식으로 할경우 하이퍼링크의 대상(target='')부분이
blank가 될수도있고 self가 될수있고 지정프레임이 될수도 있는데,
노프레임방식으로 제작할 경우 메뉴에 있는 링크의 결과가 메뉴부분이 변화가 없이
결과를 띄우는것은 어떻게 하는건가요?

질문을 해놓고 답변자입장에서 보자면 무엇을 말하고자 하는지 저도 무슨말인지 모르겠지만
고수분들 초심자시절에 저와 같은 의문을 가지신분들도 있으실것같은데요..

더 자세히 말하자면 왼쪽에 보이는 그누보드4메뉴에 '그누보드란?, 라이센스, 메뉴얼..등등'
을 클릭할때 메뉴는 그대로 있고 게시판부분이 있는 본문내용이 바뀌는것은
어떻게 적용해야할지 궁금합니다.

질문이 길었네요 ^^;;

정상의 길은 멀고도 험하지만 열심히 해보려구해요 ^^
도움을 주세요~!!

댓글 전체

아참..
또 질문이 있는데요, 그누보드, 배추빌더 등등
빌더를 이용해서 웹을 제작할 경우 관리자모드도 있던데

개인적으로 자체제작한 웹에선 그누보드스킨이나 관리자모드는 사용할수 없는건가요?;;
항상 열심히 하시는 투게더맛나님. ^^

*첫번째 질문..
Q1. 제가 지금 제대로 공부하고있는걸까요?
A1. 딱히 정해져 있는 공부순서는 없을것 같아요..
하지만 하고 계시는 공부는 꼭 필요한 것들이니 알아두시면 좋은 것들입니다.

php, jsp, javascript 등에 대한 생각은 다들 달라서..
일단 php와 jsp 는 웹서버쪽 언어입니다.  반면 javascript은 클라이언트쪽 언어이고요. (지난번 글에 이미 답을 드렸는데.. ^^;)
서버쪽 언어를 무엇을 하실지는.. 그누보드를 사용하실 생각이시면, php 이죠. ^^
서버쪽에 비해서, 클라이언트(웹브라우져)쪽은 javascript로 거의 통일되었습니다.

한가지 빠진것은, 아무래도 데이터베이스를 배우시는 것이 좋을것 같습니다.
가장 대중적인 것은 mysql이겠죠..

index.html과 index.php 는.  (역시 지난번 글 댓글로 이미.. 혹시 제 댓글 안보세요? -_-)
html안에는 html만 사용이 가능하고, php내에는 html과 php 둘다 사용할 수 있습니다.
서버쪽 프로그램을 php로 작성하실 생각이시면 .php를 쓰시는 것이 좋습니다

아.. 그리고 index.html이나 index.php 등, 그 폴더에서 기본적으로 띄우는 화일이름은
웹서버에서 설정하도록 되어있습니다.  보통 index.htm(l) -> index.php 순서로 찾아서 처리합니다.

----
Q2.
제가 보기에는 위 사이트인 짱공유가 일단 기업화된 커뮤니티사이트이며
더욱 역동적인 반면 비교적 간단한 html마크업으로 이루어져있고
fmkorea.net은 위 사이트에 반해 비교적으로 단순한 사이트인데 php로 되어있는것일까요?

A2.
역동적인 부분은, php 사용여부와 전혀 상관이 없습니다.

커뮤니티 사이트에서 php를 사용하는 경우는, 회원별로 다른 화면을 보여주는 등
서버쪽에서 상황에 맞게 코드를 만들어야 하기 때문입니다.
반면 기업체등은, 접속자에 따라서 다른 화면이 필요없기에 굳이 php를 사용할 필요는 없기 때문입니다. 하지만 기업체라고 반드시 html 을 사용할 이유는 없습니다.

'역동적인' 부분이라고 표현하신 부분은, 대부분 클라이언트 즉, 웹 브라우져에서 일어납니다.
그렇기에 html이든 php 든, css나 javascript 을 이용해서 동적인 부분을 구현하게 됩니다.

만드시려는 사이트가, 상황에 따라서 화면이나 내용이 변한다면 (즉, 서버쪽에서 달리지는 부분)
html 보다는 php나 jsp 등 서버 프로그램이 필요하겠죠.
화면에서 보이는 부분을 동적으로 만드시려면,
css(3)나 javascript을 많이 사용하시면 됩니다.

----
Q3. 노프레임방식으로 제작할 경우 메뉴에 있는 링크의 결과가 메뉴부분이 변화가 없이
결과를 띄우는것은 어떻게 하는건가요?  예: 이곳 메뉴

A3. 속도가 빨라서 그렇지 지금도 모든 페이지를 리프레쉬 하고 있습니다. ^^;
만일 정말로 내용만 바뀐 경우가 있다면, 프레임, iframe, ajax 등을 사용한 경우일겁니다.

----
댓글질문. 개인제작 웹에서 그누보드 스킨이나 관리자모드 사용가능?
답: 아니요.
그게 가능하면 그누보드를 쓸 필요가 없겠죠? ^^
스킨 화일들은, 그누보드 기본 코드들이 불러다 사용하는 화일들입니다.
그누보드 기본 코드들이, 스킨이 써야하는 정보들을 다 준비해놓고 부르는 것이고요.
관리자모드 또한, 그누보드 (관리자) 회원정보와 게시판정보 등을 관리하는 것이기에
당연히 그누보드가 필요하겠죠.

개인웹에서 필요하신 스킨이나 관리자 기능은, 어떤것인지 모르겠지만, 따로 구현하셔야 합니다.
그렇게 하시려면 기본 함수들, 절차적 프레임워크, 디비관리 모든 것을 스스로 구현하셔야 하기에
그런 이유로 그누보드, xe, 워드프레스 등을 사용하는 것입니다.
아 답변 감사합니다.. ^^

전 질문에 대한 댓글은 다 읽고 있어요.. ㅎ
그래도 초심자라 그런지 웹서버 언어 클라이언트 언어라는말이 무슨말인지
잘 모르겠는는거에요 ㅎ;; 배우다보면 자연스레 느끼겠죠? ㅎ

그럼 질문본문에서 jjang0u.com, fmkorea.net은 빌더를 이용해서 만든건가요?
그곳에 있는 게시판이나 출석체크하는 부분은 그누보드나 배추빌더같은 모양인데..
웹제작 공부 접고 빌더를 이용해서 만들어야할까요? ;;

그리구 프레임으로 나눠져있을경우 웹브라우져상에서 텍스트부분쪽을 클릭하고
드래그를 하면 긁히지 않는 부분이 프레임을 넣었다는건데
제가 보아왔던 사이트는 전체가 긁히거든요..
예를 들어 이곳 화면상 게시판같은 경우는 어떤식으로 출력이 되는건가요?
좌측메뉴를 누르면 전체가 리프레쉬가 되지만 본문내용만 달라지는것이 궁금하거든요..
네.. 하나둘씩 배워나가시는 거죠.. 저도 마찬가지고요.. ^^

웹서버는, 우리가 보는 html/css 내용을 만들어서 보내주는 프로그램입니다.
리눅스의 경우는 대부분 아파치를, 윈도우서버인 경우는 iis? 던가 쓸겁니다.
제가 클라이언트라고 말하는 것은, 웹브라우져입니다.
웹브라우져는, 웹서버가 보내준 내용을 바탕으로 화면을 만들어주고,
사용자의 입력을 받아서 다시 웹서버에 요청하는 기능을 합니다.
이런 역할에 따라서 서버-클라이언트로 부르기도 합니다.

예를 들으신 사이트들을 가보지는 않았지만,
빌더를 이용한다고 하셔도, html,css,php,mysql 등을 아시는 것이 나쁘지는 않습니다.
빌더가 제공하는 화면이나 기능이 만족스럽지 않을때는, 직접 수정을 해야하니까요..

프레임관련은.. 드래그해서 확인하시는 말이 정확히 어떤 의미인지 모르겠네요.. ^^;

웹 개발이, 다른 프로그램에 비해서 가진 장점이라면,
잘만들어진 사이트의 소스를 볼 수 있고 거기서 배울 수 있다는 것입니다.
소스를 열어보시면, frame인지 iframe인지 등은 보실 수 있습니다.
대부분의 웹브라우져에서, 내용이 있는 곳에 마우스 우클릭을 해보시면 소스보기 메뉴가 있을것입니다.
장기적으로는, 파폭이나 크롬등 (그리고 IE9) 소스를 보고 그자리에서 일부내용을 고쳐서 변화를 볼 수 있는 브라우져를 사용하시는 것이 도움이 됩니다.

이곳의 좌측메뉴등, 화면의 레이아웃을 잡는 방법은, 테이블을 이용하는 방법(이곳에서 사용하고 있는 방법), 과 div와 css를 이용하는 방법이 있습니다.
테이블이 전체 구조를 격자로 잡아주는 역할을 하기에 이전에 많이 사용되었는데
요새 웹표준 등이 강조되면서 구조(div)와 스타일(css)을 나누고, 원래 의도(테이블은 말그대로 표작성에만 사용해야)를 지키자는 의도에서, 후자 (div+css)로 많이 이동하고 있습니다.

div와 css로 전체 레이아웃을 잡는 좋은 예로, 지운아빠님의 글이 좋은 공부거리가 될것 같네요. http://sir.co.kr/bbs/board.php?bo_table=pg_html&wr_id=12696
당장은 쉽지 않겠지만, css로 레이아웃을 잡지 않는 경우와 (여러가지로) 잡아준 결과를 보시면, css 만으로 화면의 레이아웃을 잡는 것이 어떤 효과를 보여주는지 알수가 있습니다.

그럼. 계속 열심히 공부하시길.. ^^
매번 정말 감사해요 이해가 잘되었어요
웹서버와 클라이언트의 상호관계가
웹서버에 각종 html,php,css파일 등의 신호를
클라이언트쪽으로 결과를출력해서 우리가 웹상에서 보여지는 내용이라는것이라고
이해했습니다. 잘이해한거죠? ㅎㅎ

역시 웹제작공부는 계속 해야겠네요 ㅎ

프레임같은 경우의 질문은 저에게 있어서 중요한 질문인데요
제가 언어력이 딸려서 질문의 의도를 전달하지 못한것같아요 ㅜㅜ

다시말하자면 지금 보여지는 곳과 같이 프레임을 지정해주게 되면
top프레임 left프레임 right프레임 main프레임 bottom프레임으로 나누어진
프레임구조로 볼수있고 링크타겟을 메인프레임으로 지정해주면
메인페이지만 바뀌는것과 동일한 결과를 출력하는 방법이 알고싶어요 ㅜㅜ

이곳에 좌측에 있는 메뉴를 포함한 전체적인 페이지가 테이블레이아웃으로
잡아주고 배치한것은 알겠지만
*그누보드란?
*라이센스 매뉴얼
*다운로드
*자주하시는 질문
*그누보드
등등 링크를 클릭할시에 페이지 전체가 리프레쉬가 되지만
각기 다른 게시판에 들어가더라도
[헤드부분, 좌측메뉴, 우측마윗리스트, 맨 아래 풋터부분]이 동일하게
출력이 되는 방법이 궁금한거에욤..

일단 공부할것은 많지만 그 부분에 대해 궁금증이 가시질 않아요..ㅜㅜ
전체 11 |RSS
그누4 질문답변 내용 검색

회원로그인

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