해보기

사용 모듈 https://github.com/wooorm/franc GitHub - wooorm/franc: Natural language detection Natural language detection. Contribute to wooorm/franc development by creating an account on GitHub. github.com 사람이 알아볼수 있게 바로 판독은 힘들고 문자열을 받아 ISO 코드로 변환해준다 https://github.com/adlawson/nodejs-langs GitHub - adlawson/nodejs-langs: ISO 639-1/2/3 Language codes with English and local names ISO 639-1/2/3 Language..

사용 API 주소 https://www.tvmaze.com/ TVmaze.com - Your personal TV guide www.tvmaze.com axios 주소 https://github.com/axios/axios GitHub - axios/axios: Promise based HTTP client for the browser and node.js Promise based HTTP client for the browser and node.js - GitHub - axios/axios: Promise based HTTP client for the browser and node.js github.com html 구조 TV 프로그램 검색 Search js 구조 // API 주소 https://www...

지금 까지 공부했던 것들을 이용해 작은 게임을 하나 만들어 보았다. let maxNum = parseInt(prompt("최대값을 입력하세요")); // 사용자에게 최대값 입력 받기 일단 사용자에게 prompt로 입력 받은 값을 parseInt로 파싱한후 maxNum이라는 변수에 저장한다. while (!maxNum) { // 입력 할 때까지 계속 체크 maxNum = parseInt(prompt("최대값을 입력하세요")); } 입력하지 않은 경우도 있으니 반복문을 사용하여 제어한다. 0도 false 이기 때문에 걸러진다. const targetNum = Math.floor(Math.random() * maxNum) + 1; // 목표값 설정 Math 함수를 사용해서 사용자가 입력한 최대값과 0사이에 목..

특정 사이트를 보면 스크롤을 내릴때마다 한 페이지단위로 이동되는 화면이 있다. 이론상 생각한 구조는 이렇다.wrap 이라는 div의 포지션값을 이동하면서 기존의 휠스크롤 이벤트는 막아두고 휠이벤트가 업/다운인지 판단해서 wrap 높이만큼 이동해주면 해결되지않을까 생각했다html 4페이지로 구성csshtml { height:100%; } body { height:100%; margin:0; border:0; padding:0; overflow: hidden; } .wrap { position:relative; top:0; width:100%;height:100%; transition: 0.5s; } .container { width:100%;height:100%; } .container:nth-child(..