codestates / codestates/SoundBubble

[Dev_Log] 8/17 (화) 정제윤

Open
#91 0 comments 0 reactions 1 assignee Claimed by @jeyoon2 View on GitHub
Dev-Log
Dominant language
TypeScript
Stars
3
Forks
2
PR merge metrics
No merged PRs in 30d

Description

### 오늘은 어떻게 프로젝트에 기여했나요?

- 랜딩페이지 인터랙션 (피아노 건반을 클릭하면 배경에 동그라미가 나타났다 사라지는 애니메이션)
- 회원정보 수정 기능 (닉네임, 비밀번호 변경) ➡️ 서버와 연결해 작업

### 오늘의 프로젝트에서 배운 점은 무엇인가요?
* 건반의 음계에 따라 다른 색이 나오는 인터랙션을 넣을 때, 평소 주로 사용했던 if else 문이 아닌 switch case 문을 사용했다. switch 문의 경우 if 문과 달리 모든 조건을 확인하지 않고, 맞는 구문을 만나면 break 를 통해 즉시 루프에서 벗어날 수 있다는 장점이 있고, 반환값 조건의 가독성이 좋다.
```js
switch (note) {
case "C":
circle.style.backgroundColor = "#FFAFB0";
break;
case "CSharp":
circle.style.backgroundColor = "#FFAFD8";
break;
case "D":
circle.style.backgroundColor = "#F2CFA5";
break;
case "DSharp":
circle.style.backgroundColor = "#FFE4AF";
break;
case "E":
circle.style.backgroundColor = "#FDFA87";
break;
}
```

* 회원정보 수정 기능을 구현할 때 리덕스에 저장된 액세스 토큰을 이용했다. 사용법이 익숙치 않아 막막했는데 팀장 정빈님이 사용법을 알려주셔서
무사히 해결을 한....줄 알았는데 서버의 응답을 받아 다시 리덕스 스토어 내의 상태를 바꾸는 것은 아직 해결하지 못했다. 내일 물어보기...

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

* [ ] 버블 상세페이지 ➡️ 서버와 연결 & 기능 구현
* [ ] 메인페이지 ➡️ 피아노 입력시 이미지 저장되는 기능 구현

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.