kakimasu

참고: 이 프로젝트는 더 이상 유지 관리되지 않습니다. 대부분은 제가 Vue나 최신 CSS에 익숙하지 않았을 때 작성되었기 때문에 "nooby" 코드가 많고 오히려 최근 프로젝트에 집중하고 싶습니다. 2019년 1월에 종속성을 업데이트하고 앱이 GitHub 페이지에서 호스팅될 수 있도록 정적 사이트로 구축할 수 있도록 몇 가지 최소한의 변경을 수행했습니다. 그렇지 않으면 더 이상 코드를 업데이트하지 않을 것입니다.

하지만! 프로젝트에 관심이 있다면 기여를 환영합니다. 이러한 문제의 대부분은 초급에서 중급 수준인 경우 해결할 수 있을 만큼 친숙하며 Vue에 대해 더 잘 알 수 있는 좋은 방법이 될 수 있습니다.

• 전반적인 코드 품질은 좋지 않습니다. 최신 JavaScript 기능을 보다 효율적으로 사용하려면 리팩토링이 필요하며 준수되지 않는 Vue 모범 사례도 많이 있습니다. - 구성 요소는 실제로 다른 경로로 이동해서는 안 되며 대신 부모와 통신해야 합니다. - v-for 로 목록을 렌더링할 때 여기에 언급된 대로 각 항목에 대해 고유한 key 속성도 제공되어야 합니다.
• 모든 CSS 레이아웃 항목은 CSS 그리드 또는 Flexbox를 사용하는 것이 훨씬 더 적합한 부동 소수점을 사용합니다. 또한 이와 같은 소규모 프로젝트에 Foundation을 사용하는 것은 다소 과잉입니다.
• vuex와 같은 상태 관리 라이브러리를 구현하는 것은 특히 문자 데이터를 저장하고 경로 간 탐색을 제어하는 ​​데 유용할 수 있습니다.
• 문자 JSON을 생성하는 스크립트는 Python으로 작성되는데, 돌이켜보면 JavaScript 프로젝트에서는 실제로 의미가 없습니다. :P 이것은 실제로 Node JS 스크립트로 다시 작성되어야 합니다.

---

카키마스

일본어 가나 쓰는 법 배우기

일본어를 배우기 시작했을 때 쓰기 체계가 가장 어려웠습니다. 일본어는 두 개의 표음 문자("히라가나" 및 "가타카나"라고 함)와 로고에 더 가까운 "한자"를 혼합하여 사용합니다.

저는 최신 웹 기술을 활용하여 일본어 쓰는 법을 배울 수 있는 흥미로운 방법을 만들고 싶었습니다. 다른 일본어 학습 리소스에서는 아직 활용하지 못하는 부분이라고 생각합니다.

현재 Kakimasu에는 히라가나와 가타카나 문자만 있지만 앞으로는 다른 기능과 함께 기본 수준의 한자를 추가할 계획입니다. (:

사용된 타사 라이브러리:

• 뷰JS
• 비부스
• 뷰 라우터
• 뷰가

구축 / 기여

 # To get started, clone this repo to your local machine
git clone https://github.com/jaames/kakimasu.git

# Make sure you've navigated into the project folder before then next steps

# Install the Node modules required
npm install

# Make whatever changes you want to make to the source code in src/

# Run the dev build script,
# This will compile all the files and start a development preview server on port 4000
# (Check out the vbuild documentation for more details!)
npm run dev

# If you wish to compile a "production" build,
# This will compile everything in production mode to the dist/ directory
npm run build