분류 Nodejs

25일 내 전자 상거래 사이트 완성하기

컨텐츠 정보

  • 조회 23 (작성일 )

본문

🎄1 일차 : 과정 소개 


위대한 여정의 시작에 오신 것을 환영합니다! 우리는 너무 많이 배울 것입니다! React의 기초부터 시작하여 Next로 정적 사이트 생성에 대해 배우고 Netlify에서 호스팅 및 서버리스 기능을 사용하고 Stripe로 제품에 대해 고객에게 비용을 청구합니다!


이 비디오에서는 시작하는 데 필요한 모든 종속성을 설치하는 데 초점을 맞출 것입니다!


https://e-commerce-in-25-days.netlify.app/



🎄Day 2 : 구성 요소 란 무엇입니까? 


컴포넌트를 사용하면 UI를 단일 책임, 재사용 가능한 청크로 나눌 수 있습니다.


이 비디오에서는 create-react-app을 사용하여 기본 React 애플리케이션을 만듭니다. 이것은 우리가 React 프로젝트를 매우 빠르게 시작하고 실행할 수 있도록 도와주는 도구입니다!


그런 다음 React Component가 무엇인지,이를 사용하여 UI를 구축하는 방법을 살펴 봅니다.



🎄3 일차 : 상태 란 무엇입니까? 


상태는 React의 기본 구성 요소 중 하나입니다. 이를 통해 사용자가 입력 한 내용이나 버튼 클릭과 같은 특정 작업을 수행 한 횟수 등을 기억할 수 있습니다.


이 비디오에서는 useState라는 내장 React Hook을 소개합니다. 이는 값이 변경되면 해당 변수를 사용하는 모든 항목이 자동으로 다시 렌더링 되는 특수 React 변수를 만드는 데 사용할 수 있습니다.


이를 통해 컴포넌트 자체 내에서 렌더링 하기 위해 컴포넌트가 알아야 하는 모든 것을 캡슐화하여 훨씬 더 이식 가능하고 재사용 할 수 있습니다!