백엔드와 프론트엔드를 나눠 작업하다보니 평소 잘 하지 않았던 프론트 부분이 너무 어렵다..
부트스트랩 없이 간단하게 구현하려고 했는데, 잘 안되서 그냥 부트스트랩 가져와서 변형하며 작업했다.
문제 1
그러다 카드의 크기가 도저히 안 되서 여러 방법 끝에 찾은 방법을 기록한다.
해결방안
img의 상위 클래스에 style="width: Xrem;"값을 넣어 크기를 조절할 수 있다.
다른 방법은 모두 실패했다. 그 방법들은 후에 수정하기로 하고...
<div id="article-list" class="row row-cols-1"></div>이 태그 안에 이미지들로 카드가 만들어 질 것이어서
.row {
width: auto;
margin: 20px
}이렇게 css를 넣어줬다.
문제 2
브랜치를 잘못 병합하여 문제가 생겼다.
해결방안
reset을 이용해 해결했다.
실수로 병합했을 때를 대비해 병합을 하고 난 이후에 ORIG_HEAD라는 새로운 참조 commit이 생긴다.
$ git reset --merge ORIG_HEAD이를 통해 직전의 병합을 취소할 수 있다.
fast-forward 병합이나 완전병합을 했어도 취소 할 수 있음.
끝으로
낯선 프론트,js를 하다보니 오류도 많고 진도가 좀처럼 나가지 않는다..
그래도 데드라인까지 잠 줄여 가면서 해야지 뭐..
가보자고!!
가보자고