2022 12/16(내가 좋아하는 게시물 목록 바닐라 js로 api 연결하기)

노우석·2022년 12월 28일
0

내가 좋아요를 누른 페이지를 바닐라js로 연결하고 넣어주기

이 작성글은 이미 백 엔드안에 내가 좋아하는 게시물에 대한 정보를 넘겨주는 것을 전제로 하여 작성되어있다.

우선 위 코드처럼 백 엔드에 작성해둔 유저 정보를 fetch해온다.

window.onload 함수 안에 내가 받아온 유저정보를 변수안에 담아준다.

출력할 탬플릿에 클래스 이름과 출력할 부분을 정해주고 선언해준다.

위 코드는 User_list안에 있는 유저 정보들을 직접 콘솔로 찍어보면서 유저 정보에 담겨있는 이 유저가 좋아하는 게시물에 대한 정보를 출력해주기 위해 반복문을 돌려주었다. 이를 이용해서 위에 선언해준 html안에 내가 원하는 정보를 꺼내주면 된다.

마지막으로 innerHTML을 이용해서 내가 정보를 출력할 위치안에 문법을 써서 넣어주면 된다.

profile
중요한건 버그에게 꺾이지 않는 마음

0개의 댓글