얼마전 일본어를 공부하면서 히라가나,가타카나를 접하게되었습니다
한국어의 가나다라마바사 같은 기본적인 히라가나,가타카나를 알아야 일본어를 할수있는데 공부도할겸 이 히라가나와 가타카나를 랜덤으로 보여주면서 외울수있는 사이트를 만들면 일본어공부도 웹사이트 제작 공부에도 도움이될꺼같아서 시작하게되었습니다.
HTML 내용 수정
japan-study.netlify.app
현재 배포중인 사이트 주소입니다.
현재는 히라가나만 테스트로 만들었고 화면 중앙 히라가나 생성버튼을 클릭할시 랜덤으로 히라가나와 발음을 출력해줍니다/
아직까지는 아주 많이~ 부족하고 단조로워서 화면중앙 디자인을 더하고 가타카나는 물론이며 히라가나,가타카나를 구분해서 따로 학습할수 있도록 확장시키려고 합니다/
사이트 제작 참고자료
화면중앙 배치
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/