react

개발 스크랩/React

[React] 구글 애널리틱스(GA4) 적용하기

구글 애널리틱스 적용하기 2편(react-ga4) > 구글 애널리틱스 GA4 적용 (230710) 2023년 7월 1일부터 유니버셜 애널리틱스 속성이 데이터를 수집하지 않습니다. 대신 Google 애널리틱스 4 속성을 만드는 것이 좋습니다. 구글 애널리틱스가 드디어 whoyoung90.tistory.com

개발 스크랩/React

[React] Kakao map API 사용하기

React에서 Kakao map API 사용하기 React에서 카카오 맵 API를 사용하기 위해 우선 아래 사이트에서 내 앱을 등록해야 합니다. https://developers.kakao.com/ 업로드중.. 애플리케이션 추가하기 클릭 업로드중.. 애플리케이션 정보 입력 앱 velog.io + https://apis.map.kakao.com/web/guide/ + 🗺 React Kakao Map SDK 사용하기 : Kakao Maps API를 react에 맞게 포팅한 라이브러리ReactKakaoMapSKD이 라이브러리를 사용하기 위해서는 필수적으로 Kakao Maps API를 불러와야 한다.API 키 발급받는 법: 사용자의 위치 정보를 웹 애플리케이 velog.io

개발 스크랩/React

[React] Warning: Each child in a list should have a unique "key" prop. 오류 해결법

[Warning: Each child in a list should have a unique "key" prop.] 에러 해결 문제점 아래와 같이 자바스크립트의 map 함수를 사용한 경우 콘솔에서 " Warning: Each child in a list should have a unique "key" prop "이라는 주의 문구를 확인할 수 있다. {["AAA", "BBB", "CCC"].map(item => {item} )}React crong-dev.tistory.com

개발 스크랩/React

[React] React로 하단 네비게이션 만들기

[React] React로 하단 네비게이션 만들기 하단탭 컴포넌트를 BottomNav.jsx 라는 이름으로 파일을 생성하고 아래와 같이 타이핑한다.위와 같이 button이라는 글자가 5개 생겼다.BottomNav.jsx에 css를 적용할 BottomNav.css파일을 생성하고 아래와 같 velog.io

개발 스크랩/React

[React] Figma를 React로 변환해주는 사이트

https://overlay-tech.com/ Overlay | Design production ready code components Forget about absolute positions and hundreds of HTML/CSS lines, just get clean code. overlay-tech.com https://www.framer.com/ Framer — Design and publish your dream site. Zero code, maximum speed. Design and publish your dream site. Add animations, interactions, and optimize for every breakpoint. Then scale your site wit..

개발 스크랩/React

[React] Node+Express 서버와 React 연동하려면

Node+Express 서버와 React 연동하려면 - 코딩애플 온라인 강좌 0:00 서버와 리액트 연동 4:49 Q. 리액트 라우터로 여러 페이지 나눠놨으면? 6:20 Q. DB데이터는 리액트에서 어떻게 보여줌? 9:03 Q. 리액트 코드수정할 때마다 build 작업해야함? 9:34 Q. 서버에서 리액트 codingapple.com

inkyoung
'react' 태그의 글 목록