문미새 개발일지

원티드 프리온보딩에서 요청한 이력서작성 미션을 했다. 프로젝트 경험 예시크래프톤 정글 4기 팀 프로젝트 모션비트 제작Fact- 프로젝트를 하며 그날 그날의 TIL을 블로그에 게시- 기존에 기획한 내용대로 메인 기능을 구현- 깃허브 커밋으로 구현한 기능별로 코드를 나눔Lesson- 학습 기록은 학습에 있어서 가장 확실한 히스토리라고 생각함- 내 코드를 남에게 어떻게 설명해주느냐가 많이 중요하다고 느낌- 다른 팀원의 코드를 해석하면서 협업이란 어렵구나 깨닫게 됨 간단하게 본인의 경험에 의거한 프로젝트의 결과나 학습 내용을 작성하는건데, 이번에 나만무로 구현한 팀프로젝트 모션비트를 토대로 작성했다. 인증받으면 다음 미션으로 넘어간다고 하니 열심히 따라가야겠다. 그리고 점핏의 이력서 양식을 다운받아 이력서를 작..

이력서 쓰는 법 들으면서 휴식 학습 시간 : 024/05/28 - 월요일

전날 회식으로 술 이빠이 먹고 오전에 쉬었다가 오후에 강의실 올라와서 밀린 TIL 좀 쓰고 자소서도 알아보다가 퇴근  학습 시간 : 16 ~ 23시24/05/28 - 일요일

사운드 외에는 다른 부분들은 어느정도 완료해서 현우님과 발표 대본에 맞게 합을 맞추고 최대한 악기 효과음을 찾아서 준비를 완료했다. 내일 드디어 본사가서 최종발표하는 날이라 떨린다. 학습 시간 : 05 ~ 26시24/05/24 - 금요일

랜덤매치 / 친구와 함께 하기에 마우스 오버할 때 테두리 이펙트현수 코치님의 피드백 중 하나인 버튼이나 상호작용을 할 때 누르는게 맞는지 모를 정도로 심심하다 사운드적인 효과를 내거나 상호작용 시 이펙트를 만들어야 한다고 해서 호버 시 흰색 빛나는 테두리를 만들었다.  노래모달창에서 미리듣기이 역시 코치님의 피드백 중 하나인데 보통 노래 고를 때 음악을 들어보고 선택하지 선택하고 나서 듣진 않는다고 추가해 달라 하셨다. 그래서 노래 리스트를 불러올 때 mp3이름을 노래 인덱스 번호로 지정해 해당 노래에 맞게 사운드를 가지고 왔다. 노래 선택 시 효과음 출력노래 선택 시 음악은 들을 수 있지만 선택할 때 느낌이 없어서 사운드를 추가해줬다. 뭔가 진짜 노래 고르면 삐육 하면서 골라지는 느낌이 들어서 괜춘한 ..

히트 효과음 개선기존의 노트 히트 시 사운드가 이상하여 다른 효과음으로 변경했다. 지금 효과음만 몇번을 바꾸는 지..  음악 관련이라 호불호가 심해서 이번에도 수정했고 최종 발표 전까지 계속 변경할 것 같다.사운드 음량 조절이 부분도 위와 같이 효과음을 변경할 때마다 효과음 음량이 맞춰서 변경해야 해서 최종 발표 직전까지 계속 변경할 것 같다. bgm이나 버튼 효과음들은 인게임보다 더 돋보이지 않기 위해 살짝 줄였다.튜토리얼 시작가능기존에 2분 이내로 두곡을 할까 튜토리얼을 할까 했다가 재희님이 직접 노트 뽑아내느라 힘들어하는 걸 보기도 했고 코치님이 튜토리얼을 먼저 언급하면서 방향성을 추천해줬기 때문에 튜토리얼로 하기로 했다.상림이형이 튜토리얼 인게임 부분을 작업하기 쉽게 대기방으로 들어가는 부분 결과..

미디어쿼리 구현 실패로그인창의 창문 위치가 화면의 크기에 따라 어긋나는 현상이 있어서 해결하고자 미디어 쿼리를 이용해 바꿔보려했는데, 배경의 위치에 맞게 고정하고 싶었으나 css가 맘대로 작동이 안되고 심지어 개발자 모드의 해상도별 화면도 실제 화면과 맞지 않아 이 부분에 시간을 쓰기에 다른 버그나 UI들이 많이 남아있어 일단 보류하기로 했다.  파비콘이름은 바꿔놨는데 계속 리액트 아이콘인게 거슬려서 깃허브의 organization 이미지로 대체했다. 노트 UI 변경재희님이 노트 가시성이 좋지 않아 좀 더 잘 보이게 해달라는 요청에 노트 크기와 폰트사이즈, 색상 등을 수정해서 가독성 있게 만들었다. 버티컬 레인 조절, 노트 크기 조절상림이형이 만든 기존 노트 대신 현우님이 최적화를 위해 새로 만든 노트가..

팀원이 요청한 요청사항 부분과 버그들을 수정했다. 코드 복사 구현복사 버튼을 눌렀을 시 텍스트가 복사가 되며 복사가 됐다는 이펙트로 3번 깜빡이게 구현했다.  마우스 커서기존의 UI에 어울리게 재희님이 마우스 커서 이미지를 가지고 왔다. 기존의 커서를 cursor: none 해주고 새로 url을 통해 이미지를 넣어줬다. 노래 호버했을 시 주변 불빛, 사운드웨이브이것도 재희님의 요청으로 대기 방에서 선택된 노래의 이미지에 마우스를 호버할 시 해당 노래가 재생되며, 재생되는 것을 알리기 위한 이미지 주변의 일렁이는 불빛을 요청했다.해당 불빛을 구현하고 뭔가 밋밋하게 느껴져서 이미지의 중앙에 사운드 웨이브를 작게 추가해 노래가 플레이되고 있다는 것을 잘 보일 수 있게 구현했다. 호버 시 나오는 노래 노래에 맞..