codestates / codestates/codestory
[이서용][07/26]
- 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.