해보기

프로젝트 설명   주제 및 기획 의도1. 프로젝트 JOBGEM은 어떻게 탄생하게 되었나??우리 상황에 가장 어울리면서 공부하기 가장 좋은 사이트가 뭐가 있을까 하다가 구인구직 플랫폼의 영감을 얻어 개발자만을 위한 개발자 구인구직 플랫폼을 만들게 되었습니다.(잡코리아나 사람인 등 기존 사이트를 참고하여 학습용으로 제작하였습니다.) 2. 왜 이름이 JOBGEM ??JOB(직업) + GEM(보석) = JOBGEM(모든직업은 보석이다)나름 뜻이 있는 이름으로 생각해 지어봤습니다 ㅎㅎ 환경 및 구조요약프로젝트명구인구직 플랫폼 JOBGEM프로젝트 기간2024.09.02 ~ 2024.10.11인원6명개발 플랫폼Window 11, linux(ubuntu)개발 툴IntelliJ프론트엔드Next.js, TailwindCS..

사용 모듈 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...

자바스크립트에 5%정도 공부했나? 중간 점검타임으로 이번엔 개발 공부할때 가장 많이 하는 예제중 하나인 todolist를 만들어 보려고한다. Todo List ** Todo List 조작법 ** "new" 입력 - todo를 추가합니다. "list" 입력 - todos를 확인합니다 "delete" 입력 - todo를 삭제합니다. "quit" 입력 - 프로그램을 종료합니다. html로 사용법을 알려주고 let input = prompt('무엇을 하시겠습니까?'); // 시작 prompt를 사용해서 사용자가 조작할 수 있게 입력값을 받는다 const todos = ['세수하기', '독서하기', '청소하기']; // todos 저장 공간 todo를 저장할 공간도 만들어주고 while(input !== 'qui..

지금 까지 공부했던 것들을 이용해 작은 게임을 하나 만들어 보았다. 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(..