react3 [React] react markdown, 마크다운 적용하기, 마크다운 사용법 안녕하세요 두잉이입니다. react-markdown 사용법에 대해 포스팅 해보도록 하겠습니다. react-markdown 설치 npm install react-markdown 폴더 구조 src/lib/Markdown 밑에 Markdown.js, index.js를 만들어 줍니다. 적용방법 import ReactMarkdown from 'react-markdown'; 설치한 ReactMarkdown을 import 후 markdown component로 보여줄 텍스트 데이터를 감싸기만 하면 끝! const youtText = '#h1 ##h2'; 하지만 이렇게만 하면 쓸 수있는 마크다운 문법이 제한적이기 때문에 link, table, checklist 등의 형식을 표현할 수 있게 remark-gfm 플러그인을.. 2022. 1. 26. netlify에서 react소스 배포해보기 + 커스텀 도메인 연결 가비아에서 세일하는 도메인을 1년에 550원에 샀다 유후~~ 새로 산 도메인에 react 프로젝트를 배포해보려고 한다. 이것저것 알아보는 중에 지인으로부터 좋은 곳을 추천받았다. 바로 netlify였다. 이번 포스팅에서는 Netlify로 React앱을 배포, 그리고 github와도 연동하고 구입한 커스텀 도메인과 https 연동까지 해보도록 하겠다. 목차 Netlify 회원가입 Github 저장소 프로젝트 연동 Deploy settings 사이트 배포 완성 커스텀 도메인 연결 1. Netlify 회원가입 netlify 홈페이지로 접속해 회원가입을 진행하자 www.netlify.com Netlify: Develop & deploy the best web experiences in record time A .. 2021. 7. 23. Nginx React Springboot 연동 목차 Spring boot ( gradle )로 Rest api 생성 React 설치 React proxy 설정 및 api 호출 React build 파일로 nginx 연동 1. Spring boot 로 Rest api 생성 https://start.spring.io/ 를 사용해 스프링 프로젝트 생성 OS Window port 8080 1-1. 의존성 설정 1-2. HelloController.java 작성 ( 간단한 Rest Controller를 작성합니다. ) 작업 후 테스트 결과 잘 작동되는 모습입니다. 2. React 설치 react는 vm을 이용해 설치 하였습니다. 테스트 환경 OS Ubuntu18.04 node v14.17.1 npm 6.14.13 2-1. 아래 명령어를 통해 최신 버전의 no.. 2021. 6. 23. 이전 1 다음
