# project

bellpro

1. 주제 선정

peaceminusone

[Mission 7-8] 커피 상세 페이지 리뷰 삭제, 좋아요 버튼 기능 구현하기 > - 각 리뷰별로 삭제 버튼을 만들어서 클릭했을 때 해당 리뷰가 삭제되어야 합니다. 각 리뷰 별로 좋아요 버튼을 만들어서 클릭 했을 때 해당 리뷰만 좋아요 표시가 되어야 합니다. 다

peaceminusone

\- 리스트 페이지에서 특정 커피의 하트 버튼을 눌렀을 때 그 커피의 하트만 붉게 변해야 합니다. 다시 누르면 하트가 원래대로 돌아옵니다. Component와 Map을 활용한다면 쉽게 구현할 수 있는 단계이다. 사실 그 활용 단계는 이전 단계인 5단계에서 모두 진

peaceminusone

input창에 리뷰를 작성하고 엔터를 누르면 리뷰(댓글)이 추가되도록 구현해주세요.(엔터가 아니라 리뷰 추가 버튼을 구현하셔도 됩니다) 이전 Clone Coding Project에서와 마찬가지로 React를 활용하여 구현하는 과정이다. 차이점이라면 JavaScri

dnjstd

상품 상세페이지 레이아웃 및 로직 구현상세페이지 레이아웃 구현상품정보/리뷰/배송정보/이용안내 Tap 구현상품 주문 옵션 부분 (상품명/가격/옵션/수량/구독하기 버튼) 버튼구독하기 버튼 클릭 시 모달창 구현 상품정보/리뷰/배송정보/이용안내 Tap 클릭시 e.target.

peaceminusone

ex) ID - @ 포함 / PW - 5글자 이상삼항 연산자 적용해서 조건에 따라 버튼 색상에 변화를 주시기 바랍니다. 이전 Clone Coding Project에서와 마찬가지로 로그인하는 ID 와 Password의 값에 따라 버튼의 활성화 조건을 구현하는 단계이다.

peaceminusone

리스트 페이지의 아래 부분을 컴포넌트CoffeCard로 분리해주세요.React Library의 함수 컴포넌트를 통해 쉽게 구현할 수 있는 과정이다.비교적 쉬운 프로젝트의 1단계이다. 함수 컴포넌트 혹은 클래스 컴포넌트를 통해 페이지 내에서 반복되는 부분을 컴포넌트로 따

kgpaper

Dr.Tart 프로젝트는 닥터자르트 홈페이지를 클론코딩하는 프로젝트이다. 다만 화장품이 아닌 디저트가 나오도록... 프로젝트 시작 11월 29일 월요일부터 프로젝트가 시작되었다. 우리팀은 닥터자르트 홈페이지를 클론코딩할 예정이었고, 그리고 오늘 2주간의 1차 프로

threeplef

[Mini Project] WeBucks-React Mission 6~8 구현 with React

threeplef

[Mini Project] WeBucks-React Mission 1~5 구현 with React

peaceminusone

리스트 페이지의 아래 부분을 컴포넌트CoffeCard로 분리해주세요.React Library의 함수 컴포넌트를 통해 쉽게 구현할 수 있는 과정이다.비교적 쉬운 프로젝트의 1단계이다. 함수 컴포넌트 혹은 클래스 컴포넌트를 통해 페이지 내에서 반복되는 부분을 컴포넌트로 따

be-kid

https://be-kid.github.io/blackmamba모바일에서 실행했을 때의 상황까지 고려해 화면에 방향키를 추가하였다.간단한 게임을 만드는 것이었지만 생각보다 많은 것을 생각해야했다.버그 찾기와 해결은 당연했고, PC와 모바일 모두 예쁘게 보이도록

leehyunho2001

최근에 유행하던 '나의 OOO 은??' 과 같은 테스트 사이트를 만들어보았다.

jogiyo

코드스테이츠 1주일이 지난 지금 수료 마지막 기간에 했던 4주 Final Project에 대한 회고를 하려고 한다. 4주 동안 꽤 많은 일들이 있었고, 수료 후에는 이제 구직 활동을 할테지만 프로젝트에 대한 회고를 하며 뒤를 돌아보려 한다. 팀 배분 2주 프로젝트를

dg7989

Github Link 링크텍스트 Members 김준성, 한양대학교 정보시스템학과, jsistop16@naver.com 박평수, 한양대학교 정보시스템학과, ps3624@naver.com 서제민, 한양대학교 정보시스템학과, jemin3161@naver.com 전승환, 한

jin0106

사용자가 선호하는 장르, 접속 위치의 날씨기반, 봤던 영화 그리고 보고싶은 영화 목록들을 기반으로 영화 추천을 해주는 웹 서비스입니다.HTML, CSS, Python, Django, Vue.js 21.11.17 ~ 21.11.26Vue 클라이언트 구현Front-end영

april_5

환경에 따라 변할 수 있는 값들을 분기처리 하는 것. next.js는 별다르 작업을 하지 않아도 환경 변수를 사용할 수 있도록 제공한다.

limuubin

본인이 속한 Codeplay 팀의 두번째 프로젝트의 이름이다. (첫번째프로젝트는.. 추후 업로드 하도록하자..)프로젝트 아이디어 회의를 할 당시에 여러가지 의견들이 나왔고, 현재 운영중인 다양한 사이트를 살펴보며 의논하였다. 그 결과 헬스와 관련된 사이트를 구현하기로

peaceminusone

HTML 태그를 적절하게 사용하여 페이지 레이아웃을 스스로 구현할 수 있다.CSS 기초 개념을 활용하여 원하는 디자인을 요소에 적용할 수 있다. 개발자 도구를 활용하여 실제 페이지 레이아웃의 구성과 적용된 스타일을 확인할 수 있고 필요한 정보를 얻을 수있다.로그인 기능

april_5

Next.js의 getServerSideProps 로 서버사이드 렌더링(SSR) 구현하기