뉴스 피드

2. CSS 파일에서는 뉴스 피드의 스타일을 작성합니다. 예를 들어, 제목 입력 폼의 스타일, 뉴스 목록의 스타일 등을 지정할 수 있습니다.

3. 자바스크립트 파일에서는 뉴스를 추가, 삭제하고, Local Storage에 데이터를 저장 및 불러오는 기능을 구현합니다.
```javascript
// 뉴스 추가 함수
function addNews() {
  const newsText = document.getElementById('news-text').value;
  if (newsText !== '') {
    const newsList = document.getElementById('news-list');
    const newsItem = document.createElement('div');
    newsItem.textContent = newsText;
    newsList.appendChild(newsItem);

    // Local Storage에 데이터 저장
    localStorage.setItem('news', newsList.innerHTML);

    // 입력 폼 초기화
    document.getElementById('news-text').value = '';
  }
}

// 뉴스 삭제 함수
function deleteNews(event) {
  const newsItem = event.target;
  const newsList = document.getElementById('news-list');
  newsList.removeChild(newsItem);

  // Local Storage에서 데이터 삭제
  localStorage.setItem('news', newsList.innerHTML);
}

// 페이지 로드 시 뉴스 목록 불러오기
window.onload = function() {
  const newsList = document.getElementById('news-list');
  newsList.innerHTML = localStorage.getItem('news');

  // 뉴스 삭제 버튼 이벤트 바인딩
  const deleteButtons = document.getElementsByClassName('delete-button');
  for (let i = 0; i < deleteButtons.length; i++) {
    deleteButtons[i].addEventListener('click', deleteNews);
  }
};

// 이벤트 핸들러 등록
document.getElementById('news-form').addEventListener('submit', function(event) {
  event.preventDefault();
  addNews();
});