개발시 도움을 받는 웹사이트 목록

지금껏 개발하며 도움을 받은 사이트들을 한번 써보고 싶어 정리합니다.

 

순서에 상관없이 봐주시면 됩니다.

 

---

1. https://www.w3schools.com/

 

내가 국비지원 학원에서 처음 웹 개발을 배울 때, 강사님께서 알려주신 사이트다.

이후 여기서 많은 예제를 보며 구현하고 싶은 기능을 만들었고,

그 기능을 실습해볼 수도 있다.

간단하게 배우고 싶은 언어가 있으면 간단하게 실습을 해 볼 수도 있다.

 

2. https://developer.mozilla.org/ko/

MDN Web Docs

웹 개발을 어느정도 하다보니 눈에 띄는 사이트가 몇 생긴다.

그 중 모질라에서 운영하고 있는 MDN WEB DOCS다.

정석적으로(?) 문서를 써 주어서 정확한 정보를 알 수 있고,

그 정보 아래에는 어느 브라우저 버전까지 지원하는지도 표시되어있어 편리하다. 사실 써 본적은 없다.

여기서는 실습이 불가능하다는 점에서 위의 W3SCHOOL이 더 좋다.

하지만 문서적인 배움을 받을 수 있다는 점에서는 여기가 더 좋다.

 

3. https://sqlzoo.net/

SQLZOO

프론트엔드 개발자라서 잘 쓰진 않지만 유용한 사이트 같아서 즐겨찾기에 추가해놓았던 사이트다.

SQL을 실습해보며 공부할 수 있어서 좋고, 많은 예제, 문제가 준비되어 있어서 공부하기 좋다.

 

4. 각 언어의 공식 홈페이지

그 언어의 공식 홈페이지만큼 정확한 DOC이 없다.

 

5. https://validator.w3.org/unicorn/

Unicorn

웹사이트의 HTML 구조가 정확한지 검사하는(validate) 사이트다.

나는 정확하게 만들었다고 생각했는데 의외로 태그가 틀린곳이 꽤 있고,

웹 표준에 맞지 않게 만든 곳도 찾을 수 있다.

그걸 찾으며 하나씩 더 공부하게 된다.

검사할 코드를 업로드 하는 방법도 여러가지라서 편하다.

1. 웹에 개시하고있다면 URI를

2. 직접 파일 업로드

3. 직접 코드 입력

으로 검사 해 볼 수 있다.

 

이 검사는 꼭 해보길 바란다.

 

검사를 통과하면 뱃지(?)도 받을 수 있다.

 

6. https://www.w3.org/WAI/WCAG21/quickref/

웹 접근성에대한 페이지다.

한 때, 이 페이지를 모두 해석해보겠다는 다짐으로 블로그의 글을 쓴 적도 있다. https://emessell.github.io/

Emessell

 

너무나 방대한 양에 간단하게만 정리하고 끝났다.

저 글을 쓴게 웹 접근성에 대한 교육을 받고 난 뒤여서 공부할 겸 써 보았다.

 

정석으로 웹 접근성을 공부하고싶다면 여기가 아닌가 싶다.

 

7. https://ctf.hacker101.com/

Hacker101 CTF

웹 보안에 대해서 실습하며 배울 수 있는 사이트다.

사실 프론트엔드이다보니 웹 보안에 대해서는 덜 신경을 쓰게 되는데,

여자친구가 컴퓨터 보안 전공이다보니 알게되었다.

아는 범위가 더 넓어지고, 사실 신경을 덜 쓴다 뿐이지 신경써야하는건 맞기 때문에 공부할 수 있어서 좋다.

 

8. https://animate.style/

Animate.css

최근에 알게 된 사이트인데, 웹을 만들다보니 조금 더 부드럽고 자연스럽게 만들고싶어서 animation에 대해 알아보다가 알게 되었다. 라이브러리인걸 이제 알았다.

나는 이 예제들을 보며 만들어보고 싶은걸 좀 더 구체화 하는 용도로 사용할 것이다.

 

9. https://stackoverflow.com/

Stack Overflow - Where Developers Learn, Share, & Build Careers

세계적으로 아마도 가장 유명한 사이트.

개발적인 질문과 답변이 오가는 곳이다.

 

10. https://programmers.co.kr/

프로그래머스

코딩테스트를 할 수 있는 사이트다.

나는 자신있는게 javascript 밖에 없어서 그것으로만 하고있다.

기업에서 코딩테스트를 요청하기도 하고, 여기서 구인, 구직도 일어나고 있다.

코딩테스트 사이트인 만큼 철저하게 실력으로 뽑을 수 있다.

 

---

오늘은 10가지만...이라고 하지만 거의 다 적은 것 같다.

개인 정리용으로 적었지만 신입 개발자가 보고 도움을 받으면 더 좋을 것 같다.