2단계 “REACT.JS”

이 단계에서 여정은 험난했습니다. 처음에는 단계 2일째에 covid에 감염되었고 그 투쟁은 다음 몇 주 동안 현실이 되었습니다.

React는 저에게 완전히 새로운 개념이었고 그 바이러스와 싸우면서 배우는 것은 많은 결단력이 필요했습니다. 첫 주에는 화이트보드에 매일 아침 때로는 하루에도 여러 번 읽는 인용문이 있었습니다. 유명한 철학자 Quavo의 인용문입니다. 그것은 내가 뒤처지지 않기 위해 더 많은 노력을 기울이도록 강요했습니다.

React에서 저의 주요 어려움은 Hooks, State 및 React Router였습니다. useState 후크(https://reactjs.org/docs/hooks-state.html)는 우리의 2단계 프로젝트의 중요한 부분이었고 추가 시간을 들여서 깊이 파고들고 완전히 이해하게 되어 기쁩니다. 우리의 2단계 프로젝트는 단일 페이지 애플리케이션이었기 때문에 react-router(https://v5.reactrouter.com/web/guides/quick-start)은 필수적이었다.

프로젝트 주간은 훌륭했습니다! 우리는 사용자가 영화 세부 정보를 추가하고, 영화를 평가하고, 가장 좋아하는 영화에 투표하고, 상위 10개 좋아요 및 10개 싫어요 목록을 표시할 수 있는 웹 앱을 구축하기로 결정했습니다. 다음은 몇 가지 스크린샷입니다.

방문 페이지의 왼쪽에는 드롭다운 탐색 메뉴가 있고 중앙에는 헤더, 이미지 및 캐러셀을 렌더링하는 컨테이너가 있습니다. 캐러셀의 모든 이미지는 클릭할 수 있으며 해당 영화 페이지를 렌더링합니다.
형식은 꽤 자명합니다. 사용자는 양식을 작성하고 제출 시 JSON 데이터가 RESTful API로 전송됩니다.
영화 목록은 가져오기 요청을 사용하여 API에서 생성됩니다. 목록을 통해 영화를 정렬하고 검색할 수도 있습니다.
순위 페이지는 각 개체의 좋아요 수를 비교하고 그에 따라 나열하는 구성 요소에 의해 생성됩니다.
영화 세부 정보 페이지에는 선택한 영화의 ID를 사용하여 특정 영화의 데이터를 렌더링하는 요청 가져오기도 있습니다. 이 구성 요소에는 좋아요 또는 싫어요 후 API에서 좋아요를 업데이트하는 넣기 요청도 있습니다.

Suggested posts

뇌졸중의 치명적인 결과 피하기: 가족의 여정에서 배우기 .

뇌졸중의 치명적인 결과 피하기: 가족의 여정에서 배우기 .

머리말 뇌졸중은 누구에게나 언제든지 닥칠 수 있는 의학적 응급 상황입니다. 뇌의 한 부분으로의 혈류가 중단되어 갑작스러운 뇌 기능 상실로 이어질 때 발생합니다.

내가 가장 많이 사용하는 코딩 리소스

내가 가장 많이 사용하는 코딩 리소스

이번 주에 저는 일일 이메일 목록의 회원으로부터 이메일을 받았습니다. 그들은 알고 싶어했습니다. 매일, 매주, 매월 어떤 리소스를 방문합니까? 좋은 질문입니다! 제 작업 흐름과 제가 사용하는 주요 리소스에 대한 통찰력을 공유하게 되어 기쁩니다.

Related posts

네트워크 TV 트위터

네트워크 TV 트위터

낡은 것이 다시 새 것이 되고, 번쩍이던 것이 이제는 무디게 느껴진다. JNCO 청바지가 1990년대 후반의 다른 패션과 함께 시내의 쿨한 아이들 사이에서 컴백하는 것에 대해 말하는 것이 아닙니다.

지구를 구하고 돈을 버는 방법

지구를 구하고 돈을 버는 방법

페트병, 유리병, 알루미늄캔, 그린에너지 패키지를 무심코 버린 적이 몇 번이나 되셨나요? 재활용에 대한 대가로 무언가를 얻을 수 있기를 몇 번이나 바랐습니까? 당신이 대부분의 사람들과 같다면 대답은 아마도 여러 번일 것입니다. 재활용은 종종 번거로움, 자질구레한 일 또는 즉각적이거나 실질적인 혜택을 가져오지 않는 의무로 간주됩니다.

작문 실력을 향상시키는 3가지 입증된 방법

글쓰기의 이점과 그렇게 하는 데 도움이 되는 전략

작문 실력을 향상시키는 3가지 입증된 방법

2022년에는 GPT-3가 출시되면서 글쓰기 능력이 덜 중요해진 것 같습니다. AI를 사용하면 글이 서투른 사람들도 양질의 직원을 생성할 수 있습니다.

더 이상 암호가 없습니다. 암호가 암호를 대체하는 방법

더 이상 암호가 없습니다. 암호가 암호를 대체하는 방법

모호함을 피하기 위해 다음 용어가 사용됩니다. 인증자; 로그인 웹사이트를 만드는 데 사용되는 휴대폰 사용자가 로그인 요청 서비스를 만들기 위해 사용하는 웹사이트 또는 애플리케이션 주어진 서비스를 제공하는 벤더 예.