프론트 엔드 공부순서

[Front-End Roadmap] 프론트엔드 공부 순서 : 네이버 블로그 (naver.com)

[Front-End Roadmap] 프론트엔드 공부 순서

 

웹개발 로드맵 (dream-coding.com)

웹개발 로드맵

1. HTML Tags
2. Page structure
3. Semantic Tags
4. SEO (Search Engine Optimization)
5. Accessibility
6. CSS (Cascading Style Sheets)
7. CSS Preprocessor (Sass, Less)
8. CSS Framework (Bootstrap, Materialize)
9. JavaScript
10. TypeScript
11. JavaScript Framework (React, Vue, Angular, Svelte)
12. SPA (Single Page Application) vs MPA (Multi Page Application)
13. SSG (Static Site Generators) - Gatsby (React), GridSome (Vue), 11ty (JS)
14. SSR (Server Side Rendering) - Next.js (React), Nuxt.js (Vue), Universal (Angular), Sapper (Svelte)
15. Package Manager - npm, yarn
16. Module Bundler - Webpack, Rollup, Parcel
17. Testing - Jest, Cypress, Enzyme, react-testing-library
18. CI/CD - Continuous Integration/Continuous Deployment
19. Public APIs - Twitter API, YouTube API
20. Firebase - Realtime Database

---

https://www.inflearn.com/course/functional-es6#curriculum

함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의

---

프론트엔드 개발을 학습하는 순서는 다음과 같습니다. (챗 gpt가 알려줌.)

1. HTML: 웹 사이트의 구조를 나타내기 위한 마크업 언어입니다. HTML을 학습하여 웹 페이지를 구조화하고 콘텐츠를 구성하는 방법을 배웁니다.
2. CSS: 웹 페이지의 스타일을 정의하는 스타일 시트 언어입니다. CSS를 학습하여 웹 페이지를 디자인하고 레이아웃을 조정하는 방법을 배웁니다.
3. JavaScript: 웹 페이지에 동적인 요소를 추가하는 스크립트 언어입니다. JavaScript를 학습하여 웹 페이지에 인터랙션을 추가하고 사용자와 상호작용하는 방법을 배웁니다.
4. 프레임워크: 대표적인 프론트엔드 프레임워크로는 React, Angular, Vue.js 등이 있습니다. 이러한 프레임워크를 학습하여 웹 애플리케이션을 더욱 쉽게 개발할 수 있습니다.
5. 기타 기술: Ajax, jQuery, Sass 등의 다양한 기술을 학습하여 더욱 전문적인 웹 개발자가 될 수 있습니다.
6. 웹 접근성: 웹 페이지에 접근성을 고려하여 웹 사이트를 만드는 방법을 배웁니다. 이를 통해 모든 사용자가 웹 페이지를 쉽게 이용할 수 있도록 만들 수 있습니다.
7. 반응형 웹 디자인: 모바일 기기 등 다양한 디바이스에서 웹 페이지가 올바로 동작하도록 만드는 기술을 학습합니다.
8. 테스트와 디버깅: 웹 페이지를 테스트하고 디버깅하는 방법을 학습합니다. 이를 통해 웹 페이지의 안정성과 성능을 개선할 수 있습니다.
9. 성능 최적화: 웹 페이지의 성능을 최적화하는 방법을 학습합니다. 이를 통해 웹 페이지가 빠르게 로드되고 사용자 경험을 향상시킬 수 있습니다.
10. 보안: 웹 페이지 보안에 대한 이해를 학습합니다. 이를 통해 웹 페이지의 보안 취약점을 방지하고 사용자 정보를 보호할 수 있습니다.

---

자바스크립트 코딩 테스트를 준비하는 것은 프론트엔드 개발자가 되기 위해서는 매우 중요합니다. 하지만 프론트엔드 개발에는 자바스크립트 뿐만 아니라 다른 기술들도 필요합니다. 따라서 다음과 같은 항목들을 보완해보시는 것을 추천합니다.

1. HTML 및 CSS: 웹 페이지를 만들기 위해서는 HTML 및 CSS를 이해하고 활용할 수 있어야 합니다. 웹 페이지를 예쁘고 사용자 친화적으로 만들기 위해서는 이들 기술에 대한 이해가 필수적입니다.
2. 프레임워크: 많은 회사들은 Angular, React 또는 Vue.js와 같은 프레임워크를 사용합니다. 따라서 이러한 프레임워크들을 이해하고 사용할 수 있도록 학습하시는 것을 추천합니다.
3. 웹 서비스: 대부분의 프론트엔드 애플리케이션은 서버와 통신하고 데이터를 주고받아야 합니다. 따라서 웹 서비스와 RESTful API와 같은 개념에 대한 이해가 필요합니다.
4. 버전 관리: 대부분의 회사들은 Git과 같은 버전 관리 도구를 사용합니다. 따라서 Git에 대한 이해와 사용 방법에 대한 학습이 필요합니다.
5. 테스트: 테스트는 소프트웨어 개발 과정에서 매우 중요한 부분입니다. 따라서 테스트 프레임워크를 사용하는 방법과 단위 테스트와 통합 테스트를 작성하는 방법에 대한 이해가 필요합니다.

이러한 기술들을 학습하고, 프로젝트를 진행하며 경험을 쌓는 것이 중요합니다. 또한 다른 개발자들과 함께 작업하면서 협업하는 방법을 익히는 것도 프론트엔드 개발자로서 중요한 역량입니다.