2023-08-20 가상키보드를 만들기위한 webpack설치등 기본준비를 마쳤습니다.
2023-08-21 가상키보드 html을 구현했습니다. 구현 내용 window기반의 키보드를 구현하였고 한글을 치게되면 나타나는 '한글입력불가'는 display를 none으로 적용시킬 예정입니다. 폰트도 3가지를 선택할수 있게 선택창을 만들어놨습니다. 다크모드 적용을 위한 버튼또한 만들어놨습니다.
2023-08-22 css를 적용시켰고 키보드처럼 보이게 만들었습니다. 21일 내용처럼 한글입력불가는 display : none을 넣어 안보여지게 설정했습니다. 현재 다크모드는 적용되지 않았지만 css에 다크모드시 색상이 반전되게 filter:invert(100%) hue-rotate(180deg)를 적용시켜놨습니다.
- 다크모드 적용
- 키보드가 눌러질때 실제버튼이 눌러지는것처럼 표현하기
- 한글은 키보드를 누르는 것은 표현되지만 한글은 나타나지 않게 설정하기
- 키보드 키로도 작동되도록 구현하기
npm install 또는 npm i
npm run dev