HTML 일본어 학습 사이트 개발일지 - 1

얼마전 일본어를 공부하면서 히라가나,가타카나를 접하게되었습니다

한국어의 가나다라마바사 같은 기본적인 히라가나,가타카나를 알아야 일본어를 할수있는데 공부도할겸 이 히라가나와 가타카나를 랜덤으로 보여주면서 외울수있는 사이트를 만들면 일본어공부도 웹사이트 제작 공부에도 도움이될꺼같아서 시작하게되었습니다

 

 

study japan

현재 배포중인 사이트 주소입니다

 

현재는 히라가나만 테스트로 만들었고 화면 중앙 히라가나 생성버튼을 클릭할시 랜덤으로 히라가나와 발음을 출력해줍니다

 

아직까지는 아주 많이~ 부족하고 단조로워서 화면중앙 디자인을 더하고 가타카나는 물론이며 히라가나,가타카나를 구분해서 따로 학습할수 있도록 확장시키려고 합니다

 

 

 

사이트 제작 참고자료

화면중앙 배치
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=kimrg313&logNo=221571951566
인풋입력필드비활성화 (disabled)
https://kkotkkio.tistory.com/22
버튼배경 투명하게
https://devnauts.tistory.com/17
문자열랜덤뽑기
https://mrkn.tistory.com/266
https://sir.kr/qa/117613
텍스트 굵게(font-weight)
https://dasima.xyz/html-%EA%B8%80%EC%9E%90-%EA%B5%B5%EA%B2%8C-%ED%95%98%EB%8A%94-3%EA%B0%80%EC%A7%80-%EB%B0%A9%EB%B2%95/