[자료] 프론트엔드 공부법/온라인 강의로 코딩 공부법

Jieun Oh·2023년 1월 27일
0

아무래도 프로그래밍을 독학으로 시작했기에 아직 멘토님이나 공부 방향을 코치해주실 분이 딱히 없어서 개발 블로거나 유튜버 분들이 남겨주신 공부법 관련 글이나 영상을 열심히 보며 공부 방향을 계속 정립하고 체크해나가는 과정도 공부 못지 않게 중요한 것 같다!

오늘은 드림코딩님의 프론트엔드/코딩 공부 방법 영상을 몇개 보았다😊

🔗출처


📌 프론트엔드 공부법

  • CSS: floats, positioning, display, box model, 요즘은 flex box 유용함 -> CSS 깊게 아는 것도 중요하다!
  • JS: DOM Manipulation, Fetch API도 알아두기!
  • TS: 요즘 자주 사용한다. 공부해두기!
  • SASS, PostCSS: CSS 간편하게 관리
  • Boostrap은 요즘 잘 안써서 추천 안함
  • CSS Architecture -> BEM 관련 아티클 읽어보기
  • Linters and Formatters 찾아보기
  • Module Bundlers -> Webpack 유용함
  • Framework -> React.js + MobX 조합 추천함!

💡 한 번에 이 모든걸 다 알고 시작해야되는 것이 아니라 일하면서 중간중간 배우는 것임! 이 모든걸 다 알아야한다고 너무 부담갖지 말기!


📌 온라인 강의 들을 때 TIP 5가지!

✔️ 1. 목표를 설정하기

이 강의를 듣고 내가 얻고자 하는 것은 무엇인지 & 이 강의를 듣고 내가 해보고 싶은 것은 무엇인지 고민하고 목표를 설정하기
ex) "이 프론트엔드 강의를 들은 후에 나만의 포트폴리오 웹 사이트를 만들어봐야지"

✔️ 2. 나와의 약속 지키기

언제까지 듣기로 했으면 약속을 꼭 지키기

✔️ 3. 디지털 노트에 기술별로 페이지 만들어서 링크나 개념, 팁 모두 정리해놓기

✔️ 4. 직접 정리하고 찾아보면서 배우기

강의를 들으며 이해 안되는 부분은 직접 찾아보면서 중요한 부분을 노트에 정리하며 배우기

✔️ 5. 퀴즈나 과제는 직접 해보기!

직접 문제들에 부딪히며 퀴즈나 실습 직접 해보기 + 중간중간 만나는 문제나 해결과정 정리하기

💡추가 : 미니프로젝트 자주 하기

profile
프론트엔드 개발자 & 통계적 머신러닝

0개의 댓글