html 썸네일형 리스트형 [firebase] firebase 시작하기(1) firebase란 서버 없이도 간단하게 웹/앱 서비스를 만들 수 있게 도와주는 서비스이다. 시작하기에 앞서 크롬 브라우저, nodejs, vscode 가 설치되어 있는 가정하에 설치 과정은 생략하고 진행할 것이다. 해당 과정은 react, vue, angular 같은 frontend 프레임워크는 사용하지 않고 순수 html과 js로 진행했다. 구글에 firebase console이라고 검색하면 firebase를 시작할 수 있는 페이지가 나온다. 시작하기를 누른 후 프로젝트를 만들어 보자. 애널리틱스는 내 사이트에 사용자가 얼마나 접속했는지 통계를 내주는 건데 지금은 연습 단계 이기 때문에 쓸 필요가 없다. 애널리틱스를 쓰고 싶다면 사용해도 상관은 없다. 위 단계까지 끝났으면 기본적인 계정 인증, 데이터베.. 더보기 [javascript] API를 활용해서 컴퓨터와 하는 끝말잇기 게임 만들기(1) javascript와 API를 활용해 컴퓨터와 하는 끝말잇기 게임을 만들어 볼 것이다 위 동영상처럼 잘못 입력하면 재입력을 받고 맞는 단어를 말하면 다음 턴으로 컴퓨터로 넘어가며 내가 말한 단어의 글자 수 만큼 점수가 올라간다 시간이 초과 하게 되면 게임은 자동으로 끝이 난다 툴은 vscode를 이용할 것이고 우리가 만든 소스를 브라우저에 띄워야 하기 때문에 vscode에서 지원해주는 Live Server를 활용할 것이다 위 그림처럼 vscode에서 Extensions 에서 Live Server를 검색 후에 받아주면 된다 이것으로 기본적인 준비는 끝났으니 이제 화면을 먼저 그려 줄 것이다 원하는 경로에 가서 index.html 파일을 하나 만들고 그 경로에 css폴더를 만든 다음 index.css파일을 .. 더보기 이전 1 다음
