나의 웹 개발자 로드맵 - 프론트엔드 체크리스트

https://github.com/kamranahmedse/developer-roadmap

kamranahmedse/developer-roadmap

 

developer-roadmap 참고해서 필요한 것들만 체크리스트로 만들었다.

개중에는 내가 추가한 것도 있다.

 

---

 

 

"인터넷"

 

https://github.com/kamranahmedse/developer-roadmap

 

- [x] internet이 어떻게 동작하는가 another-light.tistory.com/57

너와 나의 연결고리, 인터넷에 대하여 | how does internet work

- [x] browser가 어떻게 동작하는가 another-light.tistory.com/46?category=844048

[Browser] 브라우저가 화면을 그리는 법 Render Tree, layout, paint | Browser Rendering

- [x] DNS가 어떻게 동작하는가 another-light.tistory.com/36?category=842952

[네트워크 상식#2] 누구나 쉽게 DNS와 친해지기 (2편) | 동작 방식, 레코드

- [x] Domain name이 무엇인가 another-light.tistory.com/35?category=842952

[네트워크 상식#2] 누구나 쉽게 DNS와 친해지기 (1편) | DNS, 구조

 

---

 

"HTML, CSS, JAVASCRIPT"

 

 

- [ ] SEO

- [ ] semantic web, liked data (+jsonld) -> 팀 버너스 리의 테드 강연이 감명 깊다. 

- [x] css rendering

- [ ] responsive, media queries

- [ ] image rendering optimization

- [ ] DOM manipulation

- [ ] es6 javascript & modular javascript

- [ ] hoisting, event bubbling, scope, prototype, shadow DOM, strict, closure

- [ ] how does react hooks work

 

 

 

---

 

체크하면서 업데이트 예정