목록react (15)
치악산 복숭아
//SignupForm 오류 코드 회원 가입 회원가입 폼을 만들고 있던 중 button의 이벤트가 두 번으로 중복돼서 실행되는 오류가 생겼다 열심히 구글링해서 찾아낸 결과 이유는 1) React.StrictMode (실질적인 해결방법은 아니였지만...ㅎ) //index.js ReactDOM.render( , , document.getElementById("root") ); 리액트의 공식 문서를 살펴보면 Strict 모드 StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구입니다. ! Strict 모드는 개발 모드에서만 활성화되기 때문에, 프로덕션 빌드에는 영향을 끼치지 않습니다. * 안전하지 않은 생명주기를 사용하는 컴포넌트 발견 * 레거시 문자열 ref 사용에 대한 경고 * 권장되..
일반적으로 html에서 링크를 걸어줄 때는 a 태그를 많이 사용하지만 react 환경에서는 추천되지 않는다 사용은 가능하지만...! 리액트에서 a 태그로 작성하면 링크를 누를때마다 리액트가 죽고 새 페이지가 열리는 문제가 발생한다(화면 전체가 새로고침됨) a 엘리먼트의 href 속성은 페이지 전체를 다시 그리기 때문인데...🤔 이러면 필요한 부분만 빠르게 다시 그려주는 리액트의 장점을 활용하기 어렵다 리액트에선 a 태그 대신 Link 태그를 사용하자! // html // JSX a 태그는 href 속성을 이용해서 경로를 설정하지만 link 태그는 to 속성으로 경로를 설정해준다
부제: 에러 코드 수집하기ㅎ...ㅎㅎ ( ᵕ̩̩ㅅᵕ̩̩ ) - MacOS 기준, RN 공식문서 버전 0.63 기준으로 작성했습니다 1. node와 watchman을 homebrew를 통해 설치한다 brew install node brew install watchman node가 미리 설치되어 있다면 10 이상의 버전으로 설치되어 있는지 확인해주기 2. JDK를 homebrew를 통해 설치한다 brew install --cask adoptopenjdk/openjdk/adoptopenjdk8 JDK가 미리 설치되어 있다면 8 이상의 버전으로 설치되어 있는지 확인해주기 3. Xcode 설치하기 Xcode를 설치하지 않으면 error Error: Failed to install CocoaPods dependen..