오늘 한 것
mypage 게시물 정비율 유지하면서 줄어들게 변경
게시물 페이지 제작
게시물 페이지 router 연결
막혔던 것
-
react-router를 사용하면 페이지의 맨 위가아니라 맨 아래부분으로 라우팅이 돼서 페이지 이동시 맨 위로 스크롤되는 해결법 reference를 찾았다. (참고 링크)
-
정사각형 모양 게시물이 반응형으로 크기가 변할 때 뭉개지는게 싫었는데 방법을 찾았다. 일정 비율이 유지되기 원하는 박스에 wrapper로 감싸주고 wrapper에 padding-bottom을 줘서 width값과 같은 크기를 주면 예쁘게 줄어든다.
-
이미지가 반복될 때 background-repeat:no-repeat; 을 입력해주면 반복되지 않는다.
-
기기마다 화면 해상도가 달라서 자꾸 css를 수정해야해서 힘들었다.
마치마지막_수정_최종,이게진짜_최종이런느낌..ㅎ
Error Handling
- import할때 경로를 조심해서 확인하고 적자..
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
40분정도 날린것같다 흑흑
<Router/>가 index.js에 있기때문에 App.js에서 각 페이지의 경로를 정해주어야 한다.
새로 알게된 것
링크 밑줄, 색상 없애기
#login-form a {
text-align: center;
text-decoration: none; /* 링크의 밑줄 제거 */
color: inherit; /* 링크의 색상 제거 */
}feature브랜치, dev브랜치 관리
feature에서 작업하다가 git add . -> git commit -m '' -> dev브랜치로 이동 ->
git merge feature -> 다시 git add . -> git commit -m '' -> git push origin dev
참고
