사이트 리뉴얼 및 셀프 테스트 기능 추가

오늘 소개해 드릴 것은 두 가지입니다.

 

첫 번째는 사이트 리뉴얼

두 번째는 셀프 테스트 기능 추가입니다.

 

 

우선 사이트 리뉴얼먼저 보시죠.

사이트를 처음 만들 때는 칙칙한 게 좋아서 다크테마로 했었습니다.

그런데 지금 보니 마음에 안 들어서 UI 풀체인지를 해버렸지 뭡니까 ㅎㅎㅎ

배경도 화이트에 글씨도 좀 이쁜 걸로 바꾸고 좀 더 심플한 구조로 가고 싶더라고요.

 

 

메인은 이렇게 생겼습니다.

 

 

심플하지 않나요? ㅎㅎㅎ

뭔가 더 화려하고 디테일한 설명을 쓰려고 했는데 어려워서 일단 이렇게만.. ㅋㅋㅋ

사이트 메인에 적인 글 뜻은.

연습을 더 할수록 더 유창해지니까 복습하라는 얘기입니다.

제가 좋아하는 말이기도 하고요.

 

 

다음으로는 연습 카드 디자인을 좀 바꾸었습니다.

고민을 했는데 지금은 이게 최선이더라고요 ㅋㅋㅋㅋ 그래도 이전 버전보다 이쁘죠?

 

 

참고로 인풋박스 오른쪽 상단에 듣기 버튼, 마이크 버튼이 있는데 깜짝 기능을 추가하였습니다.

듣기 버튼을 누르면 한글 문장을 영어 문장으로 듣으실 수 있습니다.

마이크 버튼을 한 번 누르면 on상태가 되면서 이미지가 바뀌는데요. 

노트북에 마이크를 연결고 스피킹을 하면 인풋박스에 TTS로 인하여 글씨가 써집니다. (키보드 커서가 인풋박스 안에 있어야만 합니다.)

텍스트가 작성되는 게 조금 느리지만 키보드로 생각 없이 치다 보면 말을 안 할 수 있으니 이렇게라도 스피킹 하려고 기능을 추가하였습니다.

자주자주 사용해 주세요 :)

 

 

문장을 작성하고 나서 submit버튼을 누르면 아래처럼 나옵니다.

 

틀린 부분만 붉은색으로 나오도록 수정이 되었습니다.

그리고 제출이 되고 나면 retry 또는 next버튼이 보이게 되고 다시 시도하거나 다음 문장으로 넘어갈 수 있습니다.

 

 

아참, 연습 카드 맨 아랫줄에 써놓긴 했는데 혹시 모르시는 분들이 있을까 봐 알려드립니다.

카드의 타이틀 부분(스샷에서는 문법 기본 다지기, 조동사, must, should)라고 되어 있는 부분을 클릭하시면

이전과 같이 연습하고 싶은 소주제를 선택할 수 있습니다.

 

 

리뉴얼 얘기가 조금 길어졌네요.

다음으로는 셀프 테스트 기능입니다.

퀴즈렛을 사용을 했었는데 제 입맛에 안 맞더라고요. 그래서 제 스타일대로 연습할 수 있는 기능을 만들고 싶었습니다.

정해진 문장만 연습하는 게 아니라 새로운 문장을 바로바로 테스트해보고 싶을 때도 있잖아요? ㅎㅎㅎ

 

 

해당 탭에 들어가면 위 스샷처럼 보일 겁니다.

커다란 인풋 박스 안에 데이터를 아래처럼 넣으시면 됩니다.

 

구분자를 탭, 콤마, 버티컬 바 세 가지로 구분할 수 있게 두었습니다.

입맛에 따라 편한 걸로 구분하시면 됩니다.

내용을 입력하면 구분선(-----) 밑에 문제가 어떻게 나올지 출력이 됩니다.

왼쪽내용이 문제(제시될 문장), 오른쪽이 정답이 됩니다.

 

 

내용을 다 입력한 후에는 테스트 시작버튼을 누르시면 아래와 같은 화면을 보실 수 있습니다.

 

각각의 인풋창에 내용을 넣고 제출 버튼을 클릭하면 아래와 같은 결과를 받아볼 수 있습니다.

 

 

참고로 저는 이걸 사용하여 문제내용을 만들 때 ChatGPT를 사용하고 있습니다.

연습할 문장들을 제가 원하는 포맷에 맞게 쫘악~ 하고 금방 만들어 주니까요 ㅎㅎㅎ

엑셀에 문장을 만들어서 복사 붙여 넣기 해도 편합니다.

 

 

 

 

짧게 쓸 줄 알았는데 쓰다 보니 길어졌네요 ㅎㅎㅎ

오늘 알려드릴 내용은 여기까지입니다.

오늘도 영어 열공하세요 :)