우주먼지 개발 log

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

오늘도 화이팅! TIL TypeScript 요약 = > javascript는 웹페이지에 동적인 효과를 주기 위해 만들어진 스크립트 언어인데 -> 발전하여 성능을 높이고자 구글에서 v8 엔진을 크롬 브라우저에 내장했고 -> 이를 기반으로 Node.js 라는 플랫폼이 나왔고 javascript로 백엔드를 개발할 수 있게 되었다. 그런데 프론트엔드에서 뷰에서 보이는 사소한 에러였던 녀석들이 백엔드에서는 서버를 다운시키는 어마무시한 에러를 볼 수도 있다. javascript는 동적언어이기 때문에 런타임에 (프로그램 실행) 개발자의 실수를 알게 되기 때문이다. javascript의 단점 1) 실행시간에 결정 되는 변수 타입 2) 약한 타입체크 - let, const 무슨 타입인데? 뭘 담는 변수? - let a ..

오늘도 화이팅! TIL 1) 리액트 쿼리를 썼는데 같은 페이지에 있는 A 컴포넌트에서 저장하고 B 컴포터넌트에서 읽어올 때 , 읽어오는 정보들이 바로 화면 업데이트가 안된다! alert창도 안뜬다 ! 도무지 모르겠다! 이거 그거잖아 ~ invalidate 안해준거 아니야? 할 수 있는데, 해줬다 룰루~ ^.^ 이건 내가 넣은 isSuccess 구문 때문이었던 것 같은데, 타이밍 문제인 것 같다. ^.^ onSuccess와 isSuccess를 둘 다 넣은 탓에 둘의 싸움이 아닐까.. 왜냐 onSuccess에서 console.log("xx") 한 줄만 넣어줘도 alert 이 뜨기도 했으니까. 넘넘 황당.. 나 이거 어디서 본것 같은데 ㅋㅋㅋ 결국엔 망한 코드에서는 console.log 한줄 못빼는 것이다. ..