Javascript16 Javascript의 배열함수 forEach()와 filter()를 알아보자 안녕하세요 개발적금입니다. 오늘은 Javascript의 배열함수 중 forEach()와 filter에 대해 알아보겠습니다. 목차 1. 배열함수 forEach() 2. 배열함수 filter() 1. 배열함수 forEach() 대게 배열함수 forEach()에대해 찾아보면 "배열을 순회하기 위해 사용된다" 라고 설명을 하고있습니다. 조금더 쉽게 말하자면 배열에서 반복문을 사용하기위해 사용되는것입니다. 이러한 이유에서 우리가 알고있는 for() 반복문과 사용법이 조금 다릅니다. forEach() 메서드는 ()안에 매개변수를 callback함수를 전달합니다. 그리고 또한 forEach()는 기존 for()처럼 index와 조건식 그리고 증감 감소값을 정의하지 않아도 callback함수를 통해 기능을 수행할수 있.. 2022. 11. 18. Javascript CRUD를 활용한 댓글게시판을 만들기 2탄 안녕하세요. 개발적금입니다. 오늘은 CRUD를이용해 댓글게시판 만들기 2탄입니다. 저번에 포스팅했을때는 Create 부분과 Read부분까지 했습니다. 오늘은 값을 Update(수정)하고 Delete(삭제)하는것을 구현해보겠습니다. 목차 1. Update(수정하기) / Delete(삭제하기) 1. Update(수정하기) const commentFrm = document.querySelector("#commentFrm") const commentList = document.querySelector("#comment-list") const state = [] class Comment { constructor(content) { this.userid = "web7722" this.Content = content.. 2022. 11. 18. Javascript localStorage를 이용하여 게시판을 만들자 안녕하세요 개발적금입니다. 오늘은 localStorage의 개념을 이용하여 게시판을 만들어보겠습니다. 중간중간에 헷갈리는것들 설명하며 코드리뷰하는식으로 진행하겠습니다! 목차 1. localStorage 2. 게시판 코드리뷰 1. localStorage 로컬스토리지는 웹스토리지의 한종류인데 , 웹스토리지에는 두가지가있습니다. 로컬 스트리지와 세션 스토리지입니다. 두 스토리지의 차이는 데이터가 어떤 범위 내에서 얼마나 보존되느냐에 차이가 있습니다. 세션스토리지는 웹페이지의 세션이 끝날때 저장된 데이터가 지워지는 반면 , 로컬스토리지는 웹페이지의 세션이 끝나도 데이터가 지워지지 않습니다. 예를들어 크롬을 실행하여 여러가지의 탭을 실행시켜놨을때, 세션스토리지는 데이터가 따로따로 격리되어 저장되며 , 각각의 탭이.. 2022. 11. 17. Javascript CRUD를 활용한 댓글게시판을 만들어보자 안녕하세요 개발적금입니다. 오늘은 CRUD를 활용하여 댓글을 작성할수있는 게시판?을 구현해보겠습니다. 총 2번으로 나뉘어서 구현을 할것이고 이번페이지에서는 CRUD중 Create / Read까지 해보겠습니다. 목차 1.CRUD에 대해 2. 작업순서 3. 코드내용리뷰 1. CRUD에 대해 CRUD란 단어의 앞자리들을 따서 부르는것인데, Create - 데이터를 '입력'하고 Read - 데이터를 '볼수'있고 Update - 데이터를 '수정'할수있고 Delete - 데이터를 '삭제'할수있다. 입니다. 보통 작업을 할때에는 'Create'를 먼저 작업하는데, 'Create'작업은 'Read'와 연관성이 높습니다. Create부분에서는 데이터를 어떻게 입력(저장)하는데 까지입니다! 그다음 'Read'는 데이터를 .. 2022. 11. 15. 이전 1 2 3 4 다음