목록라우터 (5)
함께 성장하는 프로독학러
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 Node.js 를 이용해 웹 어플리케이션을 만드는 것을 좀 더 편하고 빠르게 할 수 있도록 도와주는 프레임워크인 Express 에 대해서 알아보도록 하겠습니다. 1. Express 소개 Express 는 Node.js 를 위한 빠르고 개방적인 간결한 웹 프레임워크from - expressjs.com/ko Express 는 웹 및 모바일 어플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 어플리케이션 프레임워크입니다. Express 를 사용하지 않고도 웹 어플리케이션을 만들수는 있지만, 일일히 다 구현하려면 상당히 복잡합니다. 일일히 다 신경쓰기 복잡하고 귀찮은 것들을 Node.js 의 웹 프레임워크를 이용하면 쉽게 구현할 ..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 라우트 내부에 라우트를 설정하는 방법에 대해서 알아보도록 하겠습니다.이는 react-router 가 버전 4로 업데이트 되면서 기존의 방식과는 달라진 것이기 때문에 기존 버전을 사용하신 분들이라면 자세히 들여다 보시는 것을 추천드립니다. * 포스팅의 내용은 Velopert 님의 리액트 라우터 강의를 복습한 내용이므로 Velopert 님의 원본 강의를 듣고싶으신 분들은 아래의 링크를 참조해 주세요. https://velopert.com/3411 라우트 내부의 라우트 먼저 버전 4 이전에 라우트 내부에 라우트를 설정하는 방법에 대해서 잠깐 살펴 보겠습니다. 123 Colored by Color Scriptercs 이전 버전의 리액트 라우터에서 라우트 안에 라..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 SPA 어플리케이션 안에서 다른 라우트로 이동하는 방법에 대해서 알아보도록 하겠습니다. * 포스팅의 내용은 Velopert 님의 리액트 라우터 강의를 복습한 내용이므로 Velopert 님의 원본 강의를 듣고싶으신 분들은 아래의 링크를 참조해 주세요. https://velopert.com/3411 Link 컴포넌트 SPA 안에서 라우트간의 이동은 HTML 의 태그를 이용하지 않습니다. 태그는 페이지 전체를 다시 로딩, 즉 새로고침 해버립니다. 따라서 새로고침하지 않고 라우트로 이동하고자 할 때는 리액트 라우터의 Link 컴포넌트를 이용합니다.Link 컴포넌트를 사용하면 페이지 전체를 새로고침 하지 않고, 이동을 원하는 라우트로 화면을 전환해 줍니다. Lin..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 리액트 라우터에 대해서 좀 더 자세히 알아보도록 하겠습니다. * 포스팅의 내용은 Velopert 님의 리액트 라우터 강의를 복습한 내용이므로 Velopert 님의 원본 강의를 듣고싶으신 분들은 아래의 링크를 참조해 주세요. https://velopert.com/3411 0) URL 에서 path 와 qurey string 이란? http://a.com/topic?id=1 위와 같은 url 이 있다고 생각해 봅시다.대부분의 웹 어플리케이션의 url 은 위와 같은 형식으로 이루어 져 있습니다.위의 url 에서 'http://' 은 프로토콜을 의미합니다.프로토콜 뒤에 나오는 'a.com' 을 도메인 이라고 부르고,도메인 다음에 나오는 / 이후의 'topic' ..
안녕하세요, 프로독학러 입니다. 이 카테고리에서는 리액트 라우터(version_4 이상)에 대해서 배워보도록 하겠습니다. 포스팅의 내용은 Velopert 님의 리액트 라우터 강의를 복습한 내용이므로 Velopert 님의 원본 강의를 듣고싶으신 분들은 아래의 링크를 참조해 주세요. https://velopert.com/3411 1) 리액트 라우터의 효용 리액트 라우터는 SPA(Single Page Application)를 리액트를 통해 구현하는데 필요한 라이브러리입니다. SPA 와 반대되는 개념은 전통적인 웹 어플리케이션 입니다.전통적인 웹 어플리케이션은 여러 페이지로 구성되어 있으며, 한 페이지에서 다른 페이지로 이동할 때 페이지 전체를 다시 렌더링 합니다.이런 방식의 전통적인 웹 어플리케이션의 렌더링은..