야이 찌질이얌..

가장 마지막에 찾은 이것이 제일 좋아보인다 살펴보자 로컬에서 구동도 했고... https://docusaurus.io/ko/blog/2017/12/14/introducing-docusaurus 도큐사우루스를 소개합니다 | Docusaurus 여러분이 하나 이상의 오픈 소스 웹 사이트를 관리하는데 도움을 줄 수 있는 도큐사우루스를 소개하게 되어 무척 기쁩니다. docusaurus.io https://tutorial.docusaurus.io/docs/intro/ Tutorial Intro | My Site Let's discover Docusaurus in less than 5 minutes. tutorial.docusaurus.io https://github.com/facebook/docusaurus Gi..

가이드나 도움말 페이지를 위해 마크다운을 잘 사용할수 있으면 편하겠다는 생각을 하고 마크다운 에디터를 찾다가 ToastUi를 알게 됐는데.. 이것도 번거롭다는 의견이 있다.. DB에 저장하고 API 연동해서 뿌려주고 마크다운 변환도 하고 코드수정/배포는 누락됐지만 그럼에도 불구하고 빠르게 적용가능한 형태를 원해서 정적 페이지 생성기를 찾게 되었는데 나는 hugo만 알았지 그외에는 알지 못했는데 오늘 gatsby라는것을 듣고 테스트 하게되었다.. 맥북에서 이상하게 안되서 윈도우로 했는데 성공했다.. 그런데.. react기반이 가능하다는것 말고는 빌드시 정적페이지가 생성된다는것말고는 차이를 모르겠다.. gatsby는 react가 되니 기존 컴포넌트를 사용할수도 있음은 확실히 도움이 될듯도 한데.. 문제는 메..

https://joshua1988.github.io/web-development/javascript/promise-for-beginners/ 자바스크립트 Promise 쉽게 이해하기 (중급) 자바스크립트 입문자를 위한 Promise 설명. 쉽게 알아보는 자바스크립트 Promise 개념, 사용법, 예제 코드. 예제로 알아보는 then(), catch() 활용법 joshua1988.github.io

https://www.codingfactory.net/10731 Bootstrap 4 / Buttons / 버튼 꾸미기 Buttons CSS로 꾸밀 때 손이 많이 가는 것 중의 하나가 버튼입니다. Bootstrap을 사용하면 여러 색의 버튼을 쉽게 만들 수 있습니다. 기본 클래스의 값으로 btn btn-xxx를 추가하면 버튼이 꾸며집니다. xxx www.codingfactory.net 부트스트랩 사용하니 잘 참고하자

https://typescript-kr.github.io/pages/tutorials/ts-for-js-programmers.html

원래 의도는 Material-UI 마크다운 에디터를 사용하는것이었는데 예상보다 잘 동작하지 않았다.. 이것저것 찾아보던중이 Toast ui editor를 찾았다. 비교적 쉽게 적용가능하다 https://clip-code.tistory.com/entry/React-toast-ui-editor-%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4-%EC%97%90%EB%94%94%ED%84%B0-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0 [React] toast-ui editor 마크다운 에디터 사용하기 💾 설치하기 npm 사용해서 설치 npm install --save @toast-ui/react-editor 📍 plugin 설치 code-syntax-highlight ..

toast https://www.npmjs.com/package/react-hot-toast react-hot-toast Smoking hot React Notifications. Lightweight, customizable and beautiful by default.. Latest version: 2.4.0, last published: 7 days ago. Start using react-hot-toast in your project by running `npm i react-hot-toast`. There are 190 other projects in the npm www.npmjs.com lodash https://velog.io/@kysung95/%EC%A7%A4%EB%A7%89%EA%B8%..

https://velog.io/@chaerin00/React-%EC%9D%98-%EC%9D%98%EB%AF%B8 React { }의 사용 React에서 굳이 궁금해하지 않았던 { }가 쓰이는 규칙👨‍🏫 velog.io 알기 쉽게 잘 정리된것 같다.. 시간 있을때 하나씩 읽어보기 위해 포스팅

https://breathtaking-life.tistory.com/117 리액트 VSCode 자동완성 익스텐션 추천 (Auto Import, Code snippets 등) 리액트를 공부하며 필요한 익스텐션을 정리해보았다. - Auto Import - ES6, TS, JSX, TSX Auto Import - ES6, TS, JSX, TSX - Visual Studio Marketplace Extension for Visual Studio Code - Automatically finds.. breathtaking-life.tistory.com 잘 참고해서 사용하자

https://www.jasonchoi.dev/posts/setup-db-in-docker [Docker] Synology Docker에 mysql /mariadb 세팅하기 포트포워딩과 방화벽 설정을 적당히 잘 하고.... 당연히 Docker를 설치해야겠지? www.jasonchoi.dev https://blogger.pe.kr/969 시놀로지 NAS에 MariaDB를 Docker로 설치하기 (DS220+) 시놀로지 NAS의 일부 저가형 모델을 제외한 최근 출시되는 모델들은 가상화(Virtualization) 기술에 기반한 VM(Virtual Machine) 방식과 응용프로그램 가상화 기술에 기반한 도커(Docker) 가상화를 지원한다. blogger.pe.kr 나스 도커의 컨테이너 화면이 보이지 않는등..