🌍 web url : https://wijoonwu.github.io/momentum/ 😺 github repo : https://github.com/wijoonwu/momentum 💬 explanation : 현재 위치로 시간과 날씨를 나타내주고 To do list를 저장할 수 있는 크롬 앱을 만들었습니다. 브라우저를 새로고침할 때 마다 배경색이 랜덤하게 바뀌고, 브라우저를 종료하더라도 저장된 정보가 사라지지 않습니다. 😄 🔎 상세 이미지 > 브라우저 최초 접속 시의 모습입니다. 위치를 허용하는 경우 현재 위치와 날씨, 기온을 보여줍니다. ![](https://velog.velcdn.com/images/wijoonwu/post/3f4da94d-5d61-4b00-bbd6-34c5

Array ↔️ String/Object 배열을 문자열 혹은 객체로 바꾸기 JSON.stringify() > JS object든 array든, 어떤 JS 코드이건 간에 JSON.stringify()의 () 안에 넣으면 String 형태로 바꾸어준다. String/Object ↔️ Array 문자열 혹은 객체를 배열로 바꾸기 JSON.parse() > JSON.parse()의 () 안에 Array처럼 보이는 String을 넣으면 해당 문자열을 **Javascript가

index.html 전체 코드 코드 상세 위와 같이 브라우저에서 To do list를 등록하고자 하는 todo-form이라는 Id를 가진 form 태그가 있다. submit 을 하면 새로고침 되는 게 아니라, 그저 사용자가 입력한 정보가 `` 태그 안에 동적으로 생성되게 하고 싶다. 해당 기능을 만들 todo.js 파일을 js 폴더 안에 만들고 import 한다. todo.js 전체 코드 코드 상세 form 태그 가져오기 getElementById html에서 todo-form을 id로 가진 Element를 가져오는 변수를 선언한다. submit 이벤트 방지 만들기 addEventListener 어떤 동작도 하지 않는 function을 만들고, toDoForm에서 submit 액션이 일어날 때 해당 function이 작동되도록 하면 된다. 👼 Reference [노마

javascript 를 사용해서 동적으로 html에 태그를 삽입할 수 있다. 예를 들어, 여러개의 이미지 파일들이 웹페이지에서 랜덤하게 보여질 수 있도록 해보자. 파일 경로 먼저 위와 같이 img 폴더를 만들고, 해당 폴더 안에 여러개의 이미지 파일을 위치시킨다. 그리고 해당 이미지 파일을 랜덤하게 선택해 html 파일에 태그를 삽입해줄 js 파일을 생성한다. 여기서는 js 폴더 안에 background 라는 이름의 js 파일을 만들었다. background.js 전체 코드 코드 상세 이미지 배열 생성 해당 js 파일에 images라는 이름의 배열을 만들고, 배열 안에 이미지 파일들의 정확한 이름을 넣는다. 이미지 랜덤 선택 ** Math.rando