리스트 페이지의 아래 부분을 컴포넌트CoffeCard로 분리해주세요.React Library의 함수 컴포넌트를 통해 쉽게 구현할 수 있는 과정이다.비교적 쉬운 프로젝트의 1단계이다. 함수 컴포넌트 혹은 클래스 컴포넌트를 통해 페이지 내에서 반복되는 부분을 컴포넌트로 따
리스트 페이지의 아래 부분을 컴포넌트CoffeCard로 분리해주세요.React Library의 함수 컴포넌트를 통해 쉽게 구현할 수 있는 과정이다.비교적 쉬운 프로젝트의 1단계이다. 함수 컴포넌트 혹은 클래스 컴포넌트를 통해 페이지 내에서 반복되는 부분을 컴포넌트로 따
ex) ID - @ 포함 / PW - 5글자 이상삼항 연산자 적용해서 조건에 따라 버튼 색상에 변화를 주시기 바랍니다. 이전 Clone Coding Project에서와 마찬가지로 로그인하는 ID 와 Password의 값에 따라 버튼의 활성화 조건을 구현하는 단계이다.
우측 상단의 하트 버튼을 눌렀을 때 하트의 색이 붉은색으로 변하게 구현하면 됩니다. 다시 누르면 하트가 원래대로 돌아옵니다. 이전 Clone Coding Project에서와 마찬가지로 오른쪽 상단의 하트를 클릭할 경우, 색이 변하도록(좋아요 버튼과 유사하도록) Rea
input창에 리뷰를 작성하고 엔터를 누르면 리뷰(댓글)이 추가되도록 구현해주세요.(엔터가 아니라 리뷰 추가 버튼을 구현하셔도 됩니다) 이전 Clone Coding Project에서와 마찬가지로 React를 활용하여 구현하는 과정이다. 차이점이라면 JavaScri
\- 리스트 페이지에서 특정 커피의 하트 버튼을 눌렀을 때 그 커피의 하트만 붉게 변해야 합니다. 다시 누르면 하트가 원래대로 돌아옵니다. Component와 Map을 활용한다면 쉽게 구현할 수 있는 단계이다. 사실 그 활용 단계는 이전 단계인 5단계에서 모두 진
[Mission 7-8] 커피 상세 페이지 리뷰 삭제, 좋아요 버튼 기능 구현하기 > - 각 리뷰별로 삭제 버튼을 만들어서 클릭했을 때 해당 리뷰가 삭제되어야 합니다. 각 리뷰 별로 좋아요 버튼을 만들어서 클릭 했을 때 해당 리뷰만 좋아요 표시가 되어야 합니다. 다