우당탕탕 개발일기

정말 많이 만난 오류,,,^^ import 또는 export 오류이니, 콘솔창이 친절하게 짚어주는 위치로 달려가 import와 export를 뜯어볼 것! 나는 1️⃣ export 쪽에 default 안붙어있었거나, 2️⃣ import에 {} 넣거나 빼거나, 3️⃣ 오타가 있거나 (제일 화남🔥 ) 중에 하나였다. 2️⃣같은 경우는 컴포넌트를 잘게 쪼개면서 일어났는데, 내가 정확히 뭘 import 해오고 싶은 지를 생각해봐야할 듯! 📍 참고 https://im-designloper.tistory.com/40 [ Vue Error ] export 'default' (imported as '...') was not found in ... export 'default' (imported as 'router') w..

= 컴포넌트 파일명이 대문자로 시작하지 않아서! 리액트 훅을 사용하려면 꼭!! 대문자로 시작해야한다! 📍 참고 https://medium.com/@umioh1109/%EB%B2%88%EC%97%AD-js-bites-react-hook-is-called-in-a-function-which-is-neither-a-react-function-or-a-custom-33369d62ac84 [번역] JS Bites: React hook is called in a function which is neither a React function or a custom… 본 글은… medium.com

import firebase from 'firebase/compat/app'; import 'firebase/compat/auth'; import 'firebase/compat/firestore'; firebase의 버전에 따라 import 오류가 뜨기도 했다. compat을 붙여주면 v9에서 사용하는 import가 된다

회원가입 페이지에 들어가자마자 나오는 alert들.. 분명 회원가입하기 버튼을 눌렀을 때 나와야하는 애들이 우르르 나오길래 확인해보니 onClick에 넣은 함수 뒤에 ()를 붙여서 그런 것이었다! 알고 있었는데 습관성으로 넣다가 이렇게 되어버렸다. 일정한 조건 하에 실행되는 함수들은 꼭 뒤에 ()를 빼자! (+) 22.11.11

📓 fixed와 sticky 차이 📍 https://ordinary-code.tistory.com/106 [css] 레이아웃 구성 시 position fixed 와 sticky 차이 알아보기 스마트폰이 요즘 많이 보급되면서 PC 홈페이지의 레이아웃 중 스크롤이 강조된 레이아웃들이 많이 등장하고 있다. 그중 스크롤을 내리면서 나타나는 애니메이션 효과도 점점 발전하고 있다. 오 ordinary-code.tistory.com 📓 relative와 absolute의 차이 - 태그의 위치를 살짝 변경하고 싶을 때 position: relative를 사용합니다. 이제 top, right, bottom, left 속성을 사용해 위치 조절이 가능. 각각의 태그가 기존 static이었을 때의 위치를 기준으로 top, r..