221118 실전예제 - CRUD 게시판 만들기 (2)

오늘 내가 배운 것 1. 게시판 만들기 기본 흐름 2. 수정기능 구현 3. 삭제기능 구현 4. 조회수 증가 기능 구현 1. 게시판 만들기 기본 흐름 리스트를 구현하려면 기본적으로 로컬스토리지에 있는 데이터를 가져오는 작업이 필요하다. 가져오는 코드(localStorage.getItem()) 기본 셋팅 로컬 스토리지에 데이터가 있냐 없냐에 따라 코드가 다르게 시작된다. - 처음 접속한 사람 (데이터가 없으니 빈 배열로 시작한다.) - 처음 접속하지 않은 사람 (있는 데이터를 보여주겠다.) 데이터를 가져오기만 하지않고 상황에 따라서 로컬스토리지에 저장도 한다. (setItem()) 리스트 페이지 새로운 글쓰기를 위한 버튼과 제목을 눌렀을 때 나오는 뷰 페이지로 이루어져있다. crud에서 c부터 만들어야한다...

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 11. 19.
• textsms

221117 실전예제 - CRUD 게시판 만들기

오늘 내가 배운 것 1. CRUD - 게시판 만들기( create 영역, read 영역) 1. CRUD - 게시판 만들기 코드 진행 순서 더보기 1. index.html 파일 만들고, board폴더와 public 폴더 만들기 - board는 다른 카테고리? 의 창들(list, view, write html 파일 모음) 2. html 요소 넣어주고, js파일 연결하기 (파일이 다르니 경로 잘 보고 연결후에 확인) 3. list (글 목록)에서 발생하는 이벤트는 총 2가지 (글 제목클릭 -> 뷰, 글쓰기 클릭 ->쓰기) - a태그로 경로 지정해주기 로컬 스토리지로 데이터 주고받기 로컬 스토리지에 데이터 저장하기 window (web APIs) window.localStorage.setItem('name','..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 11. 18.
• textsms