만다린 카드
이것은 액티브 레코드를 채용한 간단한 루비 시나트라 웹 앱입니다. 기본 아이디어는 만다린 플래시카드를 만들고 저장하는 것이었다. 플래시카드는 실수가 있을 경우 편집할 수 있다. 또한 카드가 더 이상 필요하지 않으면 폐기될 수 있습니다. 걱정하지 마세요, 당신의 카드는 당신에게만 보일 것이고, 당신은 당신의 카드만 보일 것입니다. 로마자, 한자 또는 汉 ((한자)를 입력할 수 있습니다!
이 앱을 만들면서, 나는 아마도 컴퓨터 프로그래밍에서 나의 가장 큰 어려움은 나의 형편없는 철자법이 될 것이라는 것을 배웠다. 그 외에도, 프로젝트를 만드는 것은 꽤 간단했습니다. 봐야 할 유튜브 튜토리얼은 물론 읽을 만한 설명서가 많았다. 제가 해결하는 데 가장 긴 버그는 "사용자"와 "작성자"를 한 곳에 불러서 제 프로그램에 0의 값을 슬금슬금 집어넣은 것이었습니다. 나는 binding.pry를 사용해서 이 영(0) 값이 어디서 왔는지 알아냈다. 값이 없을 경우 오류를 렌더링하는 특정 검색 쿼리를 사용하는 중 발생한 다른 문제가 발생했습니다. 주변에서 작품을 찾을 수 없을 때, 저는 사용자에게 항상 값을 입력하도록 강요하기로 했습니다. 마지막으로, 저는 특정 사용자에게만 카드를 보여주고 싶었습니다. 활성 레코드 쿼리 where()
를 사용했습니다.
앞으로 제가 하고 싶은 대부분의 변화는 스타일 기반입니다. 저는 지금 급해서 뼈만 앙상하게 했어요. 저는 카드를 좀 더 카드처럼 보이게 하고 싶고, 아마도 그렇게 전시하고 싶습니다. 또한 다양한 검색 기준에 따라 카드를 정리할 수 있는 방법을 추가하고자 합니다.
저는 최소한 이 프로그램이 시나트라 프로젝트를 하는 다른 사람들에게 영감이나 기본 틀로 활용될 수 있기를 바랍니다.
'css' 카테고리의 다른 글
Flexbox 도움말 (0) | 2022.02.15 |
---|---|
JavaScript를 활용하여 디스플레이를 사용하는 CSS 전환 구현: 없음 (0) | 2022.02.15 |
코이사스컴 플렉스박스 역의 센트럴리잔도 (0) | 2022.02.15 |
구축하기 좋은 5가지 HTML 및 CSS 프로젝트(코데펜 미리 보기 포함) (0) | 2022.02.15 |
뉴턴의 요람 (0) | 2022.02.15 |
댓글