final_project DAY+18

KEEP 오늘의 좋았던 경험

• 배포 클라이언트와 서버를 연결시켰다. 여러 명이 동시에 접속해서 송출화면을 볼 수 있었고 채팅도 칠 수 있었다. 근데 조금씩 문제점이 보였고, 하나씩 수정해 나가야 한다. 점점 프로젝트가 완성에 가까워 지고있다.
• 랜딩 페이지 CSS작업을 더 진행했다. 3번째 랜딩 섹션에서 웹 크기를 줄였다 늘리면 위치가 이상해지는 문제가 있었는데, pin 효과를 주면 pin-spacer라는 것이 생겼는데, 여기서 inset 속성이 자동으로 바뀌면서 위치가 이상해지는 문제가 발생한듯 해서 inset: none을 해주니 해결이 된 듯 하다.
• CSS로 wiggle 효과주는 방법을 배웠다. gsap의 DrawSVG를 이용해서 첫 페이지 시작을 멋있게 하고싶었는데, 알고보니까 유료로 사용할 수 있는 것이었다. 그래서 의욕을 잃었는데, CSS만으로 wiggle 효과를 주는 방법을 찾아서 배경에 적용해서 조금 더 랜딩페이지 배경에 활기를 넣어줄 수 있었다.

PROBLEM 고쳐나갈 경험

• 배포는 아직 너무 어려운것 같다. 서버 배포 자동화를 했는데, 인스턴스에서 npm 자동 실행이 안되서 서버가 안켜지는 문제가 있었는데, 원인을 찾을 수 없었다.

TRY 시도해볼 일

• 채팅 인풋에 메시지를 올려놓은 뒤, 누군가 채팅을 치면 올려놓은 메시지가 사라지는 문제 해결하기
• 스트리머 페이지 디자인