본문 바로가기

Ted's Codding study

검색하기
Ted's Codding study
프로필사진 Ted93

  • 프론트엔드 (73)
    • HTML (0)
    • CSS (5)
    • JavaScript (28)
    • TypeScript (37)
    • Github (1)
    • projects (1)
    • 노마드코더 (0)
Guestbook
Tags
  • DOM
  • Todo
  • stringify
  • parse
  • JSON
  • setItem
  • regular-expression
  • 투두
  • javascript
  • regex
  • 내일배움카드
  • typescript
  • todos
  • 국비지원교육
  • 프론트엔드 강의
  • 타입스크립트
  • type-annotation
  • 타입
  • 자바스크립트
  • cookie
  • 제너릭
  • localstorage
  • 투두리스트
  • getItem
  • 패스트캠퍼스
  • 정규표현식
  • document-object-model
  • todo-list
  • K디지털기초역량훈련
  • CSS
more
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록map (1)

Ted's Codding study

Todo 리스트 (배열의 push, forEach, map, filter 활용)

콘솔에 찍어보는 초간단 Todo 리스트 프로젝트1. todo 리스트를 담을 todos 배열 생성let todos = []; 2. addTodo 함수 생성기본 로직addTodo의 파라미터로는 content를 받을 것todo 객체를 생성id는 배열의 길이 + 1로 설정content의 내용은 인자의 content가 됨completed는 기본적으로 false로 설정todos 배열에 만든 todo 객체를 push콘솔에 보여주기 위해서 displayTodos() 함수 호출 (아직 만들지 않았음)function addTodo(content) { const todo = { id: todos.length + 1, content: content, completed: false, }; todos.pus..

JavaScript 2024. 5. 9. 15:56
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바