<script language="javascript" type="text/javascript">
    function CheckForm() {
       var uid = document.getElementById("formtext1");
        var pass = document.getElementById("formtext2");


        if (uid.value.match("student")) {
           
            if(pass.value.match("student")){
                return true; // submit 이벤트 실행
            }else{
       
            window.alert("아이디와 암호를 확인하세요.");
            uid.focus();
            uid.select();

            }

           
        }
        else {
            window.alert("아이디와 암호를 입력하세요.");
            uid.focus();
            uid.select();
            return false; // 멈춤
           
        }
         
    }
        </script>



<form form id="MyForm" action="student-index.html" method="post"  onsubmit="return CheckForm()">

여기는 추가할내뇽

</form>


과제를 제출하기 위해서 일종의 데모를 위해서 자바스크립트로 만든 아이디 암호검사


저작자 표시 비영리 변경 금지
신고
크리에이티브 커먼즈 라이선스
Creative Commons License


마이크로소프트가 제대로 사고를 치고 말았습니다. IE9와서 깔아봤는데... 너무 빠릅니다. http://acid3.acidtests.org/ 에서도 95점이 나왔습니다.

제가 파이어폭스를 쓰는이유는 그래도 마소 IE보다 빠르고, 또 확장기능이 있었기 때문입니다. 물론 마소가 확장기능이라는걸 넣을 생각은 안하겠지만. 모 물론 그랬다가는 언젠가 그랬듯이 ActiveX처럼 공격대상이 될수도 있으니..(그냥 지극히 개인적인 생각입니다..)안그럴수도 있고요..

 물론 제 컴퓨터가 그렇게 빠른편은 아닙니다. 그런면을 비교해봤을때도 초기 구동속도에서 IE가 확실히 빠르고 그리고 http://acid3.acidtests.org/ 테스트도 2점 밖에 차이가 나지 않습니다.


속도면에서 오페라나 웹킷엔진을 쓰는 브라우저보다 빠른것도 아니고, 그렇다고 구동속도도 획기적으로 빠른것도 아니고, 단지 좋다면 확장기능 그런데 확장기능은 인제 크롬에서도 제공하거든요 오페라야 자체확장이 있던것 같고 , 사파리는 안써봤으니.

파이어폭스 분발하지 않으면. 예전에 넷츠케이프가 IE에 당했던것처럼 물론 그떄는 . 끼워팔기 내용 나오고 약간 불합리한 부분이 있었지만. 마소의 실력발휘에 밀리지 않을까 하는.. 약간의 그런것도 오네요..

이제 모질라 파이어폭스가 IE보다 월등이 좋다는 말을 함부로는 못하겠네요. 물론 678에 비해서는 좋겠지만.. ACTIVEX야 그건 국내 문제이고 아 그리고 YOUTUBE에서 html5 활성화 시켜 놓고 보니까 동영상도 제대로 나옵니다.

물론 아직까지는 파이어폭스를 좋아하며 주 브라우저로 써 버릴생각은 없지만. 혹시나 제블로그를 통해서 IE를 비하하거나 무시한 내용이 있으면 그것은 저의 큰 오류가 있었다는것을 인정합니다. 결론은. 파이어폭스 분발해주세요.
저작자 표시 비영리 변경 금지
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
  1. Favicon of http://dreamalchemist.tistory.com BlogIcon 한련 2010.09.16 18:54 신고

    오, 한번 받아서 써보고 싶군요.

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.09.17 18:08 신고

      한번 받아서 써보세요 ㅠㅠ 아 지금 제 불여우 너무 느려요... 불여우도 초기구동속도좀 ㅠㅠ

  2. Favicon of http://krukru.tistory.com BlogIcon 뚜릅뚜뚜 2010.09.16 19:13 신고

    디자인도 많이 심플해졌네요

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.09.17 18:08 신고

      파이어폭스도 그렇고,, 크롬처럼 심플한 이미지로 가는게 대해신가봐요 ^^

  3. Favicon of http://netfox64.tistory.com BlogIcon Neo-Type 2010.09.16 20:23 신고

    근데 전 만년 파이어폭스 쓸 듯 합니다.
    크롬도 써봤지만 역시 이게 쓰기 편한지라... (물론 개인차.)

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.09.17 18:09 신고

      앞선 포스팅에서 파이어폭스 광신도중 한명이라고 표현하지만 ㅠㅠ IE9의 구동속도를 보고 놀랐습니다..

      빨리 불여우도 다음 4 beta 7에서는 좀더 빨라졌으면 좋겠요

  4. Favicon of http://godzero.tistory.com BlogIcon ShinYung 2010.09.16 20:58 신고

    ㅎㅎ;; 저 역시 파폭 유저로서 뭐.. 크롬, 사파리, ie, 파폭 다 깔아놓고 파폭을 쓰지만.. 베타를 깔아보니.. 구동속도가 너무 느려졌습니다.. 처음 답답함에 브라우저를 킬 마음이 많이 사라지더군요...

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.09.17 18:10 신고

      제기억에 3버전 쓸때는 확장 덕지덕지 깔면 느려서 지웠던 기억이 나는데 - 4버전은 확장 몇개안했는데도 느린것 같아요 ㅠㅠ 곧 해결되었으면..

  5. Hola 2010.09.16 21:26 신고

    글쎄요.. 크롬이나 오페라에서 확장기능을 지원하긴 하지만, 스피드다이얼 숏컷과 swf 다운로드.. 이거 하나때문에 파폭씁니다.
    속도야.. 사양좀 받쳐주면 거기서 거기같고.. 오페라가 숏컷지원하긴 하지만 10개정도밖에 안되니, 많은 사이트를 순식간에 갈수있는 스피드다이얼이 저한텐 필수라 ㅎㅎ
    크롬에서 지원한다면 크롬이 요샌땡기더군요 ㅎㅎ

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.09.17 18:11 신고

      스피드 다이얼은 안써봤는데,, 이거 써봐야겠어요.. 4버전도 호환되려나 ㅋㅋㅋ저같은 경우 파이어폭스가 정말 좋은건 스크랩북이라는 확장이 있는데 이게 너무 좋다는..필요한걸 저장할수 있으니까. ... 설마 이걸 많이 저정해서 느려진건가..

  6. 지나가는 2010.09.16 21:48 신고

    ie는 액티브x 때문에 한국인들이 거의 쓰구여 파폭은 다양한 부가기능이 장점입니다. 현 ie는 9가 나오기 전까지 저조한 점수를 받았죠 속도면, 보안성등에서... 하지만 이번 ie9에서는 속도

    면을 개선 기존 8보다 몇 배 빠른 로딩을 시도 했다고 합니다. 단점이라고 해야하는지 반드시 win7에서만 구동 가능하며 xp는 8까지만 구동 됩니다. 다시 말해 win를 갈아 타야 한다는 소리!!

    거의 7이나 가끔 6쓰는 이들도 있지만 8은 거의 사용하는 사람들을 본 적이 없네요!! 하지만 파폭은 어느 win에서도 가능하죠 아직 xp쓰는 이가 많으니... 그리고 ie9땜시 win7로 교체 할 필요

    가 잇을까요!? 아직 win7는 일부만 지원 하고 있는 걸로 알고 있습니다. 완전히 win7이 자리를 잡은게 아니죠!!

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.09.17 18:14 신고

      음.... 예전에 윈도우 98에서 XP로 넘어간것처럼.. 언젠가 자리 잡으면 ie9많이 볼수 있겠죠..? 음 아직은 시기상조란 말씀이신것 같내요~ 좋은의견 감사합니다 .

  7. Jay 2010.09.16 23:13 신고

    현재 베타버전인 파이어폭스 4.0 이 올해 말이나 내년 초쯤 정식 버전으로 나옵니다. 아마 IE9도 정식버전은 그즈음에 나올텐데, 적어도 속도나 편의성면에서는 파이어폭스의 우세가 어느 정도는 유지될 것으로 전망됩니다. 파이어폭스 4.0은 베타버전으로도 이미 상당한 속도 개선이 이루어졌고 다양한 기능이 추가된다고 합니다.

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.09.17 18:15 신고

      전 파이어폭스 다른것보다 초기구동속도좀 어떻게 해줬으면 ㅠㅠ 좋겠어요 .. 제 컴터가 그렇게 사양좋은건 아니지만 ie9 구동속도고 확좋아진것 보고 놀랐습니다..sqlite최적화해주면된다고하는데. ccleaner에 보면 컴백트 데이터베이스가 있는데..왠지 효과가 없는것 같기도 하고, 시피디 폭스로 하면 이게 4가 되는지를 모르겠네요.

  8. Favicon of http://stringnerd.com BlogIcon 스트링 2010.09.16 23:18 신고

    IE가 우분투에 나오지 않는다면 계속 크롬을 쓸 것입니다.
    물론, 나온다고 해도 계속 크롬을 쓰겠지요ㅎㅎ

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.09.17 18:16 신고

      크롬 가면 갈수록 너무 빨라지는것 같아요.. 우분투는 잘모르겠는데 ㅠ 결국엔 데비안 계열로 봐야되나..;; 얼음족제비데신 불여우로 왔으면 좋겠다는 ㅠㅠ

  9. Favicon of http://kinlife.tistory.com BlogIcon wildfree 2010.09.17 03:24 신고

    IE9 을 써본 소감을 한 마디로 하자면, "이제 파폭(크롬)등의 브라우저에 한 발작 다가섰다." 라고 할 수 있겠네요.

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.09.17 18:16 신고

      각 제품별 선의의 경쟁이 , 사용자 입장에서는 정말로 좋은것 같습니다. ㅎㅎ 하지만 파이어폭스의 광신자중 한명으로써 파이어폭스가 곧 좋아질것 같은 예감이 들고 있습니다.

  10. 다른베타버전 2010.09.17 04:26 신고

    다른 베타버전도 사용해보세요. 파폭 4 크롬 7 같은경우에는 속도에서도 많이 항상되었구요. 하드웨어 가속도 할수 있어요.
    아직까지는 좀더 기술적으로 앞서있다는 느낌이 드는군요.

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.09.17 18:13 신고

      저같은 경우 파이어폭스 4 beta 6 쓰고 있습니다 ㅠㅠ 그런데 왠지 3버전보다 더 느려진것 같아요 . pre 버전이였던가 마인드필드버전 이건 이상하게 못쓰겠더라거요 ㅠㅠ

  11. 링링 2010.09.17 05:21 신고

    이 acid 가 뭔진 모르겠지만요 지금있는 IE8 로 하니까 FAIL 나오면서 12/100 뜨데요 -_-;;; 크롬으론 100/100 나오네요.. 저는 그냥 계속 쓰던게 편하니까 크롬쓰려고요 ㅎㅎ

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.09.19 22:58 신고

      ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ아ㅠㅠ저도 일단은 불여우 계속 쓰렵니다 - ;; ㅠㅠ 제발좀 구동속도좀 ㅠㅠ

  12. 살빠진돼지 2010.09.17 08:20 신고

    과연 IE9 쓰려고 컴터를 win7으로 업글할 사람이 얼마나 될까요?
    제가 봤을 땐 IE10정도는 돼야 컴퓨터 업글될 겁니다.
    개인사용자는 모르겠지만, 일반 회사 중에는 vista도 지원 못하는 곳이 거의 대다수입니다.
    삼성 사업장 중 상당수도 그러한데, 일반 기업들은 말할 필요도 없지요.
    active x라는 기술이 win xp에 최적화되어 있어서 win7으로 업글하면 골치아픈일이 많고 비용이 드니까
    대부분의 회사에서 운영체제 업그레이드는 엄두도 내지 못하고 있습니다.

    결국 IE9은 찻잔 속의 태풍으로 끝날 가능성이 많습니다.

    이 기회를 틈타 파이어폭스 4.0이 제대로 나와주면 좋을 거 같네요.

    • 뇨잉 2010.09.17 10:04 신고

      공감 백배입니다.
      브라우저 바꿀 수 있는 사람 대부분 파폭이나 크롬으로
      옮겨갔고 ie 쓰는 사람들은 그냥 윈도우에 깔려있으니까
      쓰는 사람들입니다.
      윈도 xp를 쓰면 ie6을 쓰는 거구
      윈도 비스타나 윈도세븐이면 ie8이구.
      일부러 다음 버전의 ie찾아서 까는 사람 별로 없습니다.
      그러니 ie9은 새로 구입하는 컴터에만 깔릴 겁니다.
      그것도 개인용 컴터만
      기업은 아직도 대부분 xp고 언제 win7으로 갈지 알 수 없고

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.09.19 23:00 신고

      아직은 시기사장조인가요?


      아..IE9완전 빠르던데 - 파이어폭스 4버전 베타 쓰고 있는데; 속도좀 어떻게 빠르게 되면 좋을텐데 ㅠㅠ

      이미 웹킷엔진 브라우저보다 느린건 포기했으니까 구동속도라도 좋아지면.

      언젠간 좋아지겠죠 ㅎㅎ

  13. 흠.. 2010.09.17 19:32 신고

    파이어폭스4는 97/100 나오구용, IE9는 100/100 나오네욬;; IE9가 빠르긴 빨라요;; 이전버젼이랑 비교하면 진짜 확연히 느껴질정도.. 첨 베타받고선 깜놀!! 근데 IE9.. 아직은 오류가 많아요..ㅠ 글자가 한군데 뭉치는 기이한 현상부터 네이버창도 깨지고.. 검색해서 보고 있는데 갑자기 혼자서 홈으로 돌아가지를 않나...ㄱ-

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.09.19 23:01 신고

      깨지는게 눈에 보이긴 보입니다. 플래쉬 같은경우는 10.1 베타버전인가로 올렸고.. 그러니까 약간 괜찮아진것 같기는 한데 -

      당장은 주 브라우저가 파이어폭스 이다보니 , 곡 좋아지겠죠..ㅋㅋㅋ

      파이어폭스 분발좀해서 제발 ㅠㅠ

  14. ㅌㅊㅋ퓨 2010.09.21 22:30 신고

    마소는 어차피 만들어놓고 특별히 개선하지않잖아요 그리고 글자깨지는거 보니까 그런거 다해결하고나면 속도 많이 느려질듯 그사이에 파폭은 계속 발전할거고

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.09.24 00:18 신고

      제가 잠깐 동안, 약간의 잘못된 생각을 했었던것 같네요ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ분명히 그 사이에 불여시가 더 좋아질꺼예여ㅛ ㅋㅋㅋ

  15. Favicon of http://fearat.tistory.com BlogIcon fearat 2010.09.27 16:21 신고

    IE9베타 런칭때 가서 IE가 매우 좋아졌다고 생각헀었습니다만, 알파벳 m 및 글자 깨짐 등과 일부 자바스크립트 미지원 등을 볼때 많은 문제점을 느꼈습니다. 오류투성이였던 개발자도구는 여전하더군요. 또한 국내에 아직까지 XP이용자가 많기에 IE9의 손을 들어주기엔 좀 무리가 있겠습니다.

    개인적으로는 IE보다는 파폭이 더 좋다고 느껴집니다. (에러잡기도 편하고.)

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.09.29 02:26 신고

      IE9 정말 빠르더군요.... 그런데 요즘 쓰면서 느낀건데 요즘에는 약간생각이 달라쳐서 그냥 크롬의 초기떄같은 느낌밖에 안드네요..

      그냥 파폭을 써버릇해서 그런지 불여우가 훨씬편합니다. ㅋㅋㅋ


      즐거운 하루되세요.

  16. zizib 2010.10.26 10:29 신고

    파이어폭스의 매력은 속도 보다는 부가기능에 있다고 봅니다.

    속도야 전부터 크롬이 더 빠르다고 생각하고 있엇지만.. 부가기능에서 못벗어 나고 있죠..

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.10.26 11:16 신고

      저도 부가기능때문에 못벗어나고 있습니다.

      이미 속도하고 구동속도는 포기한지 오래입니다......


      모 곧 좋아지겠지요 ㅎㅎㅎㅎㅎ

  17. Favicon of http://frederick.tistory.com BlogIcon 후레드군 2011.06.26 07:35 신고

    매우 공감하는 부분입니다.

    초기 구동은 IE의 경우 윈도우의 구성요소 중 하나가 되어 있으니 타사 브라우저보다 당연히 빠를 수 밖에 없는 것이지만, 크롬의 초기 구동 속도가 이에 못지 않게 빠르다는 것을 감안하면, 파이어폭스의 초기 실행 속도는 아무리 버전업을 해도 나아지지 않는 모습을 보입니다. (물론 옛날보다는 그나마 나아 졌습니다)

    그리고 브라우징 속도에 대해서도 보면, IE9이 정말 많이 빨라져서 저 역시 딱히 다른 브라우저를 써야 할 이유를 못 느끼고 있고, 편리하게 검색창이 주소창에 통합되어 하나로 쓰면 된다는 점과, 주소 자동 완성 기능, 그리고 군더더기 없이 예쁜 디자인 등등 지금까지도 메인으로 IE를 써 왔지만, 이렇게 만족스러운 경우는 처음입니다.

    크롬은 메모리 누수가 너무 심하고 파이어폭스는 더 이상 딱히 어떤 매력을 느끼기는 어려웠습니다. 게다가 모질라 재단에서 나오는 소프트웨어들 특유의 뭔가 좀 구식의 디자인은;;;;

    이제는 업데이트도 자주 한다고 했으니 기다려봐야 알겠습니다만, 전반적으로 오래걸리는 버전업 (파이어폭스 4 나오기 참 힘들었죠) 도 크롬 등의 경쟁사에 밀릴 수 있는 요인이라고 생각합니다-

    과연 파이어폭스의 장점들을 잘 살려내면서 싸워나갈 수 있을지......^-^;

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2011.06.27 22:24 신고

      제 컴퓨터가 사양이 안좋은건지.... 버전이 올라가도 초기 구동속도는 크롬과 IE를 따라가지 못하는것 같습니다.

      그렇다고 너무 정붙여버린 파이어폭스를 떼어내기도 이상하네요;;

      다른것보다 파이어폭스의 scrapbook 확장을 너무 잘사용하고 있어서.

      이걸 대체할 수단이 없는한, 옮기기는 힘들것 같습니다 ^^

      다행이도, 파이어폭스5로 올라왔는데, 조금 더 괜찮아진것 같아요..

아까전까지 진행하던 php 페이지가 있었는데 a


어떠한 이유인즉 - 취소가 되었습니다- ; 물론  만드는걸 제가 하고 있었지만..
약간 좋은공부했다고 생각해야 될것 같아요;; C++ 하고 자바하고 수학하고 영어나 봐야지



제가 느끼는건데.. 유독 IE에서만 테스트 해본 결과입니다만..

만약 form <type="text" 그리고 password size="10"으로 만들었습니다.
분명 같은 사이즈인데도 불구하고 제 눈에는 달라보인다 이것이였습니다. 그렇다고 그러니까 패스워드 쪽이 짧아보였습니다. 그래서 강제로 사이즈를 조정하면 어느정도 엇비슷하게 같아지더군요;

문제는 거기서 부터 시작이였습니다. 이와 같은 형상 비IE 크롬, 파이어폭스,사파리, 오페라에서는 잃어나지 않는것입니다. 그렇다고 국내페이지가 IE를 위해 대부분 만들어져서 무시할수도 없고, 그렇다고 웹표준을 준수하는 페이지를 만들겠다면서, 안할수도 없고



아. 그런데 약간 다른방식으로 생각하면
<input type="text" id="student_no" name="student_number" tabindex="1" accesskey="9" value="학번" onfocus="this.value='';" style="width:90%;" />

이런식으로 style로 지정하니, 제가 테스트한 모든 브라우져에서 정상적으로 보였습니다.
제 말은 즉슨, 스타일로, 크기를 지정하시는것도 괜찮을것 같습니다. 

일단 제가 저 소스를 분명히 만든것 맞는데.. 일단 책하고 웹을 참고해서 accesskey가 어떤건지를 모르겠어요ㅠㅠ

저작자 표시 비영리 변경 금지
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
  1. Favicon of http://sageclarcer.textcube.com BlogIcon 세이지 2010.01.07 23:17 신고

    전 HTML 코딩할 때 모든 스타일 관련 속성은 style 속성에 넣습니다. 스타일 관련 속성은 대부분 웹 표준 규칙에 어긋나더군요. 그래서 style을 사용하는데, 역시 style이 더 좋습니다.

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2010.01.11 13:42 신고

      이번에 뼈저리게 느낀건..

      파이어폭스라는 브라우저를 사용하면서, 웹표준 웹표준이 좋다고 하면서-

      하지만 정작 왜 그런지를 몰랐던거였습니다. 쉽게 말해서 무지의 한탄이랄까..

      정작 제가 만든 페이지를 보니, 완전 웹표준 무시였다는...휴;; 한페이지 만드는데- 처음부터 다시 하려니까..ㅎㅎㅎ

아마도, 제가 쓰면 엄청난 뒷북이겠죠, 이러한 글들이 올라온지 하도 오래되었어요.

지금 올리는 이유는 일단 기록상의 이유도 있지만, 만약 블로그를 약간 늦게 시작하거나, 분명 어디선가 관련 글을 봣는데, 어떤 포스팅이 기억이 안난다 (저같은 경우를 대비해서 남깁니다.)


최적화 하는 방법,

1단계 : 여러군대서도 언급되지만, 과도한 위젯 및 플래쉬 등등 광고가 느린블로그 라고 합니다.;;
           어디선가,, 블로그에 들어갔는데, 음악만 나오면 그냥 나간다  - 이런글을 본적 있는데, 어쩌면
           음악 재생으로 인한. 느린속도와 관련도 되지 않을까 생각 됩니다.

2단계 :: 고급적인 단계는 아닙니다.
http://www.iwebtool.com/html_optimizer

아마도 이건, 스킨을 집적 수정하신 분이 이해하시기 쉬우실수도 있습니다.


위에 html 소스 넣고 옵티마이즈! 하면 확 쭐어듭니다!!

추가시키자면!! 구글애드센스를 시키시면 아셔야 할것중 하나가,
일단 저거는 쉽게 생각하면 html 상의 공백을 아예 없애준다고 생각하시면 됩니다.
그런데 구글 애드센스의 경우, 처음에 주는 형식에서 벋어나면 이녀석이 고장나버리게 됩니다.
아마 가장 눈에 띄는부분중 하나라고 생각됩니다. 아마도 그말은 최적화 하시고 구글 애드센스는 원래 코드로 다시 넣어야 한다 이정도 입니다.

3단계 : html 도 했으니까 css 도 하면 됩니다.

http://cleancss.com/


화면과 같이 CSS 소스를 집어 넣으시고 progress 누르시면 아래에 축소된 CSS 소스가 나옵니다-
아직 - 옵션같은것은 마스터를 못해서 어떻게 말씀드리기 힘드나
위에 보면 고를수가 있는데 Compression (code layout): high standard 이런식으로 나오는데
다는 테스트 안해봣는데. 최상으로 할경우 완전 압축시켜버려서 - 블로그가 이상하게 표현됩니다.

 standrard 하는것을 추천드립니다.

덥네요; 즐거운 주말 되세요`~



저작자 표시 비영리 변경 금지
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
  1. Favicon of http://gallerymomo.tistory.com BlogIcon ASH84 2009.08.08 14:35 신고

    저는 위의 html,css 정리후
    속도 측정하는 사이트에서 속도를 측정하니
    더 느려진거 같아요 ^^;

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2009.08.08 14:58 신고

      헐 ,, 제눈이 이상한가요

      제가 브라우저 3개 쓰거든요 크롬 3, 파이어폭스3,익스 8
      파이어폭스하고 크롬은 제대로 보이느데;

      익스가 제대로 안보인다는- 제대로 안보인다라기 보다는 한쪽으로 치우쳐 보이고- 그냥 어색하다는..

      CSS최적화 다시해야겠다.ㅋㅋ

      ㅎㅎ 즐거운 하루되세요~

엄밀히 말하면, php라고는 할수 없습니다..

완전 HTML 이죠,, 일단 이걸쓰는 이유는, php 문법이라든지 완전히 모르지만 무엇인가 만들어보는 분들이

만약 저와 같은 목적으로 무엇을 만들다가 막힐때 약간이나마 도움이 되실까 하고서 올리는 글입니다..

일단 관련글입니다.  이건 PHP 배열 넘기는 부분입니다.
2009/05/18 - [Study/HTML / PHP / DataBase] - PHP 배열 POST로 넘기기...

먼저 첫번째 페이지에서
<?
echo"
<form method=post action="go.php">
<input type=text name=array[]>
//처음에는 배열값을 입력 받을때  array[0], array[1], 이런식으로 지정해야 하는 줄 알았습니다. 그런데 그럴 필요가 없더라고요;; 그냥 이런식으로 입력하면됩니다.

추가추가추가..
sumit

</form>
?>

go.php

받을때는

echo"$array[0]" 이렇게 해당배열로 받으시면 됩니다..

이전글에서도 밝히지만 저의 php.ini의 register_globals = On 이건 이렇게 되어있습니다.

만약 이옵션이 안되어 있으시다면,, $array = $_POST["array[]"]; 대강 이런식으로 받아야 될꺼예요..





저작자 표시 비영리
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
PHP이건 XML 이건.. 테이블 테그의 중요성이란??

저작자 표시 비영리
신고
크리에이티브 커먼즈 라이선스
Creative Commons License


저작자 표시 비영리
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

'Study' 카테고리의 다른 글

주파수  (0) 2010.04.17
핸드폰 안테나의 길이는 파장의 반?....  (0) 2010.04.17
User Thread & Kernel Thread & Hybrid Thread  (0) 2010.04.15
컴퓨터 버스가 메모리와 I/O 와 통신하는 방법  (0) 2009.05.14
FAT VS NFTS  (0) 2009.05.09
input 태그 정리  (0) 2009.04.04
▶2번째 이야기를 들어가면서서
진심으로 Five Type Story 방문해주신것을 환영하며, 지금 쓰고자 하는 글은 ,, 파워 블로그 유저가 쓰는것이 아닌, 어느 작은 블로거가 시행착고, 뻘짓을 해가면서 겪은 티스토리에 대한 정보를 마음대로 막 풀어 쓴 일종의 공략집이라고 정의 하겠습니다.
무슨 엉뚱한 소리냐, 즉 그러시면 한번 티스토리 가지고 놀기 파트 One 을 참고하시는것도 괜찮을것 같습니다. 지금 막 머리속에서 흘러나오는걸 쓰는거라, 전혀 일목요연 하지는 않습니다.
티스토리 가지고 놀기 Part 1 읽어보기

▶환영합니다.

두번째 이야기로 오신것을 환영합니다. 지금 이 포스튼 앞에 장을 읽으셨다고 가정한다음 쓰겠습니다.. 그렇다고 꼭 읽어야 되는거야? ...엄밀히 말하면 읽을 필요는 없습니다. 왜냐 앞에 봤자.. 이거 모야 시시하잖아. 이럴수도 있기 때문입니다. 아닐수 있고, 즉 앞에서는 어떤 내용이였나면,, 간단히 보니까 사이드바를 이용해서 태그 집어넣기 였습니다..
그런데 이건 한계가 있습니다. 소스가 왕창 많아지면 안들어갈수도 있기 때문입니다(실험은 안해봤음.. 저같은 경우 간단한 소스는 그걸로 집어 넣는데.. 긴거는 그냥 직접 넣는다는)

즉 이말은 이번 파트에서는 직접 수정하는것을 설명 합니다.

아.. 그런데 생각해보니까.. 만약 한번이라도 들어가보셨다면,, 복잡합니다. 만약 한번이라도 HTML에 관심이 있었다. 그러면 문제는 안되지요..

흠,... 아무래도 HTML을 간단히 집고 가야될것 같습니다.. 물론 .. 여기서 말하는 수준은 그냥 메모장으로 완전 HTML을 안보고 프레임 나눠지고,, 막 등등 그런 난이도가 아니라, 그냥 이건 모다 그런식입니다.

▶Phase 3. 꾸미기 복잡한거 시작 - Part 1. HTML
두둥, HTML 큰제목 -1 ,, 흠.. 간략히 적는다고 하지만, 이번 포스트는 HTML에 대해 간단히 소개하는걸로 끝내야 할듯합니다.. 그리고 다음 포스트에서 Skin.html 간략히 해석해보고.. 그리고 응용단계로 넘어 가보겠습니다..(해석이 필요있나.. 그냥 이건 이렇다 그런식입니다.)

간단히 HTML 이건 모냐.. 모 풀어쓰면 Hypertext Markup Language 하이퍼텍스트를 만들어주는 언어다. 이런겁니다. 모 물론 티스토리 만지는데 이런 의미는 중요하지 않습니다.
아 여기서 하이퍼 텍스트.. 는 대략 뜻이 링크를 가진 문서를 의미라고 설명 할수 있습니다..

다음이건, 네이버건 돌아다니다보면 마우스로 딸깍하고 누르면.. 페이지가 넘어갑니다. 이어주는걱 이 다리같은 역할을 하는것이 링크입니다 그런데 이 링크를 가진 문서를 만드는 언어다 이뜻이 HTML입니다. 굳이 풀어 말하자면

생각해보니까.. 그냥 HTML로 끝낸다고 했는데,, 왠지 분량이 엄청 안나올 불길한 느낌은..

그런데 왜 티스토리 수정하는데 필요하냐,, 정확히는 말씀 못들어 드리지만, 일단 그 형태를 취하고 있습니다.. 아그리고 저도 정확히 몰라서 그러는데 사이드바니 그게 HTML인지 아니면 티스토리에서만 쓰는건지 모르겠습니다. 그건 나중에 설명하고,.

제가 생각할때, 전혀 전문적 지식이 아니고 티스토리를 직접수정하기 위해 필요한 정도의 HTML에 대해서 적겠습니다

필요한거..

▶요건 이렇게 생긴거다, 구조!
일단 요게 어떻게 생겼는지 봐야죠!!! 새로운 핸드폰을 사면 문자를 빨리 쓰기 위해, 키패드에 적응하려고 자세히 보는것처럼.. 관련 없나-하핫...

일단 어딜가나 HTML을 열어보면 이런식으로 되어있습니다 ... 그러니까 크게!!

<HTML>

    <HEAD>
  
     <TITLE> </TITLE>

   </HEAD>

    <BODY>

   </BODY>

</HTML>

크게는 이렇게 생겼습니다. 인체에 비유하자면 골격? 뼈? 라고 표현하면 비슷합니다.

자자 문제하나!! 모 설명하기도 전에 왠 문제냐고요? 일단 요걸 보면 하나 알수 있는게 있습니다.. 무엇일까요?

그렇습니다 / <<이거죠!! 한마디로 HTML이건 열으면 닫아야 합니다..

즉 뜻이... <HEAD> 열고 </HEAD> 닫고, <TITLE> 열고 </TITLE> 닫고
<BODY> 열고 </BODY> 닫고,

이거 필요하냐고요? 기초입니다. 관심있건 말건 소스를 직접 수정하려면 정말 필요합니다. 특히 사이드바 수정할때 그때 잘열고 닫아주어야 하거든요, 잘못 열고 닫으면

SHIT ! 되는 겁니다.. 모

그냥 중요한건 아니고 요건 이건이렇구나 소개나 해보겠습니다.
<HTML>
 요거, 는 일딴,모랄까.,, 비유해보겠습니다. 고등학교나 중학교떄 교복에 이름표를 달고 다닙니다.. 물론 떄고 다니는 경우도 있지만,, 선생님들은 별로 안좋아 하시던것 같은데..
즉 이 뜻은 나 이런 사람이야 이거하고 비슷합니다. 즉 홍길동이 이름표를 달고 있으면 길거리를 지나가는 사람도 그 사람을 보고 관심은 없지만 물론, 이사람이 홍길동이구나 알수 있습니다.

즉 이건 나 HTML이야 , 딱  표현 하는겁니다.

   <HEAD>
   헤드 ,, 이걸 어떻게 설명해야 되나,, 그래요 머리입니다. 비유하자면, 어떤 사람이 있다고 칩시다, 만약 그사람이 어떤 성향이냐, 몬가 이상한가, 일종의 개요, 속성?? 라고 하면 될것 같습니다. 어떻게 설명해야 하나, 일단 패스,,
 
    <TITLE> </TITLE> 타이틀 요건 쉽습니다.. 위에 모라고 쓰여있찌요? 어디냐면 인터넷 익스플로어 맨위 파란줄 거기 보시면 FIVE TYPE STORY 써있죠, 한마디로 타이틀 태그는 위에 나타내는 겁니다. 이건 굳이 비유 안하겠습니다.

  </HEAD>

   <BODY> 바디,몸통입니다, 일종의 본문입니다. 들어갈건 사실상 여기에 다 들어갑니다.!

  </BODY>

</HTML>

일단 요기까지 이해하셨다면, 소스 수정하는데 기본지식 하나는 완성되었다고 보시면 됩니다. 자 그러면 다음 포스트 티스토리 가지고 놀기 Part 3에서는 전체 소스를 보면서 해보도록 하겠습니다. !!

신고
크리에이티브 커먼즈 라이선스
Creative Commons License
  1. Favicon of http://pocketbaby.tistory.com BlogIcon 포켓애기 2008.03.06 10:24 신고

    ㅎㅎ 티스토리에 꼭 필요한 HTML 사용하기에 관해 자세히 올려주셨네요~~ ㅎㅎ
    잘 읽고 갑니다~ ^^

    • Favicon of http://redeyesofangel.tistory.com BlogIcon EizT 2008.03.06 14:30 신고

      또 오셧네요!! ㅎㅎㅎ 반갑습니다.!

Five Type Story ! 오신것을 환영합니다.

▶들어가면서
일단 이글을 보시고 계시다면, 이글은, 애드센스, 애드클릭스를 블로그 안에 적당한 위치에 넣으려 하거나, 아니면 블로그라는 걸 오늘 처음, 또는 다른 블로그에서 티스토리 초대장을 받고 이사온 분에게 딱 맞을수도 있을만한 내용이 쓰여집니다.

▶환영합니다.
Five Type Story에 오신것을 일단은 환영합니다, 지금 어느것을 찾고 계신지 모르겠지만, 만약 위와 같은 목적으로 들어오셨다면, 이 글을 통해서 어느정도의 지식을 얻을 수 있습니다.
   일단은 티스토리 파워유저도 아니고, 완벽한 기술같은것은 알지 못하지만, 제가 블로그를 이사오고서 티스토리에서 적응하면서 겪었떤 시행착오를 안겪을수 있을정도로 글을 진행하도록 하겠습니다.

▶Phase 1. Tistory
티스토리를 찬양하는것은 아니지만, 제가 겪은 것은, 제가 썻던 네이버, 야후에 비하여 자유도가 높다는 것입니다. 물론, 장단점은 있습니다. 일단은 비교대상을 네이버로 잡아보겠습니다. 단 비교시점은 제가 티스토리로 이사온 시점입니다. 즉 지금의 네이버 블로그와는 다를수도 있습니다. 그뜻은 네이버가 더욱더 좋아졌다면 해당이 안될수도 있다는 뜻입니다.

▶좋은점
티스토리에 처음오게된 이유? 용량이니, 모니,, 등등 , 자유도 등등, 일단 저는 밖에 광고를 보고 왔습니다. 아마 지하철에 있던거는 기억은 안나지만,
무엇보다도,, 별짓을 다할수 있다에 두고 싶습니다. 즉 자유도.. 아 그런데 이게 문제점이 하나 있죠,, 단점일수도 있지만,

▶안좋아..
다른 분들이 공감을 안하실수도 있습니다. 물론 익숙한 사용자라면,
일단 요 티스토리,. 친절하지가 않습니다. 즉 네이버 리모콘인가 그런거  있던걸로 기억합니다. 블로그 하나 뚝딱 만들죠
그런데 이거 초대장 만들어서 만드니까.. 이건 모니.. 수정은 할수 있습니다..
설정가면 사이드바는 있죠,, 플러그인 추가하면, 더늘어나고 막 그러지만. 아 만약 ... 제가 잘못생각한것 같기도 한데,, 그냥,, 사이드바 설정가서 수정해서 쓰실꺼면은 특별히 불편한거는 없을것 같습니다..........아 앞에서 안말했는데... 이거 좋은점.. 백업기능..
자주 애용하는, 직접 수정 많이 하는 편인데. - 잘못하면 완전 아작나버려서, 그때 백업기능 쓰면 편합니다... 물론 한번에 10MB 업로드니 걸리지만 제 블로그 잘보면 Apmsetup, 또는 webshare 인가 이걸로 극복 할수 있습니다. 그리고 만약 HTML을 조금이라도 만져보면 수정하시기는 그다지 문제는 없습니다. 복잡해서 그러지... 아 그런데 전혀 모르면 문제가 심합니다.. 모가 몬지 모르기 때문입니다.. 이렇게 막 말하다보면 티스토리 나쁜거 계속 나오겠군요.. 그냥 끝내겠습니다.

▶Phase 2. 꾸미기
일단 보기도 좋은 떡이 먹기도 좋다고, 아무리 좋은 블로그라도 사람마다 기준은 다르겠지만 별로 안예쁘면 재미는 없겠지요? 사람마다 취향입니다. 이건 여기서 특별히 설명 안하겠습니다..
간단히 하면, 스킨고르고, 사이드바 설정가서 넣고 싶은 메뉴 넣고 하면, 기본적인 블로그는 완성입니다. 참고로 플러그인도 있습니다.. 플러그인을 넣다보면 사이드바에 넣을것도 많겠죠??

▶플러그인 말고, 다른 블로거 분들에 있는 예쁜 시계, 날씨 등등 넣고 싶다. 그런데 사이드바에서 못 넣겠다.
처음에 블로그를 시작한다음, 다른 분들 돌아다니다 보니,, 멋찐것들을 많이 넣으셨습니다. 나도 해봐야지.. 그런데 어떻게 하는거지... 일단 제가 그때 한것이 그분들이 공개해논 소스나, 어디에 넣어야 할지 몰랐습니다.
방법은 2가지 입니다. 싸이드바를 통해서 넣거나 직접 넣어버리는 방법입니다.
먼저 쉬운방법부터 하겠습니다.

▶쉬운방법
만약 넣고 싶은 소스가 길지 않을때,, 즉 한줄짜리들 그런거 있습니다. 예를 들어.. Hanrss 가면,, 링크 소스 생성 시켜주는데 아마 그게 한줄 짜리 일껍니다.. MIxsh도 한줄짜리 였던것 같고,, 아마도 사이드 바에서 직접 넣을수 있습니다.

어떻게 넣냐.. 그림이 필요할 때입니다.. 일단 설정 사이바 설정에 들어갔다고 그림을 넣겠습니다. 엄청 강력한 녀석이 있습니다.
사용자 삽입 이미지

태그 입력기인데 이걸 사이드바에 끌어놓으신다음 HTML코드 요기에
소스를 넣고 전송 누르시면 완성됩니다..
사용자 삽입 이미지


만약 난 추가 가능 플러그인에 그게 없다.. ! 안보인다 그러면 플러그인으플러그인 쪽으로 가십니다. 그런다음 태그 입력기라는 것이 있습니다
사용자 삽입 이미지

사용 누르시면, 사용중으로 딱 변합니다. 그러면 태그입력기가 생성이
됩니다. 그리고서 넣으시면 됩니다.
그런식으로 사이드바 설정 가셔서 태그를 삽입하시면, 플러그인에도 없는 것을 넣을수 있다. 입니다.
▶복잡한 방법
어렵지는 않습니다. 단 눈이 복잡해서 약간 짜증이 날수도 있는 방법,, 이건 스킨 직접수정을 해야되니 일단 여기서 종료하고  다음 페이지에서 이어서 해야될것 같습니다. 일단 이게 어떤구조이지만 알면 쉬울것 같기 때문입니다.

물론 정석은 아닙니다,, 저도 막 떠돌아 다니면서 배운거라서 일단 제가 알고 잇는데로 풀어 쓰도록 하겠습니다.
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
1

+ Recent posts

티스토리 툴바