DEVLOG

history 객체 라우트로 사용된 컴포넌트에게 match, location 과 함께 전달되는 props 중 하나이다. 이 객체를 통하여, 우리가 컴포넌트 내에 구현하는 메소드에서 라우터에 직접 접근을 할 수 있다 ex. 뒤로가기, 홈으로 이동, 특정 경로로 이동, 이탈 방지 등.. ○ 뒤로가기 history.goBack(); 한단계전으로 이동 ○ 특정 경로로 이동 history.push('/경로'); '경로'부분에 이동하고자 하는 경로를 /를 포함하여 써주면 된다. +홈으로 이동 history.push('/'); ○ 이탈 방지 history.block(); useEffect를 함께 사용하여 .block을 걸어주면 버튼을 눌러도 페이지가 이동되지 않는다. history.block('문구'); 단, blo..

URL파라미터와 쿼리 페이지 주소를 정의할 때 가끔 유동적인 값을 전달해야하는 경우가 있다. 이 경우 파라미터와 쿼리로 나눌 수 있다. · 파라미터 예시 : /profiles/merorii · 쿼리 예시 : /about?details=true 파라미터와 쿼리 두 가지 중 무조건 이 상황엔 이거!라고 정해진 규칙은 없다. 다만 일반적으로 파라미터는 특정 아이디 혹인 이름을 사용하여 조회할 때 사용하고, 쿼리는 우리가 어떤 키워들르 검색하거나 페이지에 필요한 옵션을 전달할 때 사용한다. ○ URL 파라미터 match 객체 URL 파라미터를 사용할 떄는 라우트로 사용되는 컴포넌트에서 받아오는 match라는 객체안의 params값을 참조한다. match객체 안에는 현재 컴포넌트가 어떤 경로 규칙에 의해 보이는지..

◎ SPA ◎ 라우팅 ◎ 리액트라우터 ◎ Route컴포넌트 + Route하나에 여러개의 path 설정하기 ◎ Link ◎ NavLink ◎ Switch 라우터에 대해 알아보기에 앞서서 SPA에 대해서 먼저 알아보자~! SPA ( Single Page Application ) 한개의 페이지로 이루어진 애플리케이션을 뜻한다. 기존에는 사용자가 다른 페이지로 이동할 때마다 새로운 html을 받아오고 페이지를 로딩할때마다 서버에서 리소스를 전달받아 해석한 뒤 화면에 보여주는 식으로 동작한다. 이때마다 트래픽이 많이 발생하고 사용자가 몰리면 서버측에 높은 부하가 쉽게 걸릴 수도 있다. 그래서 리액트 같은 라이브러리 혹은 프레임워크를 사용하여 뷰 렌더링을 사용자의 브라우저가 담당하도록 하고, 우선 브라우저에 불러와..

[리눅스 커맨드] $ ls 현재 디렉토리 파일,폴더 리스트 출력 $ ls-l 현재 디렉토리 파일, 폴더 리스트 자세한 출력 $ pwd 현재 위치한 디렉토리 경로 $ cd a a디렉토리로 이동 $ mv a b a경로에 있는 파일,폴더를 b경로로 이동 $ cp a b a경로에 있는 파일,폴더를 b경로로 복사 $ chmod 0000 a a경로에 있는 파일의 권한을 수정 (0000 > drwx) $ vi a a라는 파일을 vi에디터로 열기(없으면 생성) [vi 에디터 단축키] x : 한글자씩 삭제 dd : 한줄씩 삭제 shift+G : 제일 마지막 줄로 이동 gg : 제일 윗 줄로 이동 shift + $ : 현재 줄의 제일 뒤로 이동 shift + ^ : 현재 줄의 제일 앞으로 이동