Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[나윤주] sprint10 #294

Conversation

naynara87
Copy link
Collaborator

@naynara87 naynara87 commented Aug 16, 2024

스프린트 10미션

요구사항

  • Github에 PR(Pull Request)을 만들어서 미션을 제출합니다.
  • 피그마 디자인에 맞게 페이지를 만들어 주세요.
  • 기존의 React, Typescript로 구현한 프로젝트와 별도로 진행합니다.
  • Next.js를 사용합니다

체크리스트 [기본]

상품 등록 페이지

  • 상품 등록 페이지 주소는 “/addboard” 입니다.
  • 게시판 이미지는 최대 한개 업로드가 가능합니다.
  • 각 input의 placeholder 값을 정확히 입력해주세요.
  • 이미지를 제외하고 input 에 모든 값을 입력하면 ‘등록' 버튼이 활성화 됩니다.
  • 회원가입, 로그인 api를 사용하여 받은accessToken을 사용하여 게시물 등록을 합니다.
  • ‘등록’ 버튼을 누르면 게시물 상세 페이지로 이동합니다.

상품 상세 페이지

  • 상품 상세 페이지 주소는 “/board/{id}” 입니다.
  • 댓글 input 값을 입력하면 ‘등록' 버튼이 활성화 됩니다.
  • 활성화된 ‘등록' 버튼을 누르면 댓글이 등록됩니다

스크린샷

image image

멘토에게

  • 댓글/ article post가 조금 에러가 있습니다.
  • 전체적으로 리팩토링 및 최적화는 부족하고 기능 위주로 작업을 했습니다.
  • accessToken 안배워서 적용을 못했습니다.

@naynara87 naynara87 added the 미완성🫠 죄송합니다.. label Aug 16, 2024
@naynara87 naynara87 changed the title Next 나윤주 sprint10 [나윤주] sprint10 Aug 16, 2024
Copy link
Collaborator

@lisarnjs lisarnjs left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이번엔 크게 코멘트 달만한 부분이 보이지 않네요!
윤주님 몸 잘 챙겨가면서 공부하세요!
항상 열심히 잘 해주고 계십니다 👍 이번 한주도 화이팅해요!

};

const handleImageDelete = () => {
setImagePreviewUrl("");
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

초기화의 목적이라면 null로 해주는 것도 괜찮겠네요!

import React from "react";
import styles from "./Button.module.scss";

type ButtonSize = "sm" | "md" | "lg";
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

타입으로 지정해주시는 것도 너무 좋네요 👍

.image-add-wrap {
display: flex;
gap: 25px;
@media (max-width: 1200px) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

저번에 보여드렸던 것처럼 _responsive.scss 파일에 이런 media 구문을 @mixin으로 함수화 시켜서 정리해주시면 편할 거에요 👍

@lisarnjs lisarnjs merged commit 0f27a0e into codeit-bootcamp-frontend:Next-나윤주 Aug 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
미완성🫠 죄송합니다..
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants