JavaScript6 localStorage사용해서 북마크 기능 만들기 TMDB API를 가져와서 영화 사이트를 구현하던중 로컬스토리지로 북마크 기능 구현하는데에 큰 어려움이 있었다.. 로컬스토리지란?만료 기간이 존재하지 않고 페이지를 변경하거나 브라우저를 닫아도 반 영구적으로 유지되는 저장소를 의미한다. 개발자도구 > 애플리케이션 > 로컬 스토리지에 들어가면 키와 값으로 구분되어 저장되는것을 확인할 수 있다. 주요메서드메서드명설명localStorage.getItem('키값')key값이 '키값'인 애들의 value값을 가져와라localStorage.removeItem('키값')키값 기반으로 해당 스토리지 삭제localStorage.clear()저장된거 모두 삭제localStorage.setItem('키값' , value)로컬스토리지에 키값을 가지고 value값을 저장해라 순.. 2025. 1. 16. firebase를 이용한 방명록 기능 구현하기 - javascript [2단계] 2024.12.27 - [Today I Learned] - firebase를 이용한 방명록 기능 구현하기 - javascript [1단계] firebase를 이용한 방명록 기능 구현하기 - javascript [1단계]1단계 : HTML / Javascript 로 구현하기구현 : 입력을 완료한 후 제출하면 입력한 값이 노출된다. 작성자 내용 비밀번호 방명록 남기기 기능submit 이벤트리스너 등록 사용자가 폼을 제출할때마다 실행rinny01.tistory.com 2단계 : firebase를 사용하여 기록한 데이터 남기기! 1단계까지 구현을 하면 새로고침 하면 기록했던 정보들이 다 날라가고 어디에도 저장할수 없게된다..백엔드 코드가 없이 프론트 지식으로 이를 해결하기위해 파이어베이스(Firebase)를 사.. 2024. 12. 30. firebase를 이용한 방명록 기능 구현하기 - javascript [1단계] 1단계 : HTML / Javascript 로 구현하기구현 : 입력을 완료한 후 제출하면 입력한 값이 노출된다. 작성자 내용 비밀번호 방명록 남기기 기능submit 이벤트리스너 등록 사용자가 폼을 제출할때마다 실행된다.e.preventDefault(); : 폼을 제출할때 기본적으로 새로고침 되는데, 이 기본 동작을 방지한다. 이를 막지 않으면 제출할때마다 새로고침되는 현상이 나옴. //input 요소 생략 방명록 남기.. 2024. 12. 27. Fetch 사용하기! fetch 기본 골격fetch("여기에 URL을 입력")// 이 URL로 웹 통신을 요청한다. 괄호 안에 다른 것이 없다면 GET! .then(res => res.json()) // 통신 요청을 받은 데이터는 res라는 이름으로 JSON화 한다 .then(data => { console.log(data) // 개발자 도구에 찍어보기 }) // JSON 형태로 바뀐 데이터를 data라는 이름으로 붙여 사용한다 GET 요청은?https://movie.daum.net/moviedb/main?movieId=68593위 주소는 ? 로 쪼개진다."?" 기준으로 앞부분이 서버주소 / 뒷부분이 영화 번호 이다. https://movie.daum.net/moviedb/main?movieId=68593 ? : 여기서부.. 2024. 12. 18. 각도기 (if문) 문제각에서 0도 초과 90도 미만은 예각, 90도는 직각, 90도 초과 180도 미만은 둔각 180도는 평각으로 분류합니다. 각 angle이 매개변수로 주어질 때 예각일 때 1, 직각일 때 2, 둔각일 때 3, 평각일 때 4를 return하도록 solution 함수를 완성해주세요. 오답function solution(angle) { if(0 이 풀이는 틀렸다.내가 기대한 값은 170이니 3이 출력되어야한다.하지만 solution함수에서 첫번쨰 if문 0 에서 0 이 참이니 해당 조건식을 실행한다.그래서 1을 리턴하게되니... 해결방법논리연산자 &&를 사용하여 조건문 안의 두 식이 둘다 참일때만 실행하도록 수정하여 준다.즉 0 논리연산자를 잘 모른다면...https://developer.mozilla.. 2024. 11. 22. HTML ? CSS ? JavaScript ? HTMLHyper Text Markup Language프로그래밍 언어가 아니고, 웹페이지가 어떻게 구조화 되어 있는지 알수있도록 하는 마크업 언어이다.DOCTYPE html>html lang="ko">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>프론트엔드 기본 구성 알아보기title> link rel="stylesheet" href="style.css"> script src="js.js"defer>script>head>body> h1 class="title">HTMLh1> h2>Hypertext Markup Languag.. 2024. 11. 20. 이전 1 다음
