프론트엔드 개발자 학습방향_PoiemaWeb _이웅모님

Sarahsea 사라씨·2021년 6월 6일

프론트엔드 개발자 학습 방향에 대한 좋은 영상을 보았고,
영상 요약정리를 기록으로 남기려 한다
필요한 내용들 쏙쏙, 논리정연하고 좋은 내용
멋있어.... 😭

Intro_이웅모님 소개

유저와 어플리케이션의 소통을 위한 창구(User Interface)를 사용하기 좋게 구현
- UI는 상태정보를 서버로 전송하기도 하고, 서버의 데이터를 가져와서 UI에 표시하기도 한다
디자이너, 백엔드 개발자와의 협업

HTML/ CSS / JS
- CSS: 레이아웃, 플렉스박스,...,SASS, PostCSS, CSS방법론, CSS프레임워크(부트스트랩)
- JS: ES6,7,8,../ DOM,event/ Ajax/ 동작원리 /node.js (서버사이드라 백엔드담당이라고 생각하는경우 많지만, 점점 중요도가 높아지는 추세, 프론트엔드 쪽으로 많이 넘어오고 있기도 하고, 백엔드개발자와 협업을 위해 기본기 다지는 게 중요
HTTP
크로스 브라우징
Tools: Git, Webpack, Babel, ESLint, npm, ...
Library & Framework: SPA(React,Angular,Vue.js), TypeScript, JQuery, Lodash, Axios
TDD(test driven development): Karma, Jasmine, Mocha, Chai
알고리즘 / 자료구조 : 정렬, 탐색,... / 스택, 큐, 해시태그,...

"이렇게 배울게 많은데, 언제 다해? 뭐부터해??"
1.
깃헙/ 디벨로퍼 로드맵 - kamranahmedse

2.포이마웹 목차 활용
포이마웹 링크

주변개발자 말을 알아들을 수 없다
- 배경지식의 부족: 기본CS, 용어, 기본 상식의 부족
- 지식을 넓혀야 - 부족한 부분 따로 공부. base
어떻게 만들어야할지 감조차 오지 않는다
- 문제해결 능력의 부족: 문제해결능력= 문제 이해 -> 분해 -> 자료정리/구분
- 문제에 대해 알아채는 능력과 Computational Thinking, 알고리즘/자료구조, 경험이 필요
막상 코딩하려니 못 짜겠다, 검색한 레퍼런스 코드 수정을 못하겠다
- 구현 능력의 부족: 구현능력= 문법에 대한 이해 + 연습
- 반복해서 익숙해지는 것 뿐!

효율적인 학습방법, 단기간에 많은 것을 얻는 것은 없다고 생각,
단, 의식적인 연습을 꾸준히 반복하는 만큼 성장한다고 생각한다

의식적인 연습: 단순반복과는 달리, (매일 밥 먹는다고 밥 먹는 스킬이 늘지 않듯)

자신의 능력을 살짝 넘어서는 도전을 지속적으로 시도
삽질(시행착오)은 무엇을 알고 모르는지를 알게해줌
시도하고 실패하는 의식적인 연습을 반복
(목표수립 -> 작은 성취)의 반복
수박 겉핥기 식이어서는 안됨(눈으로 훑고 코드한줄도 안써보는), 그렇지만 본질에서 벗어난 학습도 적절치 않다(링크링크링크 타고 계속 너무 딥한 내용으로 넘어가는 것, 물론 알면 도움되지만 시간제약이 있으므로) - 적절한 균형을 찾는 것도 능력이다
피드백에 겸손, 적극적으로 반응 -> 행동 교정!

서두르지마라
- 한 달 JS 공부하고 성과를 내기 원하는 것? 어불성설 아닌가
두려워하지 말고, 시도해서 실패하자! 실패는 영원하지 않다
- 실패가 두려워 시작조차 안한다면,,ㅠ
사람은 잘 착각, 또 잊는다, 기록하고 수정하자
- 기록: 블로그 등, 나를 위해서 개념 등 정리해 놓기
- 수정: 한번 쓰고 끝이 아니라 업뎃해나감, 잘 잊지 않고, 잊더라도 금방 보고 되찾게 됨
기본기가 중요, 당신은 프로다
- 취미로 운동하는 사람: 그냥 한다 vs 프로: 미리 몸풀고 체력단련하고 등등
- 많은 것들이 있지만 결국 기본은 HTML/ CSS/ JS - 특히JavaScript 잘 알아두자
좋아하자! 즐겁게 일하는 자를 이길자가 없다!
- 좋아하지 않더라도, 좋아하도록 해보자!
- 싫은데 일하는 개발자는 집에만 가고 싶을 것, 공부도 잘 하지 않을 것
호기심을 갖자! 설명할 수 없으면 모르는 것이다
- 내 코드가 어떻게 실행될지, 왜 그렇게 될지 궁금하지 않은가?
꾸준히 하자, 평생~

생각하는 사람