todo-on-any-front-framework

Todo On Any Front Framework

FE 프레임워크(angular, vue, svelte, solid, react etc.)를 사용한 TODO app 개발 및 프레임워크 간 비교분석을 위한 레포지토리입니다.

프레임워크 있는 프론트엔드 개발 - FF

프로젝트 동기

  • 프론트엔드를 공부하는 것인지, 웹 프레임워크(리액트, 뷰 등)을 공부하는 것인지 모르겠음
  • 어느 순간 실무에서는 퍼블리싱만 하고 있는 느낌이 들었음
  • 프론트엔드 공부 뭐할꺼야 라는 질문에, 그래프QL 사용해보기 등의 답변을 하는 내가 마음에 들지 않았음
  • 내부 로직을 이론으로는 들었다 한들, 남에게 설명할 수 있는 수준이 아니었음
  • 리액트만 다루다보니 시야가 너무 좁은 것 같다는 느낌을 받았음
    🔥프론트엔드 공부라 말할 수 있는 공부를 하자🔥

프로젝트 목표

  • 📌 리액트, 뷰 등의 웹 프레임워크(라이브러리)에 의존적인 공부를 낮추는 것
  • 📌 여러 프레임워크를 사용해보고, 각각의 장단점을 경험해보기
  • 📌 프로젝트 시작시에, 근거를 기반으로 프론트 기술 스택을 선택할 수 있어야 함
  • 📌 최종적으로, 세미-리액트 를 만들어보고 그것을 기반으로 프로젝트를 해보는 것

프로젝트 방법

📈 함께 성장

  • 개발 커뮤니티를 통해 함께 성장하기
  • 참여자들 의견을 모두 공유하며, 타 참여자들에게 새로운 관점을 제안해보기
  • 격주 참여자들이 담당한 부분에 대해서 코드잼-세미나 진행하기

🧑🏻‍💻 결과 주도 프로젝트(스터디)

  • 결과물이 없는 프로젝트는 의미가 없다..!
  • 프레임워크 별 투두앱을 제작해보며, 각 프레임워크의 특징을 이해하자
  • 기록을 남기며 부족한 점을 채우고, 나중에 다시 돌아와 내가 어떤 부분을 잘(혹은 잘 못)이해하고 있었는 지 파악하자

프로젝트

📅 일정

  • 1주차
    • NFF 책 읽고 정리 (1~2장)
    • 내용 학습 후, 관련 아젠다 선정하여 토론
  • 2주차
    • NFF 책 읽고 정리 (3장)
    • 내용 학습 후, 관련 아젠다 선정하여 토론
    • 앵귤러 학습 및 앵귤러 투두앱 제작
    • 앵귤러 코드잼 및 세미나 참여
  • 3주차
    • NFF 책 읽고 정리 (4장)
    • 내용 학습 후, 관련 아젠다 선정하여 토론
    • 뷰 학습 및 뷰 투두앱 제작
    • 뷰 코드잼 및 세미나 참여
  • 4주차
    • NFF 책 읽고 정리 (5장)
    • 내용 학습 후, 관련 아젠다 선정하여 토론
  • 5주차
    • NFF 책 읽고 정리 (6장)
    • 내용 학습 후, 관련 아젠다 선정하여 토론
    • 스벨트 학습 및 뷰 투두앱 제작
    • 스벨트 코드잼 및 세미나 참여
  • 6주차
    • NFF 책 읽고 정리 (7장)
    • 내용 학습 후, 관련 아젠다 선정하여 토론
  • 7주차
    • NFF 책 읽고 정리 (8장)
    • 내용 학습 후, 관련 아젠다 선정하여 토론
    • 솔리드 학습 및 뷰 투두앱 제작
    • 솔리드 코드잼 및 세미나 참여

🌱 결과물

Framework PPT Codejam Source Code
💻 01. Angular PPT Codejam Sourcecode
💻 02. Vue PPT Codejam Sourcecode
💻 03. Svelte PPT Codejam Sourcecode
💻 04. Solid PPT Codejam Sourcecode
💻 05. React PPT Codejam Sourcecode
💻 06. Vanilla JS PPT Codejam Sourcecode

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes