반응형

[HTML] CSS, JS 외부파일 참조

CSS 외부 파일 참조 JS 외부 파일 참조 >> head + defer : 모두 로드가 완료되고 나서 JS 실행이 보장됌. 호출 순서대로 JS 실행이 보장됌

  • format_list_bulleted Programming Language/HTML\CSS\JavaScript
  • · 2024. 1. 9.
  • textsms
[FE] 영화 검색 사이트(바닐라JS) - (2) 중단부_검색창

[FE] 영화 검색 사이트(바닐라JS) - (2) 중단부_검색창

🖐️ 구현 목표 🖐️ - 영화 검색 텍스트, input, 부트스트랩 button 삽입 - 검색 시 조건에 맞는 영화만 출력하기 위해 비우기 기능 구현 - input 입력 후, button 클릭시 조건에 맞는 영화 검색 기능 - input 입력 후, Enter key 클릭 시에도 조건에 맞는 영화 검색 기능 - 입력이 없는 상태로 button 혹은 Enter key 를 눌렀을때 새로고침(처음 화면으로 돌아가기) - 대소문자 구분 없이 조건에 맞는 영화 검색 기능 01 html 검색창을 만들어주기 위해 "영화 검색 : "문자열과 input 태그를 사용하여 사용자가 입력을 할 수 있도록 하고 button을 추가해준다. 그리고 이것들을 하나의 div로 묶었다. button은 bootstrap의 버튼을 이용하여 ..

  • format_list_bulleted Study of Development/Front-End
  • · 2024. 1. 8.
  • textsms
[PJ] 바닐라JS 영화 검색 사이트

[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

[Javascript] API

API란? 다른 시스템에서 데이터나 서비스를 요청할 때, API는 해당 시스템과 사용자 간의 인터페이스 역할을 한다. 예를 들어, 날씨 앱에서 사용자가 현재 위치의 날씨를 확인하려면, 앱은 해당 기능을 제공하는 날씨 서비스의 API를 호출하여 날씨 정보를 받아오게 된다 - 다른 시스템에서 제공하는 기능을 사용할 수 있도록 도와주는 중간자 역할 - 브라우저의 경우 역시, 기본적으로 DOM과 관련된 API를 제공함으로써 브라우저의 DOM 객체에 접근할 수 있도록 도와줌

  • format_list_bulleted Programming Language/HTML\CSS\JavaScript
  • · 2024. 1. 5.
  • textsms
[Programmers] 숫자 비교하기 - 120807 (Javascript)

[Programmers] 숫자 비교하기 - 120807 (Javascript)

문제 링크 문제 입출력 코드 function solution(num1, num2) { for(let i=0; i

  • format_list_bulleted 코딩테스트/Programmers
  • · 2024. 1. 3.
  • textsms
[Programmers] 문자열 출력하기 - (Javascript)

[Programmers] 문자열 출력하기 - (Javascript)

문제 링크 문제 입출력 코드 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line) { input = [line]; }).on('close',function(){ str = input[0]; console.log(str); });

  • format_list_bulleted 코딩테스트/Programmers
  • · 2024. 1. 3.
  • textsms
반응형