200820 NAVER TECH CONCERT - 정영록 빠르게 성장하는 슈퍼루키로 거듭나기

2. NAVER | 정영록
빠르게성장하는슈퍼루키로거듭나기

3. 목차
1. 환경
2. 리뷰
3. 기술

4. Web Developer in 2020 - Frontend Roadmap
source: [NAVER TECH CONCERT 2019] 빠르게 훑어보는 웹 개발 트렌드

5. source: https://roadmap.sh/frontend
Web Developer in 2020 - Frontend Roadmap

6. 저걸언제다배우죠?
🙊

7. “ 빠르게성장하는슈퍼루키로거듭나기”
위해필요한세가지

8. 빠르게성장하는슈퍼루키로거듭나기
환경 리뷰 기록

9. 빠르게성장하는슈퍼루키로거듭나기 — 1.환경
환경 리뷰 기록

10. 문제에봉착했을때에야비로소사람은간절해진다
빠르게성장하는슈퍼루키로거듭나기 — 1.환경

11. 빠르게성장하는슈퍼루키로거듭나기 — 1.환경
도장깨기…?
하나하나마스터…?

12. 빠르게성장하는슈퍼루키로거듭나기 — 1.환경
전체를훑으며기초를다지고,
각각의깊이를더해나가는전략

13. 빠르게성장하는슈퍼루키로거듭나기 — 1.환경
• 웹애플리케이션의구조설계
• 시맨틱,접근성,검색엔진최적화,크로스브라우징,하위호환성,반응형을고려한마크업
• 디자인가이드라인으로부터UI/UX규칙을도출하고적용하기
• 애플리케이션로딩및렌더링성능최적화
• 보안취약점방어
• 테스트,빌드,배포,운영,모니터링
• 개발/테스트/빌드~배포자동화도구개발

14. 빠르게성장하는슈퍼루키로거듭나기 — 1.환경
전체프로세스를경험할수있는환경
🧑💻 🧑🎓담당프로젝트 사이드프로젝트
해커톤,공모전등

15. 빠르게성장하는슈퍼루키로거듭나기 — 1.환경
MVP(최소기능제품)를만들기위해필요한핵심만챙겨
빠르게과정전반을파악하기

16. 빠르게성장하는슈퍼루키로거듭나기 — 1.환경
다양한정보의‘키워드’를주워듣고일단킵해두기=“색인”
• 무엇과관련된개념인가?
• 어떤맥락에서등장하는가?
• 이것을다루려면어디를봐야하는가?

17. 빠르게성장하는슈퍼루키로거듭나기 — 1.환경
다양한정보의‘키워드’를주워듣고일단킵해두기=“색인”
봉착한문제에해당‘키워드’가등장했을때,
심화지식까지찾아보고,문제상황에대입해서이해하고,해결책을모색하기

18. 빠르게성장하는슈퍼루키로거듭나기 — 1.환경

19. 빠르게성장하는슈퍼루키로거듭나기 — 2.리뷰
환경 리뷰 기록

20. 빠르게성장하는슈퍼루키로거듭나기 — 2.리뷰
메타인지의부재
‘내가뭘모르는지모르는게문제야…’
초심자가방황하는이유중하나는

21. 빠르게성장하는슈퍼루키로거듭나기 — 2.리뷰
💁MENTOR

22. 빠르게성장하는슈퍼루키로거듭나기 — 2.리뷰
• 힌트,가이드라인,핵심만알아도러닝커브↓
• 멘토로부터받는적극적인피드백
• 선배가개발하는방법,생산성을높이는방식을옆에서보고습득하기

23. 빠르게성장하는슈퍼루키로거듭나기 — 2.리뷰
CODE REVIEW
‘나를키운건팔할이코드리뷰였다…’

24. 빠르게성장하는슈퍼루키로거듭나기 — 2.리뷰
• 시나리오체크,로직점검,버그가능성제보,오타발견,코드규칙위반사례확인등
• 작성된코드에대한더블체크
• 좋은코드를보고배울수있는기회
• 작성된코드에대한책임을함께진다는의미
코드리뷰의목적

25. 빠르게성장하는슈퍼루키로거듭나기 — 2.리뷰
• 시나리오체크,로직점검,버그가능성제보,오타발견,코드규칙위반사례확인등
• 작성된코드에대한더블체크
• 좋은코드를보고배울수있는기회
• 작성된코드에대한책임을함께진다는의미
• 구현과정에서의궁금증이나어려움을공유할수있는창구
코드리뷰의목적

26. 빠르게성장하는슈퍼루키로거듭나기 — 2.리뷰
>>>

27. 빠르게성장하는슈퍼루키로거듭나기 — 3.기록
환경 리뷰 기록

28. 빠르게성장하는슈퍼루키로거듭나기 — 3.기록
배운건기록하고,기록한건공유하기

29. 빠르게성장하는슈퍼루키로거듭나기 — 3.기록
‘TodayILearned’ 기록은공유하면
쓸모가배가된다
https://milooy.wordpress.com/2016/07/02
/daily-commit-1-year/

30. 빠르게성장하는슈퍼루키로거듭나기 — 3.기록
코드리뷰에서새로알게된개념
>>>
퇴근전TIL정리
‘ TodayILearned’

31. 빠르게성장하는슈퍼루키로거듭나기 — 3.기록
‘ TodayILearned’
• 오늘새롭게알게된내용을문서화
• 이해에구멍이있었던부분점검하고채워넣기
• 난항을겪고있는문제를정리하기
• 꾸준하게문서화작성스킬향상,부담경감
• 배움의시각화를통한성취감획득

32. 빠르게성장하는슈퍼루키로거듭나기 — 3.기록
기록은공유하면쓸모가배가된다

33. 빠르게성장하는슈퍼루키로거듭나기 — 3.기록
기록은공유하면쓸모가배가된다
🙋 🙆

34. 빠르게성장하는슈퍼루키로거듭나기 — 3.기록
기록은공유하면쓸모가배가된다
🙋 🙆
• 팀원들이구독하는TIL
• 독자를상정한글쓰기→체계적,정리된형태
• 파이팅넘치는동료개발자의TIL구독
• 눈높이가맞는지식창구
• 동기부여

35. 빠르게성장하는슈퍼루키로거듭나기 — 3.기록
기록은공유하면쓸모가배가된다

36. 빠르게성장하는슈퍼루키로거듭나기 — 3.기록
기록은공유하면쓸모가배가된다
히스토리&튜토리얼
팀내에서두고두고공유되며
읽히는문서
분석과진단,의사결정과정
구현사례(코드)까지갖춘
완결성있는문서

37. 빠르게성장하는슈퍼루키로거듭나기 — 3.기록
기록은공유하면쓸모가배가된다

38. 빠르게성장하는슈퍼루키로거듭나기 — 3.기록
기록은공유하면쓸모가배가된다
• https://github.com/naver/fe-news/
네이버FE엔지니어들이큐레이션해발행하는주요한기술소식
• https://d2.naver.com/
NAVER개발자들이직접정리한실전개발경험과지식블로그
• https://nuli.navercorp.com/
NULI접근성세미나
• https://deview.kr/
DEVIEW네이버개발자컨퍼런스

39. 빠르게성장하는슈퍼루키로거듭나기
환경 리뷰 기록