WaffleCard 프로젝트 CardListAnimation구현 중 알게된 사실
- 빈 태그는 interSection observer사용 시 교차를 인지하지 못한다.
- flex적용된 부모 요소의 자식인 flex-item은 가로 정렬 시 본인의 content너비만큼으로width가 설정된다.
- 직접 width에 값을 설정해도 0으로 먹힌다.
- 그래서 flex-item이 빈 태그일 시 content를 넣지 않는 이상 무조건 width가 0이 된다.
CardList의 마지막 태그를 빈태그로 두어서 observer target으로만 쓰려고 했었는데 원하는 대로 동작하지 않은 이유였다.
margin을 약간 적용해서 해결했다.
포트폴리오 수정 방향
현재는 구현한 기능을 나열만 해놓았다.
채용자 입장에서 별로 얻어갈 정보가 없고 안 궁금할 것 같다.
- 어떤 점이 어려웠고 어떤 방법으로 어떻게 해결했는지
- 사용한 기술이나 라이브러리를 왜 썼고 어떤 점이 좋았는지
- 팀플 시 어떤 식으로 커뮤니케이션했는지
- 내가 어떤 개발자고 어떤 가치관을 가지고 있는지
를 위주로 보여줄 수 있도록 수정해야겠다.
#프론트엔드