목록전체 글 (119)
우당탕탕 개발일기
import firebase from 'firebase/compat/app'; import 'firebase/compat/auth'; import 'firebase/compat/firestore'; firebase의 버전에 따라 import 오류가 뜨기도 했다. compat을 붙여주면 v9에서 사용하는 import가 된다
[React] onClick 함수가 페이지 로딩 직후 실행될 때
회원가입 페이지에 들어가자마자 나오는 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..
1_ text-align: center; vertical-align: middle; 2_ display: flex; align-items: center; justify-content: center; 간단한 추가 버튼을 만들 때 두 개과 동일한 효과를 내는 것 확인. padding 값 주의!
라이프사이클 https://ljh86029926.gitbook.io/coding-apple-react/2/undefined-1/what-is-life-cycle 라이프 사이클이 뭔데? - React 컴포넌트의 변경이 완료되었을 때에 수행되는 메소드 입니다. 이 메소드는 조금 복잡한 작업을 수행하기에 최적화 되어있는 메소드 인데요, render메소드가 실행되어 업데이트 된 state, props와 업 ljh86029926.gitbook.io 클래스의 문법이 어렵다, 축소가 어렵다 등의 이유로 클래스형에서 함수형 컴포넌트로 변경되는 추세다. 리랙트 훅이란 함수형태의 컴포넌트에서 사용되는 몇가지 기술들을 훅(Hook)이라 부른다. 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 ..