자주 참고하는 사이트들을 정리해보자.

개요

회사 업무를 진행할 때 자주 이용하는 사이트들을 정리한다.

www.caniuse.com

다앙한 기기와 기술들이 매년 빠르게 발전하는 가운데 하위 호환성을 위해서 작업 시 자주 기술 속성들을 검색해보는 사이트이다.
HTML5, CSS3, Javascript 등 다양한 속성들을 검색하여 브라우저 호환성을 알수 있다. 개인적으로는 partial로 표시된 브라우저에서는 해당 속성을 브라우저에서 테스트 해보는 것을 추천한다.

www.codepen.io

로컬에서 환경 설정이 필요없이 HTML5, CSS, Javascript로 먼저 실제 작업전에 테스트를 하고 팀원들이나 외부에 공유를 할 수 있는 코딩 연습장 같은 사이트이다.
외부 리소스들도 포함시킬 수 있어서 react, vue 등의 프론트 개발언어까지도 연습이 가능하고 회원가입을 통해서 자신의 pen에도 저장하고 확인할 수 있다. 자칭 메이저 브라우저 (Chrome, Firefox, IE, Opera, Safari 중 IE의 경우에는 IE11 미만 버전에서는 접속이 불가능하다.)

www.stackoverflow.com

작업 시 브라우저 이슈에 빠져 검색을 통해 해결할 때 가장 많이 방문하는 사이트이다. IT계의 지식인 사이트라고 정의하고 싶다. 추천수가 많은 답변을 따라 수정을 하다보면 해결이 된다.
가끔 caniuse.com에서는 지원이 되지만 CSS 상속문제 때문이거나 렌더링에서 지원되지 않는 부분들의 이슈도 알 수 있다.

www.w3schools.com

HTML, CSS, Javascript 등의 레퍼런스를 확인이 필요한 경우 방문한다. HTML은 의미에 맞는 마크업 언어를 사용하는 것이 좋은데, w3schools는 의미와 사용법부터 다양한 예제, 브라우저 호환성 여부 등등 확인이 가능하다. (요즘 가장 핫하다는 Python, 여전한 웹프로그래밍 언어의 강자 php, 대표적인 UI 프레임워크인 bootstrap 까지도 공부가 가능하다.)

2019 ugoon.net