데이터 : 좋아요 / 모든 게시글에 좋아요 값을 넣을지-게시글 작성자가 혼자인 경우
특징
- 내가 좋아요한 게시글만 아이콘으로 표시>마이페이지에 보여줌-오늘 할 것
- 모두가 좋아요한 수를 표시(확인)
내가 선택한 것만 모아둠-그 내용을 선택해서 쓸지
좋아요한 게시글의 배열 안에 있다면 표시
좋아요한 게시글의 배열로 작성하여 만들기
- 게시글의 아이디만 넣기-화면표시만
- 마이페이지에서 제목까지-오늘 할 것
좋아요 배열의 객체=게시글의 id,title-필요한 값만 가져와서 화면에 출력
유저 객체 안에 포함된 내용-지금은 따로 만들어서 사용할 예정
사진 사용-public,src
- public에서 가져오는 방법
- img 태그에서 src로 온전히 들고오는것이 가능하다.
- 만약 public 안에 폴더안에 이미지가 있다면 /로 하위로 연결한다.
- src에서 가져오는 방법
src={require("이미지주소").default}
로 들고온다.- src 폴더에서 가져 올 때 import를 통해서 들고온다.
- style의 background-image로 확인하는 방법.
jsx로 짜기 때문에style={{}backgroundImage:`url()`}
형식이여야 한다.- public에서 가져오는 방법 : 위 방법처럼 url 안에 “주소”형태로 넣는다.
- src에서 가져오는 방법 : 2번의 import로 들고온 방식을 쓴다.url(${})
github에 올려서 쓰는 방법
npm install gh-pages 설치
package.json에 “name”위에 “homepage”:”https://githubID.github.io/레퍼지토리이름” 추가
“scripts” 안에 “predeploy”: “npm run build” , “deploy” : “gh-pages -d build” 추가