[react] react router를 사용해보자
[React] React Router를 사용해보자. 리액트 라우터를 사용해보기전에 라우팅이 무엇인지 알아보자. 1. 라우팅이란? 라우팅이란 사용자가 URL을 요청하면 해당 URL에 맞는 페이지를 사용자에게 보여주는 것이다. 2. React Router 리액트에서 라우팅을 해주는 라이브러리는 많이 있지만, 제가 사용할려는 라이브러리는 React...
[React] React Router를 사용해보자. 리액트 라우터를 사용해보기전에 라우팅이 무엇인지 알아보자. 1. 라우팅이란? 라우팅이란 사용자가 URL을 요청하면 해당 URL에 맞는 페이지를 사용자에게 보여주는 것이다. 2. React Router 리액트에서 라우팅을 해주는 라이브러리는 많이 있지만, 제가 사용할려는 라이브러리는 React...
왜? 먼저 작성자는 Mac을 주로 사용하고 있고 맥미니를 이용해서 서버를 돌릴 수 있는 환경이기 때문에 개발하고 있는 프로젝트및 코드들을 맥미니에 저장하기 위해서 구축하려고 한다. 또한 코드서버를 구축해두면 집에서 개발을 못할 경우 외부에서 vnc를 이용하지 않고 code-server를 이용해 접속해 코드를 작성및 수정을 할 수 있게 된다. ...
지난시간 저번시간에는 Code-server를 사용하기위해 도커를 이용해서 맥미니에 서버를 띄우고 사용하는 방법을 알아봤습니다. 요번 시간에는 앞으로의 개발을 위해 사용할 Extension을 설치하면서 추천해드리겠습니다. 설치 방법 설치는 왼쪽에 보면 있는 여러 아이콘중에 맨 밑에 있는 아이콘을 누르면 Extensions 마켓이 나옵니다. ...
시작전 지난 시간에 리액트 프로젝트를 CRA를 통해서 타입스크립트 리액트 프로젝트를 생성했었습니다. 프로젝트 구성 client ├── node_modules ├── public ├── src ├── .gitignore ├── package.json ├── package-lock.json ├── tsconfig.json ...
시작전 이번에 리액트를 타입스크립트로 개발하는 이유는 사실 자바스크립트로 먼저 개발을 해둔 사이트가 있지만 많은 버그 중에 타입 문제도 많이 발생하였기 때문에 사이트를 다시 만들겸 이번에는 타입스크립트로 작성을 해보려고 한다. 프로젝트 생성 우선 타입스크립트를 사용하는 리액트 프로젝트를 생성할때는 원래 리액트 프로젝트를 생성할때 사용하던 명령어 ...
스프링 프레임워크(Spring Framework)란 스프링을 사용하기전에 스프링 프레임워크가 무엇이고, 왜 사용하지는지 알아보자. Spring Framework 스프링 프레임워크는 Java 플랫폼을 위한 오픈소스 애플리케이션 프레임워크입니다. 동적인 웹 사이트를 개발하기 위한 많은 서비스를 제공하고있고, 우리나라 공공기간의 웹 서비스...
프로젝트 시작하기 스프링 부트 프로젝트를 생성하는 방법에는 Spring Initializr를 이용한 방법 IDE를 이용한 방법 이 두가지 방법이 있다. 처음 프로젝트를 생성할때는 Spring Initializr를 이용한 방법을 추천한다. 하지만 IntelliJ IDEA Ultimate 버전을 사용하고 있다면 IDE를 이용한 ...
Next js란 next js는 리액트를 위해서만든 오픈소스 자바스크립트 웹 프레임워크입니다. 여기서 리액트는 페이스북에서 개발한 웹 개발을 위한 라이브러리입니다. 그래서 추후 리액트도 따로 다루어 보겠습니다. Next js를 사용하는 이유 next js에는 리액트에 없는 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), 증...
Django 사이트 장고 사이트 상단 네비게이션바 부분을 HTML로 작성하겠습니다. CSS는 없이 구조만 작성했습니다. CODE <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Django</title>...
<body> <body>태그는 <head>태그 밑에 위치한 태그입니다. <body>태그안에 페이지에 보여질 요소들을 작성한다. <h1>, <h2>, <h3>, <h4>, <h5> 이 태그는 주로 제목같은 텍스트를 보여주기위해 사용합니다. 숫자가 높아질...