API연동 썸네일형 리스트형 [javascript] API를 활용해서 컴퓨터와 하는 끝말잇기 게임 만들기(3) 저번 글에서 게임의 시작과 종료를 구현했다 이제는 API를 이용해 단어가 정말 있는 단어인지 아닌지를 확인해서 게임의 기능을 구현할 것이다 우선 API 가져오기 위해 우리말샘이라는 API 제공 사이트를 이용한다 https://opendict.korean.go.kr/service/openApiInfo 우리말샘 - 오픈 API 서비스 소개 1. 우리말샘 오픈 API 서비스 소개 우리말샘 오픈 API는 검색 플랫폼을 외부에 공개하여 다양하고 재미있는 서비스 및 애플리케이션을 개발할 수 있도록 외부 개발자와 사용자들이 공유하는 프로 opendict.korean.go.kr 위 사이트에 접속 후 회원가입을 한 뒤 API KEY를 발급받아 주면 된다 API로 보낼 파라미터는 상세하게 설명이 되어 있으니 문서를 참고해.. 더보기 [javascript] API를 활용해서 컴퓨터와 하는 끝말잇기 게임 만들기(2) 이전 글에서 화면은 완성했기 때문에 이번 글부터는 javascript를 이용해서 기능을 넣어 볼 것이다 우선은 처음 게임이 시작할 때 주어지는 단어와 시간 그리고 점수를 화면에 그려 줄 것이다 index.html 이 있는 경로에 가서 js라는 폴더를 만든 후 game.js라는 파일을 만들어 준 뒤 index.html 에 js 파일을 추가해 준다 점수 : 저번 글에서 작성했던 html 파일 하단 부분에 game.js 를 추가해 주었다 그다음 game.js를 아래와 같이 작성한다 const startWords = ["우리말", "끝말잇기", "게임"] const index = Math.floor(Math.random() * 3) let word = startWords[index] const keyWord =.. 더보기 [javascript] API를 활용해서 컴퓨터와 하는 끝말잇기 게임 만들기(1) javascript와 API를 활용해 컴퓨터와 하는 끝말잇기 게임을 만들어 볼 것이다 위 동영상처럼 잘못 입력하면 재입력을 받고 맞는 단어를 말하면 다음 턴으로 컴퓨터로 넘어가며 내가 말한 단어의 글자 수 만큼 점수가 올라간다 시간이 초과 하게 되면 게임은 자동으로 끝이 난다 툴은 vscode를 이용할 것이고 우리가 만든 소스를 브라우저에 띄워야 하기 때문에 vscode에서 지원해주는 Live Server를 활용할 것이다 위 그림처럼 vscode에서 Extensions 에서 Live Server를 검색 후에 받아주면 된다 이것으로 기본적인 준비는 끝났으니 이제 화면을 먼저 그려 줄 것이다 원하는 경로에 가서 index.html 파일을 하나 만들고 그 경로에 css폴더를 만든 다음 index.css파일을 .. 더보기 이전 1 다음
