728x90

React/Animal Crossing Project 4

동물의 숲 웹페이지 만들기 - 동숲 주민 종류 필터링(4)

박스를 이용해 동물의 숲 주민 목록을 동물 종류에 따라 필터링해특정 동물 종류를 선택해서 해당하는 주민들만 볼 수 있도록 구현해 봤다. 우선 이전에 생성해 두었던 translations.js에 중복되거나 필요 없는 객체가 있어 수정했다.const speciesKr = { "Alligator": "악어", "Anteater": "개미핥기", "Bear": "곰", "Bear cub": "아기곰", "Bird": "새", "Bull": "황소", "Cat": "고양이", "Chicken": "닭", "Cow": "소", "Deer": "사슴", "Dog": "개", "Duck": "오리", "Eagle": "독수리", "Elephant": "코끼리", "Frog": "개구리", ..

동물의 숲 웹페이지 만들기 - 동숲 주민 일부 데이터 한글 번역하기 (3)

주민의 종류, 성격, 성별 등 번역된 데이터가 없는 속성들은 객체로 만들어서 사용해보려고 한다. translations.js// 종류const speciesKr = { "Alligator": "악어", "Anteater": "개미핥기", "Bear": "곰", "Bear cub": "아기곰", "Bird": "새", "Bull": "황소", "Cat": "고양이", "Cub": "새끼", "Chicken": "닭", "Cow": "소", "Deer": "사슴", "Dog": "개", "Duck": "오리", "Eagle": "독수리", "Elephant": "코끼리", "Frog": "개구리", "Goat": "염소", "Gorilla": "고릴라", "Hamster":..

동물의 숲 웹페이지 만들기 - 동숲 주민 이름 한글 번역 데이터 매핑하기 (2)

주민을 불러와 화면에 데이터를 뿌렸을 때 한국어로 번역할 수 있는 방법을 찾아보는 중 npm으로 불러올 수 있는 패키지가 있길래 사용해 보기로 했다. animal crossing github GitHub - Norviah/animal-crossing: A JSON database for Animal Crossing: New Horizons.A JSON database for Animal Crossing: New Horizons. - Norviah/animal-crossinggithub.com해당 깃헙에 있는 translate.json을 활용해 한글화 할 수 있는 방법을 찾아보았다. 먼저 animal-crossing이라는 패키지를 설치하고 해당 패키지를 불러왔다.import { villagers } fro..

동물의 숲 웹페이지 만들기 - API 불러오기 (1)

동물의 숲 관련 페이지를 만들어 보고 싶어서  API 키를 요청했다.모동숲 관련된 정보들만 우선 만들어보려고 한다.https://api.nookipedia.com/ Nookipedia Animal Crossing APINookipedia API This free RESTful service provides endpoints for retrieving Animal Crossing data pulled from the Nookipedia wiki, the largest community-driven encyclopedia about the series. Built from the ground up using Python, Flask, and nginx, the key beapi.nookipedia.com  ..

728x90