웹 기초 공부 사이트 (PHP, HTML, JavaScript, jQuery, SQL, CSS)

개발자로 입문하기 위하여, 또는 개인 블로그 보완을 위해서 등..많은 이유로 여러가지 웹 언어를 공부하게 됩니다.

Annotation 블로그는 처음에 워드프레스로 제작되었는데요.

(무료 호스팅업체의 사정으로 인해..티스토리로 갈아탔습니다.)

대부분 PHP로 호스팅받는것 같더라구요. 그래서 처음에는 고민이 많이 되었습니다. 저는 JSP 개발자 이거든요..... :( 그렇다보니 타이틀에 써져있는 언어들중 유일하게 PHP를 사용하지 못합니다. 공부도 하지 않았었구요. 실무에서 사용하는 언어가 JSP다보니 PHP는 손댈기회가 없었습니다.

그러나 PHP는 필수로 사용해봐야 한다는 생각과 언제한번은 꼭 PHP를 다뤄보고 싶은 생각때문에 워드프레스를 선택하게 되었습니다.

제가 개발을 시작하며 책도 참고해보고..강좌도 보고 했습니다. 가장 좋은건 직접 해봐야 실력이 쑥쑥 오르더라구요.

그때 사용했던 사이트를 소개해드리겠습니다.

동영상보고 따라하고..뭐 그런건 아니구요. 그냥 가이드로 참고하시면 될듯 합니다. :)

링크는 W3Schools 을 누르셔서 이동하면 됩니다.

링크를 타고 들어가시면 위의 스크린샷 화면이 나오게 됩니다.

설명을 드리자면, 빨간 사각형들이 주 메뉴가 되겠습니다. 본인이 원하는 언어를 누르시면 해당 레퍼런스들이 나오게 됩니다.

위의 스샷에서는 jQuery 부분을 클릭하여 이동한 모습입니다.

좌측 메뉴에 보시면 많은 함수들이 있습니다. w3schools 에서는 핵심 메뉴만 소개하는것 같으니 꼭한번씩 참고해보는 것이 좋겠습니다. :)

원하는 함수를 누르면 영어로된 설명과 중앙의 빨간 네모처럼 직접 눈으로 확인할 수 있는 창이 나오게 됩니다.

이렇게요.

좌측은 해당 함수와 기본 마크업이 되어있는 소스코드가 나오게 됩니다. 우측은 그에대한 결과물이 되겠구요.

좌측에서 직접 소스를 수정하시고 빨간사각형 버튼 (Submit)을 누르면 직접 작성한 소스코드로 우측에 다시 표현됩니다.

이렇게 하나하나씩 눈으로 확인하면서 기초 공부를 할 수 있습니다. 눈으로 보는것보다 직접 작성된 소스나, 수정한 소스를 참고하니 금방 익히게 되는것 같습니다.

참고해 보세요 :)