인생 1회차 (First-Life) Ing

1. 요구사항 분석 2. 로컬스토리지 개념 localStorage : 브라우저에 저장할 수 있는 저장소 (url 별로 저장 / key:value 형태로 저장) setItem() : 저장 getItem() : 가져오기 JSON.stringify() : 로컬스토리지는 문자열로만 저장되기 때문에 객체 형태를 문자열로 저장 상태(=데이터)관리 : 변할 수 있는 데이터 > 변하기 때문에 관리를 해줘야 하는구나! 3. 메뉴상태 저장하여 관리 (추가, 수정, 삭제, 불러오기) map() : 배열을 순회(리턴한 값으로 새로운 배열로 만듦) join() : 문자열을 하나로 합쳐줌 상태 초기화를 해주는 이유 : 어떤 데이터를 넣을지 정의하고 관리하는지 명확히 알 수 있음 data- : html마크업에서 어떤 데이터를 저장..

☕ 블랙커피 Vanilla JS Lv1. 문벅스 카페 메뉴 앱 만들기 메이커준님 유데미 강의 시작! 강의도 여러개 끊어놓고 책도 읽고 있지만 그저 따라치고 뭘 어떻게 만들어야 할지 갈피를 잡지 못하던 나에게 딱 필요한 강의인 것 같아서 유데미 할인할 때 저렴하게 질렀다!! (이렇게 산 것만 수두룩^^*) 강의 목적 바닐라 자바스크립트를 아는 걸 넘어 자바스크립트를 잘 사용하는 방법(사고하는 방법) 바닐라 자바스크립트로 상태관리가 가능한 애플리케이션 만들기 1. 요구사항 분석 요구사항의 목적을 명확히 체크 (기능 구현을 위한 필요한 지식과 개념이 무엇인지 파악) 기능을 세부적으로 쪼개서 (메뉴추가/수정/삭제) 순서대로 적어보기 ※ 요구사항 예시 ※ 에스프레소 메뉴에 새로운 메뉴를 확인 버튼 또는 엔터키 입..