전체 글 (76) 썸네일형 리스트형 [React] 처음 만나는 리액트 라우터 URL이란? URL(uniform resource locator)은 인터넷에서 자원의 위치를 의미한다. 여기서 자원이란 HTML, CSS 이미지 등 웹 브라우저가 이해할 수 있는 모든 형태의 데이터를 뜻한다. location 객체 알아보기 웹 브라우저에서 URL은 주소 창(address bar)에 주소를 입력하며 웹 브라우저는 그걸 통해 window.location 형태로 얻을 수 있는 location 객체를 제공한다. location 객체의 속성의미 href 주소 창에 입력된 URL 전체 문자열을 얻거나 다른 URL로 설정하고 싶을 때 사용 protocol http, https같은 프로토콜 문자열을 얻고 싶을때 사용되며 콜론(:)도 포함 host 도메인과 포트 번호가 결합된 문자열을 얻는데 사용.. [React] 트렐로 따라 만들기 (2) react-dnd의 useDrop, useDrag 훅 알아보기 react-dnd 패키지의 기능으로 제공되는 드래그 앤 드롭으로 기능인 useDrop 훅, useDrag 훅을 알아보자. useDrop 훅은 튜플 타입 반환값에서 두번 째 멤버변수인 drop 함수를 얻어 사용하는게 기본 사용법이며 accept는 대상을 구분하는 용도로 사용되는 문자열이다. 또한 drop함수를 호출해 사용할 수도 있다.// useDrop 훅의 기본 사용법const [, drop] = useDrop(() => ({ accept: 'card'}) drop(node)} /> // ref를 통해 drop함수를 원하는 요소설정// drop 함수를 호출하는방식으로 구현const divRef = useRef(null)drop(di.. 이전 1 2 3 4 5 6 7 ··· 38 다음 목록 더보기
