# project

1693개의 포스트
post-thumbnail

S.A(Starting Assignment)-2021.12.06

1. 주제 선정

약 4시간 전
·
0개의 댓글
post-thumbnail

Project | React - Webucks Clone Coding [Mission 7-8]

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

약 4시간 전
·
0개의 댓글
post-thumbnail

Project | React - Webucks Clone Coding [Mission 6]

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

약 7시간 전
·
0개의 댓글
post-thumbnail

Project | React - Webucks Clone Coding [Mission 5]

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

약 7시간 전
·
0개의 댓글
post-thumbnail

1차 프로젝트 진행 TEAM BaGETTT

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

어제
·
0개의 댓글

Project | React - Webucks Clone Coding [Mission 3]

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

어제
·
0개의 댓글

Project | React - Webucks Clone Coding [Mission 2]

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

어제
·
0개의 댓글
post-thumbnail

🩺🍪 Dr.Tart - 1차 프로젝트 1st Sprint 회고

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

어제
·
0개의 댓글
post-thumbnail

☕️ [React] Starbucks Clone Coding (2)

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

2일 전
·
0개의 댓글
post-thumbnail

☕️ [React] Starbucks Clone Coding (1)

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

2일 전
·
0개의 댓글
post-thumbnail

Project | React - Webucks Clone Coding [Mission 1]

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

3일 전
·
0개의 댓글
post-thumbnail

첫 번째 프로젝트 - BLACK MAMBA (5)

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

3일 전
·
0개의 댓글
post-thumbnail

롤 인성 테스트

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

4일 전
·
5개의 댓글
post-thumbnail

4주 Final Project 회고

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

5일 전
·
0개의 댓글
post-thumbnail

CLOTHES TOWER (SIGNATURE CLOSET)

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

6일 전
·
0개의 댓글
post-thumbnail

[Project] 영화 추천 서비스 만들기

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

6일 전
·
0개의 댓글
post-thumbnail

[Web template] 변수 파일로 관리하기(.env)(5)

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

7일 전
·
0개의 댓글
post-thumbnail

프로젝트_Shall We Health

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

7일 전
·
0개의 댓글
post-thumbnail

[Project] Webucks Clone Coding #6 [커피 리스트 페이지 기능과 반응형 레이아웃 구현]

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

2021년 11월 29일
·
0개의 댓글
post-thumbnail

[Web template] 서버사이드 렌더링(Server-side Rendering/SSR)(4)

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

2021년 11월 29일
·
0개의 댓글