반응형

전체 글 33

[React] Props 정리하기

Props란 리액트에서 컴포넌트에 지정한 속성들을 의미 어떠한 값을 컴포넌트에 전달할 때 props를 이용함 Props의 기본 사용법 App컴포넌트에서 Hello 컴포넌트를 사용할 때, name값과 color 값을 전달하고 싶다고 가정한다. App.js import React from 'react'; import Hello from './Hello'; function App() { return ( ) } export deafult App; Hello.js import React from 'react'; function Hello(props) { return ( Hello, {props.name} ) } export default Hello; props 내부의 값을 조회할 때 마다 props를 입력하고 있..

Today I Learn/React 2021.08.10

[Git] 특정 히스토리 삭제 - reset

작업 후 커밋을 하는 도중에 다른계정으로 잘못 커밋을 해버려서 이걸 지워야겠다고 마음먹은게 화근이었다. 아직 깃에 대한 완벽한 이해도 없는데 남들이 웬만하면 쓰지말라는거면 쓰지말걸..^^.. 결론은 커밋 안한 파일이 전부 날아가버렸다.. 이럴줄은 몰랐지.. reset - 특정 지점의 과거로 이동하는 것으로 이동된 이후의 커밋은 삭제된다 - 애초에 커밋하지 않은것처럼 브런치를 이동시키는 것 - 과거 커밋으로 이동되므로 사용시에 주의가 필요하다 $ git reset --hard HEAD^ (이전 커밋 삭제하기) $ git reset --hard (커밋주소로 이동) 깃 너무 어렵당

Today I Learn/Git 2021.08.09

[react] 카카오 지도 api 구현 안되는 문제 해결

React에서 카카오 지도 api를 사용하려고 하는데 구글링을 해 보고 적용해봤지만 지도가 구현되지 않았다. 알고보니 React에서 네이버나 다음맵을 쓰려면 공식예제에 있는 방법을 사용하면 안되고 약간의 꼼수를 써야한다고 한다. 1. 네이버, 다음맵 스크립트 파일을 주입하기 위해 Script Load를 대신해주는 패키지를 설치한다 import Script from "react-load-script"; 2. Script Load 라이브러리로 스크립트가 로딩 시킴 3. 자바스크립트 파일 로딩이 완료되면 초기화 const container = document.getElementById("myMap"); const options = { center: new kakao.maps.LatLng(37.621975240..

Today I Learn/React 2021.08.09
반응형