본문 바로가기

React2

[React] Navigate ...? Link 는 특정 주소로 이동해주는 태그였다면, Navigate 는 특정 행동을 했을 때 해당 주소로 이동해줄 수 있게 만들어준다. 1. useNavigate 사용하기 useNavigate는 양식이 제출되거나 특정 event가 발생할 때, url을 조작할 수 있는 interface를 제공한다. ☑️ useNavigate의 인자들 navigate("../success", { replace: true}); 첫 번째 인자로는 주소를 받으며 두 번째 인자로 { replace, state } 인수를 사용한다. replace (true or false) true를 사용한다면, navigate에 적힌 주소로 넘어간 후, 뒤로가기를 하더라도 방금의 페이지로 돌아오지 않는다. 이 때는 자신의 메인 페이지 ("/")로 돌.. 2022. 2. 28.
[TIL] 리액트 ( ROUTER & SCSS ) 0. 라이브러리 VS 프레임워크 라이브러리(Library) 라이브러리는 단순 활용가능한 도구들의 집합 즉, 개발자가 만든 클래스에서 호출하여 사용, 클래스들의 나열로 필요한 클래스를 불러서 사용하는 방식을 취하고 있다. Framework(프레임워크) 프레임워크는 뼈대나 기반구조를 뜻하고, 제어의 역전 개념이 적용된 대표적인 기술 객체 지향 개발을 하게 되면서 통합성, 일관성의 부족이 발생되는 문제를 해결할 방법 중 하나라고 할 수 있다. ※ 프레임워크의 특징 특정 개념들의 추상화를 제공하는 여러 클래스나 컴포넌트로 구성되어 있다. 컴포넌트들은 재사용이 가능하다. 높은 수준에서 패턴들을 조작화할 수 있다. 간단히 정리해 보면 라이브러리는 그냥 함수들이나 기능 모음을 가져다가 쓰는 것이고 프레임워크는 특정 .. 2022. 2. 27.