오늘 한 일

1. 신호등 인터랙션 프로젝트 완성

배운 점

1. 신호등 색 변경 로직

• RED
• GREEN
• GREEN_BLINK
• RED2

위와 같이 4가지 상태를 두어서 시간에 맞춰 상태가 변경되는 로직을 구현함. 이때 부모 단에서 해당 상태들을 제어하고 컴포넌트 내에서는 GREEN_BLINK일 때만 내부에서 다시 역삼각형 신호 깜박임 상태를 추가하는 식으로 구현했다.

2. mix-blend-mode

새로 알게 된 속성인데 MDN mix-blend-mode 색상 혼합을 주는 것이다.

나의 경우 전봇대에 신호등의 그림자를 표현하고 싶었고 여기서 그림자와 전봇대 배경색상 간에 mix-blend-mode를 통해 색상이 자연스러워 보이게 하였다.

추후 계획

• 아직 만족스럽게 끝낸 것은 아님. 본래는 공공 API 연결해서 실제 신호등 점멸을 실시간으로 표현하고 싶었고 또한 지역명 변경 기능 역시 넣고 싶었다. 그런데 구현 당시 선언적 데이터 페칭에서 어려움을 겪었고 본래 목적인 인터랙션을 먼저 구현하기로 함.
• 무엇을 더 추가하거나 개선해야지 더 멋있어 보일지 아직 모르겠음.

회고

인터랙션에 있어서 내가 원하는 수준이 어느정도인지 명확하지 않고, 아직 갈 길이 멀다는 것을 느낌.