본문으로 바로가기
  • parsing
  • item
  • permission
  • 비동기
  • ajax만 주석처리하면 데이터 전달안하고 콘솔만 찍어볼 수 있다.
  • html 간에 파라미터 전달 localstorage
  • 지정된 카테고리를 전달해주기위해서 셀렉트를 사용했는데 값을 가져올 수 없어서 select name을 지정해서 value값을 들고옴
  • 데이터 폼안에 들어가는 정보라서 view에서 파라미터로 받을 예정이던 category를 없애고 url에서 카테고리도 지울 수 있었다.
  • 다른방법으로는 changevalue사용해서 target 지정하면 value를 변수로 지정가능

기본적인 js사용의 필요성을 느끼고 프론트와 백엔드 통신을 조금더 명확하게 하기위해 주말동안 백엔드와 통신하면서 공부를 했다.

게시글의 리스트를 보여주는 index부분을 만들었다 콘솔창에서 들어오는 데이터들을 볼 수 있고 그 데이터들을 js를 통해서 프론트에 나타내줬다.

문제는 여기이후로 게시글을 클릭해서 다른 html으로 넘어가면서 게시글 상세로 가야했는데 그부분이 상당히 어렵게 느껴졌다.

일단 검색을 너무 키워드없이 하는 것 같다. 아무리 검색해도 내가 사용할 수 있는걸 찾지못했다.

우선은 이렇게 조금은 투박하지만 url로 파라미터를 전달해서 게시글을 눌러서 디테일을 볼 수 있게 만들었다.

그리고 더 좋은 방법을 찾아서 localstorage를 이용한 방법으로 바꿨다.

원리는 게시글을 리스트로 나열할때 제목을누르면 id를 담아서 함수를 실행하고 그 함수가 id를 받아서 localstorage 를 저장하고 html을 바꿔준다. 바꾼 html에서 id를 변수설정하여 바로 사용할 수 있었다.

댓글기능과 추천기능도 추가해서 바로 동작하게했다 하지만 페이지를 location.reload() 를 통해서 새로고침하기때문에 비동기식으로 처리를 할 필요가 있다.

 

해야할게 매우많다 게시글 수정 삭제 댓글 수정 삭제 본인일때만 보여야하고 본인일때만 가능하다 안보이는걸로 안전할까? 생각이 든다
그리고 url과 파라미터를 다시 복습 해야한다. 페이지네이션 post_list에서 인기글 자유게시판 등 변경도 생각을 해봐야한다.