웹 코딩 관련 사이트

웹 코딩을 할 때 자주 접속하는 사이트를 모아보았습니다.

스크랩을 하실 땐 출처를 꼭 남겨 주세요.

 

http://www.w3.org : 언어의 장벽...

http://www.w3schools.com : 활용 방법을 모를 때 구글에 w3s 키워드로 검색하면 좋음

https://opentutorials.org : 여러 동영상 강의 제공

http://www.tutorialspoint.com : 분야별 튜토리얼 제공(영어)

http://www.everdevel.com/kr/main/main.php

 

웹표준

http://ui.daum.net : 웹 표준 컨벤션 (다음)

http://nuli.navercorp.com : 유용한 개발 도구, 차트 라이브러리, 웹 접근성 가이드 등 제공 (네이버)

http://channy.creation.net/project/html5/html4-differences : HTML 4와 HTML 5의 차이점

http://www.mozilla.or.kr/docs/web-developer/web-standard-guide-2005.pdf : 웹 표준 가이드 pdf

 

웹 브라우저에서 코딩하기

http://www.tutorialspoint.com/codingground.htm

 

코딩 테스트

http://troy.labs.daum.net : 모바일 & 웹 해상도별 차이 확인 가능

http://htmledit.squarefree.com : 상단에 html 코드를 작성하면 하단에서 바로 확인 가능

http://codepen.io/pen, http://jsfiddle.net : html, css, js까지 작성한 후 확인 가능

더러운 코드를 정리해 주는 사이트

https://tools.arantius.com/tabifier : HTML, CSS, JSON 코드 간편 정리

https://beautifier.io : HTML, CSS, JS 및 위 사이트보다 더 많은 설정 가능

https://www.cleancss.com : 포맷 변환(XML, HTML, CSV, JSON 등), Encode, 소스 간략화 등 여러 개발 도구 지원

 

두 가지 코드 비교할 때 다른 점을 찾아 주는 사이트

https://www.diffchecker.com : 코드 복사 붙여넣기만 지원 / 간단하게 사용할 때 좋음

https://www.diffnow.com : 코드 복사 붙여넣기, 파일 업로드, URL 비교 가능 / 위 사이트보다 편함

https://prettydiff.com : 코드 복사 붙여넣기, 파일 업로드 지원 / 여러 가지 옵션 선택 가능