프로그래밍 「 추천 편」진정한 개발 슈퍼히어로가 되기 위한 9가지 애완동물 프로젝트 아이디어!

간단한 ToDo 앱 ⭐️★★★★

작업을 관리하기 위한 작은 응용 프로그램을 만들어야 합니다. 초기 버전에서는 1개의 입력 필드와 1개의 텍스트 제출 버튼으로 구성될 수 있습니다. 처음에는 모든 정보를 localstorage에 저장할 수 있습니다. 이 작업은 React의 초보자에게 기본적인 것으로 간주됩니다. 때때로 사람들은 ToDo 앱을 만드는 것이 진부하고 지루하다고 말할 수 있지만 실제로는 중요한 React 요소인 후크 및 수명 주기 방법을 다룹니다. 또한 이 작업은 모든 방향으로 확장성이 뛰어나며 점차 복잡해질 수 있습니다. 초보자라면 ToDo 앱을 만들기만 하면 됩니다:)

날씨 앱 ⭐️️️️️️️️️️️️️️️️️️️️️️ ️ ️★★★⭐️️️️️️️️️️️️️️️️️️️️️

사용자는 도시 이름을 입력하거나 다양한 방법을 사용하여 이 정보를 검색할 수 있습니다. 다음 단계는 날씨 데이터를 가져오는 것입니다. 필요한 데이터를 수집하는 데 사용할 수 있는 많은 무료 API 중 하나를 활용할 수 있습니다. 이 애플리케이션을 만들 때 후크, 수명 주기 메서드, 브라우저 API 및 API 요청과 같은 중요한 측면을 자세히 살펴봅니다. 그리고 사용자 인터페이스는 시각적으로 매혹적인 경험을 보장하면서 미학적으로 만족스러워야 한다는 점을 항상 명심하십시오.

간단한 블로그 앱 ⭐️️️️️️️️️️️️️️️️️️️️️️ ️ ️⭐️️️️️️️️️️️️️️️️️️️️️★★★

지금은 간단하게 유지해 볼까요? 내가 필요로하는 것은 MD 또는 HTML 텍스트 편집기로, 항목을 표시하고, localstorage에 저장하고, RTK, mobx 또는 any와 같은 statemanager에 저장하는 것입니다. 쉽게 들리지만 프로젝트가 더 복잡해지기 때문에 좋은 아키텍처를 구축하십시오. 행운을 빌어!

Json 양식 생성기 ⭐⭐★★★

저를 믿으십시오, 앞으로 당신은이 지식에 매우 편안 할 것입니다. 이미 꽤 많이 설명했으므로 다음에는 최소한의 텍스트만 있을 것입니다. 다음 JSON을 가져와서 양식으로 변환하는 구성 요소를 작성합니다.

 

미디엄 할 일 앱⭐️️️️️️️️️️️️️️️️️️️️️️ ️ ️ ️⭐️️️️️️️️️️️️️️️️️️️️️⭐️️️️️️️️️️️️️️️️️️️️️★★

글쎄, 위의 목록에서 앱을 만들었다면 그것을 기본으로 삼을 수 있습니다. 이제부터 우리는 이미 풀 스택 애플리케이션이라는 것을 명심하십시오. 백엔드를 철저히 배울 필요는 없지만 최소한 알아야 할 필요가 있습니다.이 기술을 사용하면 작업하기가 더 쉬울 것입니다. 내가 요청하고 싶은 것은 사용자를 만들고, 권한 있는 사용자를 위한 작업을 만들고, 특정 날짜에 대한 작업을 추가하고, 해당 작업을 날짜와 함께 표시하는 것입니다. 또한 이제 localstorage 대신 데이터베이스에 모든 것을 저장합니다. 그건 그렇고, 작업에 카테고리를 추가하는 것이 멋질 것이라고 생각하십니까? 그리고 각 카테고리에 대한 일부 색상 또는 아이콘? 작업 완료 상태를 추가하는 것을 잊지 마십시오.
예, 이미 훨씬 더 심각해 보이지만 할 수 있다고 확신합니다! YouTube를 사용하는 것을 잊지 마세요, 부끄러운 일이 없습니다!

미디엄 블로그 앱 ⭐⭐⭐★★

이것이 우리가 진지해질 곳입니다! 다음을 사용합시다 .js 클라이언트 측에서는 SEO가 중요한 응용 프로그램에 매우 좋습니다. 글쎄, 나는 몇 가지 시나리오를 설명 할 것이고 당신이해야 할 일을 알아 내려고 노력할 것입니다.사용자는 사이트에서
기사를 탐색 할 수 있습니다 사용자는 로그인
할 수 있습니다 승인 된 사용자는 자신의 프로필을 작성하고, 기사를 작성하고, 기사를 삭제 및 보관하고, 다른 게시물에 좋아요를 누르고 댓글을 달고, 저자를 구독 할 수 있습니다.
각 기사에는 검색 엔진에서 최적화하기 위해 고유한 메타 매개변수가 있어야 합니다. 예, 언뜻보기에는 꽤 어렵지만 일단 시작하면 바로 얻을 수 있습니다.

실시간 채팅 ⭐⭐⭐★★

베이스입니다! 이것은 프론트엔드 개발에 오랫동안 참여하지 않은 모든 사람들이 하고 싶어하는 것입니다. 나는 모든 것을 처음부터 개발하는 것을 옹호하기 때문에 다른 영역을 이해할 수 있기 때문에 여기에서 모든 것을 스스로 할 것입니다. 보세요, 아주 간단합니다. 우리는 놀라운 Soket.io 라이브러리를 가지고 있으며 클라이언트와 서버 모두에게 좋습니다. 문서는 모든 것을 매우 자세하게 설명합니다. 다음은 더 잘
이해하는 데 도움이 되는 흐름 예제입니다. 사이트로 이동하여 로그인하고 방 만들기를 클릭하면 방이 만들어지고 해당 방에 대한 링크를 가져와 친구 및 지인에게 보낼 수 있습니다. 승인 후, 그들은 방으로 들어가서 서로 의사 소통 할 수 있습니다. 이 기능을 구현하면 매우 훌륭하고 멀리 갈 수 있습니다. 모든 프론트엔드, 그리고 우리의 경우 React 개발자는 소켓을 최소한으로 사용하는 방법을 알아야 합니다.

짧은 URL 앱 ⭐⭐⭐★

입력의 모든 리소스에 대한 링크를 수신하고 짧은 링크를 제공하는 전체 스택 애플리케이션을 만들고 이러한 링크의 적중 횟수를 감시하는 기능을 추가합니다.

캔버스⭐⭐⭐⭐★가 있는 고급 페인트

친구와 함께 그림을 그리는 것은 꽤 재미있을 수 있으며, 이전에 대화방을 만든 적이 있다면 소켓 그림을 그릴 수 있는 모든 카드가 있습니다.

 

합계

나는 Socket.IO WebSocket 구현이 아니라는 것을 알고있다.

이 아이디어는 초보자와 중급 개발자를 위해 설계되었다는 것을 알고 있습니다

더 나은 도서관이 있다는 것을 알고 있습니다

더 나은 아키텍처 솔루션이 있다는 것을 알고 있습니다