[PJ] 바닐라JS 영화 검색 사이트

🏆구현 화면🏆 사이트 링크 : https://limhyerin.github.io/Movie_Search/ TMDB api를 활용하여 영화 정보들을 가져와서 웹 페이지에 연동하고 검색창에 찾고자하는 영화의 이름을 작성하고 "Enter 키" 혹은 "검색 버튼"을 클릭하면 해당 영화만을 띄워주고 카드를 클릭했을때 해당영화에 해당하는 영화 id값을 alert 창에 띄우는 프로그램 🏆구현 목표🏆 ✔️ 상단부 : 타이틀 - 로고 : 이미지 그려서 삽입 - 로고 이미지 클릭시 새로고침 ✔️ 중단부 : 검색창 - 영화 검색 텍스트, input, 부트스트랩 button 삽입 영화 검색 : 검색 - 검색 시 조건에 맞는 영화만 출력하기 위해 비우기 기능 - input 입력 후 button 클릭시 조건에 맞는 영화 검색 기..

• format_list_bulleted Project/web
• · 2024. 1. 8.
• textsms

숫자 맞추기 게임

01 구현 목표 입력칸에 숫자를 입력하고 확인을 눌렀을때 정답을 맞추면 게임이 끝나는 게임으로 맞추지 못하면 입력한 숫자들을 예측한 숫자들 옆에 계속 보여주고 남은 기회가 몇번 남았는지를 알려주게 된다. 또한, 정답에 얼마나 가깝고 먼지 직관적으로 보여주기 위해 원을 통해 추론을 도와준다. 02 코드 HTML 더보기 숫자 맞추기 게임 20이상 120이하의 랜덤한 숫자를 맞춰보세요. 기회는 10번 입니다. 확인 예측한 숫자들: 남은 기회: 10 CSS 더보기 html { font-family: sans-serif; } body { background-color: #e2e8f0; width: 50%; max-width: 750px; min-width: 480px; margin: auto; } #contain..

• format_list_bulleted Project/web
• · 2024. 1. 5.
• textsms

[TIL] 23.12.27 Wordle Game - (1)

💡오늘의 목표💡 상단부에 타이틀, Wordle Game 기능 (애플코딩 참고) , 버튼 구현 구현목표 상단부 - Wordle Game 타이틀 (현재는 글자로 적어두는 것까지만 구현하고 메뉴나 추가적인 부분, 클릭했을때 새로고침 되는 부분도 고려) 중단부 - Wordle Game 부분(색상 변경 고려), 랜덤 문제, 입력 칸 디자인 고려 하단부 - 버튼 (우선은 버튼으로 해두었는데 엔터키를 눌렀을때 되는 것도 고려) 모든 단어를 맞출 시 모달창 띄우기 모달창 - 축하하는 문구, 몇번의 시도, 걸린 시간, 게임 재시작버튼 등 전체적으로 만들어볼 프로젝트의 구상도를 살짝 그려봤다. 참고해서 구현하고 부가적인 기능들을 구현해보는데 게임 부분과 게임에서 모든 글자를 맞추면 모달창을 띄우고 축하문구와 몇번의 시도만..

• format_list_bulleted Project/web
• · 2023. 12. 27.
• textsms

HTML 이용하여 간단한 웹페이지 구현

HTML언어를 이용하여 간단한 웹 페이지를 구현해본다. 링크 3가지를 준비하여 각각 페이지를 구현하고 링크에 따라 다른 페이지가 뜨도록 구현하도록 한다. 전체 기본 웹 페이지 Source Code WEB HTML CSS JavaScript WEB The World Wide Web (WWW), commonly known as the Web, is the world's dominant software platform.[1] It is an information space where documents and other web resources can be accessed through the Internet using a web browser.[2] The Web has changed people's live..

• format_list_bulleted Project/web
• · 2023. 7. 9.
• textsms