프로그래밍

[Web 개발] 아이들의 음악교실 'Let's Note' 운영 재개

손가든 2024. 11. 23. 21:12

지난번에 ssl을 적용하여 운영중이던 프론트엔드 서버와 연결하여 웹이 다시 정상적으로 돌기 시작했다.

 

 

https://letsnote.co.kr

 

Let's Note

 

www.letsnote.co.kr

 

아직 부족한 점이 많지만 해당 사이트를 리뷰하며 어떤 개발을 적용했는지, 그리고 현재 미흡한 점은 무엇인지 파악하는 시간이 되겠다.

 


 

먼저 사이트에 접속하면 회원가입을 한다.

 

 

아이디와 닉네임, 비밀번호, 확인 이 네가지 입력값이 있는데

 

각각 몇글자 이상이라던가, 중복 불가 등의 조건이 있다.

 

 

근데 몇글자 이상이어야 하는 조건을 따로 개별 alarm으로 구현해놓지 않아서 위처럼 나타난다.

(현재 아이디를 h 한글자로 입력하여 실패한 상황)

 

따라서 이 부분 수정이 필요하다.

 

 

로그인 하면 내 작업공간으로 이동한다.

 

내 닉네임과 함께 안내 문구가 나타나는데 글꼴도 수정하고 UI도 개선이 필요해보인다.

 

작업실로 들어가보자.

 

 

작업실 내부는 다음과 같다.

 

왼쪽에 있는 피아노의 음계를 보고 좌표를 찍어놓고

 

재생을 누르면 왼쪽에서 오른쪽으로 쓸며 해당 음을 출력한다.

 

 

 

서비스의 목적은 아이들이 쉽고 재밌게 음악을 배울 수 있도록 하는 것이었고, 그렇기 위해 불편함이 없도록 이상한 기능들을 빼고

 

필요한 기능을 정상적으로 작동하도록 돌려놓을 필요가 있어보인다.

 

현재 전부 다 설명할 수 없지만 많은 버그들이 존재한다.

 

해당 문제들을 하나씩 고쳐가면서 앞으로도 포스팅을 계속 이어 나가겠다.