바닐라 js

앞으로 3주간 바닐라 js를 이용하여 크롬 앱을 만들어 볼 것이다!구현해야 하는 기능들은 다음과 같다. JS To Do List텍스트할 일 입력 뒤 버튼클릭/엔터로 아래 할 일 목록에 추가할 일 클릭 시 완료로 중간 줄 긋기할 일 삭제 버튼 눌러 해당 내용 목록에서 삭

기초적인 문법은 지난 포스팅에서 끝내고 이제 브라우저 위에서 Javascript가 어떻게 작동하는지 알아보자.

오늘은 유저의 정보를 얻는 로그인 작업을 정리해보겠다. 우선 유저에게 유저 정보를 물어본 뒤, 그 정보를 어떻게 받을 것인가에 대해 배울 것이다. \-Javascipt에서 value를 가져오기 위해서는 html에서부터 시작해야한다. 우선 html을 작성한 다음 htm

오늘은 clock기능을 추가해보자. 📖Clock -먼저 시작하기에 앞서 clock기능을 추가하기 위해 html에 h2태그 추가하고 id에 clock이라고 적어주자. ✍ example html의 h2 태그에서 default로 00:00:00 을 보이게 설정. ht

오늘은 노래와 배경을 랜덤으로 추출하여 웹 브라우저 화면에 보여주자!배열에 노래와 가수를 저장. songs\[]배열의 index 접근 범위는 제로베이스부터 배열크기-1까지. \-songs\[]배열의 index 접근 범위는 0부터 배열크기-1까지이다. 10개의 son

오늘은 to-do list를 만들어보자! ✍ example먼저 to-dos를 입력할 수 있는 input을 html에 추가. to-do list 창에 할일을 입력하고 엔터를 눌렀을 때 새로고침되지 않도록 preventDefault() 함수 사용. 엔터를 누를 때마다, 입

📖ToDoList Web(for mobile) VanillaJS을 이용한 toy project ToDoList Web(for mobile) 바로가기 모바일 크롬앱이나 컴퓨터 웹의 모바일 사이즈에서 보는 것을 추천합니다. 프로젝트 코드 보기 더 자세한 내용을 보고