우주먼지 개발 log

React App 처음 생성했을 때 이미지가 돌아가는 것에 대해 생각해 본적이 없었는데, 이제야 갑자기 궁금해져서 얘 gif 인가? 했는데 아니었다. css를 통한 애니메이션 효과였던 것이다. ㅇ0ㅇ 팀플 후에 css의 중요성을 깨달았고 이제 공부를 좀 하려고 한다. 우리 팀원들이 이미지 움직이는 것을 많이 넣었는데, 바빠서 확인을 못했었는데 모두 animation 이었다 ㅇ0ㅇ 우리 KPT 회고에서 제일 많은 투표를 받은 지난 코드도 다시보자! 라는 Try 를 수행하기 위해 우리 팀 css 부분도 다시 뜯어봐야겠다^.^ 1) 데이트 코스 등록이라는 글자를 띄워주는 StyledDateTitle 라는 styled-components 가 있다 데이트코스 등록 💟 2) 여기있다! shakeAnimation은 ..

css 관련 지식은, 남보다 더 정리를 잘 할 필요도, 자신이 없으므로 펌 모드~~ 찾은 것 중에 제일 잘되있는 걸로! 나중에 다시 찾아보기 위함 CSS / border-radius / 테두리 둥글게 만드는 속성 border-radius border-radius는 테두리를 둥글게 만드는 속성입니다. CSS3에서 정의되었으며, IE는 버전 9부터 지원합니다.(IE8에서 사용하는 방법) 8개의 속성 값을 넣어야 하지만, 값이 같다면 짧게 쓸 수 www.codingfactory.net 그래서 내가 하고싶었던 것은 두구두...구... 몰라 나름 귀엽다~ 글자 위아래를 가운데로 정렬하기 위해 line-height 를 박스의 크기와 같게 해줌. const StLi = styled.li` width: 80px; he..