codestates / codestates/codestory

[이서용][07/26]

Open
#143 0 comments 0 reactions 1 assignee Claimed by @seoyong-lee View on GitHub
클라이언트
Dominant language
JavaScript
Stars
0
Forks
1
PR merge metrics
No merged PRs in 30d

Description

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

- 게임 페이지 구성을 완료하였고, 캐릭터 이미지 및 GUI 이미지를 제작하였습니다.
- 랜딩페이지의 스크롤 이동을 클릭으로 하도록 구현하였습니다.

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?

- 로그아웃 응답에 500 에러가 발생하여 다같이 리팩토링을 통해 다시 연결을 할 수 있었습니다.
- 클릭이 되지 않는 \와 같은 태그에 강제로 커서를 주고 싶어서 검색을 통해 다음과 같은 방법을 찾아냈습니다.

```css
/* svg 이미지 */
#landing-logo {
width: 50vw;
z-index: 1;
pointer-events: none;
}

#landing-logo-box {
cursor: pointer;
}
```
- 특정 스크롤 위치로의 이동을 위해 document의 이벤트 리스너로 scrollTo를 사용하려 했으나 작동하지 않았습니다. 그러나 그냥 window에 scrollTo를 사용하니 작동하였습니다.

```js
const move1 = () => {
document.getElementById('root').scrollTo({ // 작동 X
top: 670,
behavior: 'smooth'
});
};

const move1 = () => { // 작동 O
window.scrollTo({
top: 670,
behavior: 'smooth'
});
};
```

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

- [ ] 최종 배포 준비
- [ ] 프로필 더미 이미지 ?
- [ ] CSS 다듬기

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.