codestates / codestates/ssg-ga

[Dev Log] 노태경 / 2021/08/14

Open
#145 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
0
Forks
1
PR merge metrics
No merged PRs in 30d

Description

## 오늘은 어떻게 프로젝트에 기여했나요?
- `transform: perspective(10px) rotateX(-1deg);`를 통해서 각도를 눕혀 잔 모양을 구현하여, 색깔 비율을 조절하는 포인터가 올바른 위치를 가리키지 못하게 됨
옆에 preview 바를 하나 만들어 포인터와 잔 구현 위치를 분리시킴
변경 전
![](https://images.velog.io/images/ntk100/post/63aef1e6-bc8b-4d68-b428-22c702c3f2fc/image.png)
변경 후
![](https://images.velog.io/images/ntk100/post/04d2f1b4-a324-4e6c-a3a9-a2f928a3cd81/image.png)

전에 종이컵 모양의 이미지 png 파일을 위에 덮어 씌운것보다 배경색이나 여러가지를 컨트롤하기 더 쉬워졌으나 이쁜 모양으로 꾸미는건 조건이 조금 더 까다로워 진듯?
- 위 변화에 맞춰 반응형 조정

## 오늘의 프로젝트에서 힘든 점은 무엇인가요?
- 스타일 컴포넌트를 사용함에 있어 어느 것이 더 효율적일지 모르겠음, 스타일 컴포넌트를 꽤나 많이 사용하고 있는데, 간단한 CSS도 스타일 컴포넌트를 사용해도 되는 건지, 아니면 css파일을 혼용해야하는건지

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

- 색상 비율을 마우스로 움직일 수 있도록 구현하기
- 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.