m-sun 님의 블로그

오늘은 todo list를 만들어보았다.여태까지 배운 내용이 들어간 과제다.     자바스크립트 코드const todoList = document.getElementById('todo-list')const todoForm = document.getElementById('todo-form')let todoArr = [];// 오늘 날짜 추가const app = document.querySelector('.app')const date = document.createElement('div')let today = new Date();const year = today.getFullYear();const month = today.getMonth()+1;const dt = today.getDate();date.tex..

오늘은 어제 학습한 내용을 정리하는 느낌으로 글을 적을게요⭐️⭐️⭐️  무엇을 배웠냐!JSON과 로컬 스토리지를 배웠습니다. 그게 뭔데!(하나씩 알려드리죠.)  JSON이란- 자바스크립트 객체 표기법(JavaScript Object Notation)- 더 쉽게 데이터를 교환하고 저장하기 위하여 만들어진 텍스트 기반의 데이터 교환 표준- 텍스트 기반이므로 어떠한 프로그래밍 언어에서도 JSON 데이터를 읽고 사용 가능  JSON 구조- JSON 객체는 중괄호({})로 표현- 일반적으로 JSON파일에는 주석을 달지 않음{ "INTJ": "전략가", "INTP": "논리술사", "INFJ": "옹호자"}  JSON 배열- JSON 배열은 대괄호([])로 표현{"dog": [ { "name"..

오늘은 어제 배운 내용을 바탕으로 로또 번호 추첨 게임을 만들어 보았다. 🎱 선택 과제라 최대한 할 수 있는 곳까지 만들자! 라는 마인드로 우다다다  만들었다.학습 내용이 로또 번호 추첨 프로젝트를 따라해보는 거였어서만들 때 기본적으로 들어가야 하는 부분은 학습 내용을 참고해서 만들었다.   바아로 결과물부터 ㄱㄱ로또 번호 추첨오늘은 js 기능 구현에 더 집중하느라 css는 빠포   자바스크립트 코드const generateWinningNumbers = document.getElementById( 'generateWinningNumbers');const generateLottoNumbers = document.getElementById('generateLottoNumbers');const winnin..

오늘은 배열, 클래스 리스트, Math 객체를 배웠다.그 중에서 배열과 클래스 리스트를 이용해 햄버거 주문서를 만들어 보았다.    바로 결과물부터 보자이미지 출처https://img.freepik.com/free-vector/receipt-template-collection-with-realistic-design_23-2147917744.jpg 자바스크립트 코드// 아이템 리스트 배열const itemlist = [];const ul = document.getElementById('itemList');// 아이템 추가 버튼 클릭 시 호출되는 함수function addItem() { let input; do { input = prompt('햄버거를 적어주세요'); } while (input =..