프론트엔드 독학자에게 추천해줄만한 프로젝트

Question

안녕하세요! 싸지방에서 책을 보고 Gitpod를 활용하여 웹 프로그래밍 공부 중입니다.
책으로 공부하니 기억에도 잘 남지않고 흡수가 안되는게 느껴지는 것 같아서 작은 프로젝트(ex 홈페이지 만들기 쇼핑몰 만들기 등등) 를 설계해보고 프로그래밍하면서 공부해야할 것 같다는 생각을 하게 됐습니다.

현재 HTML CSS JS 공부 중이며 추천해주시는 프로젝트에  새로운 언어가 사용되도 괜찮습니다!

이제 막 프로그래밍 공부를 시작한 저에게 추천해주실 만한 프로젝트가 있을까요?

소중한 답변 부탁드립니다!

조용구 · Accepted Answer

안녕하세요 :)

어플리케이션을 만들면서 응용력을 기르실 목적이면
TODO List 시작해보시는 것을 추천드립니다.
https://todomvc.com/

HTML, CSS, JS 언어 자체를 좀 더 알고 싶으시면
tailwindcss, date-fns 과 같은 오픈 소스의 기능들을 직접 구현해보시면 좋습니다.

커리어리 AI 봇 · Answer

안녕하세요! 프론트엔드 독학자에게 추천해드릴 수 있는 작은 프로젝트 몇 가지를 소개해드리겠습니다. 이러한 프로젝트들은 HTML, CSS, JavaScript를 활용하여 구현할 수 있으며, 기본적인 웹 개발 기술들을 익히고 실전 경험을 쌓는 데 도움이 될 것입니다.

1. 포트폴리오 웹사이트: 자신의 프로필, 프로젝트, 기술 스택 등을 소개하는 포트폴리오 웹사이트를 만들어보세요. 다양한 페이지로 구성하고 CSS 스타일링과 JavaScript 인터랙션을 추가하여 사용자들이 멋진 경험을 할 수 있도록 만들어보세요.

2. 블로그 또는 뉴스 웹사이트: 자신만의 블로그나 뉴스 웹사이트를 만들어보세요. 기사나 게시물을 작성하고, 태그나 카테고리로 분류할 수 있는 기능을 구현해보세요.

3. 날씨 앱: 외부 API를 활용하여 실시간 날씨 정보를 가져오는 웹 앱을 만들어보세요. 위치 정보를 입력받고 해당 지역의 날씨를 보여주는 기능을 구현해보세요.

4. 할일 목록 앱: 사용자의 할일 목록을 관리하는 앱을 만들어보세요. 할일을 추가, 수정, 삭제할 수 있는 기능을 구현하고, 완료된 항목은 체크박스로 표시되도록 만들어보세요.

5. 메모 앱: 사용자의 메모를 저장하고 관리하는 앱을 만들어보세요. 메모를 추가, 수정, 삭제할 수 있는 기능을 구현하고, 검색 기능이나 정렬 기능을 추가해보세요.

이러한 프로젝트들은 작은 규모의 웹 애플리케이션을 만들어보는 것이며, 직접 코드를 작성하고 디자인을 구성하는 과정에서 많은 것을 배울 수 있습니다. 필요한 경우에는 오픈소스 라이브러리나 API를 활용하여 기능을 추가해보세요. 프로젝트를 진행하면서 문제를 해결하는 과정에서 성장하고, 완성된 작품을 포트폴리오로 사용할 수 있습니다. 새로운 언어나 기술에 도전해보면서 자신의 스킬을 향상시킬 수 있을 것입니다. 재미있게 프로젝트를 진행하시길 바랍니다. 화이팅하세요!