인프런 커뮤니티 질문&답변

ten님,

추가 답변 드립니다.

실제로 개발을 진행하면

1. 서비스의 정의
2. 기획자의 의도
3. 개발 공수

이렇게 3개를 중점으로 두고 개발하게 됩니다.

특히 서비스의 의도에 따라 개발은 무한하게 변경될 수 있기 때문에
1. 서비스의 정의 2. 기획자의 의도 이렇게가 중요하죠!

따라서 반쪽자리 게시글 수정이란 존재할 수 없습니다.
서비스에서 필요하다면 언제든지 개발 내용은 추가 할 수 있기 때문이죠!

코드캠프의 부트캠프 강의는 전체적인 개발 흐름과 개발 원리, 실무 내용을 중심으로 두고 있고
정답(=코드 제공)을 해주는 방향으로 수업을 진행하지 않습니다.

앞으로 개발하면서 어떤 방향으로 개발하면 더 좋을 지, 어떻게 하면 더 효율적인 코드, 재사용 가능한 코드를 작성할 수 있을 지 토론하는 것은 좋지만, 과정에 제공되고 있는 기획적인 의도 외에 모든 상황에 맞는 더 좋은 방식은 무한하기에 변동가능하여 일일히 제공할 수는 없습니다.

자신에 맞는 포트폴리오를 위해서 스스로 고도화 및 변경하는 것도 좋을 것 같습니다.

코드캠프 드림

안녕하세요! ten님!
항상 열심히 수업을 듣고 계시는군요!
꾸준히 공부 하는 모습을 보니 보기 좋아요!^^

질문에 답변을 드리면,
1. 제목이 빈 값으로 수정이 될 수 있는 서비스도 존재하지만, 현재 포트폴리오는 우리가 흔히 볼 수 있는 일반적인 쇼핑몰을 기준으로 기획되었답니다!
따라서, 제목에는 빈 문자열을 받지 않도록 기획되었으나, 결국 나만의 포트폴리오이므로 정답이 없기 때문에 빈 문자열로 수정할 수 있게 하는 것도 좋은 방법인 것 같아요!

2. 빈값을 반영하는 방법은 현재 ten님이 하신 방법이 좋은 것 같아요!
조금만 더 줄일 수 있다면, 마지막 if는 생략해도 괜찮을 것 같아요!

if(title === undefined) {
  myvariables.title = props.data?.fetchBoard.title
} else if(title === "") {
  myvariables.title = ""
} else {                     // => 이부분 변경
  myvariables.title = title
}

아직 배우지는 않았지만, 이후에 배울 nullish-coalescing(널리쉬-코알레싱)을 사용하면 더 줄일 수 있답니다!

* nullish-coalescing(널리쉬-코알레싱)이란? 해당 값이 널리쉬(널처럼생긴애 => null, undefined)라면 뒤에꺼 적용해줘

// 1. title이 undefined일 때,
const title = undefined

const newTitle = title ?? "기존값"
console.log(newTitle) // 기존값



// 2. title이 빈문자열 "" 일 때,
const title = ""

const newTitle = title ?? "기존값"
console.log(newTitle) // ""



// 3. title이 다른값 "변경했어요!" 일 때,
const title = "변경했어요!"

const newTitle = title ?? "기존값"
console.log(newTitle) // "변경했어요!"

해당 방법은 이후 수업에 등장하지만, 미리 한 번 적용해 보세요!^^

추가로 더 궁금하신 점이나, 함께 논의해보고 싶은 코드가 있으면 질문주셔요!