Dug_House

문제점 사진의 url이 너무 길다. 글을 작성할 때 서버의 해당 text를 그대로 저장하고 불러오는 식으로 하려고 했으나... image의 길이가 너무나 길어서 서버가 감당하지 못할거라고 생각했고 다른 글들을 찾아보니 서버가 감당을 하지 못한다고들 말씀을 하신다... 해결방안 AWS가 제공하는 S3(스토리지)를 사용하여서 이미지만 S3에 저장을 해서 짧아진 img의 url을 서버에 저장하게끔 하는 것이다! 그렇다면 S3를 만들러가보자 도움받은 사이트 https://gareen.tistory.com/47

$ npm install --save @toast-ui/react-editor 공식문서 https://ui.toast.com/tui-editor https://nhn.github.io/tui.editor/latest/ https://github.com/nhn/tui.editor/tree/master/apps/react-editor 기본 코드 import "@toast-ui/editor/dist/toastui-editor.css"; import { Editor } from "@toast-ui/react-editor"; import React, { useState } from "react"; import { useRef } from "react"; const MyComponent = () => { const..

Simple Storage Service AWS(amazon web service)가 제공하는 file을 저장하는 서버 안전하고 쉽게 사용 가능 저렴한 가격 서버가 다운될 걱정을 안해도 됨 버킷 저장장치 : 컨테이너 하나의 프로젝트에 하나의 버킷 내부에서 폴더를 생성할 수 있음 폴더 안에 파일이 있는데 파일을 object(객체)라고 한다. 버킷을 생성하고 사진을 넣어서 접근하려고 봤더니! 거절당했다... 해결하기 위해서 그리고 버킷 정책 편집을 들어가서 버킷 정책 생성기를 클릭한다. 이와 같은 page가 나오는데 1. S3 버킷 정책으로 선택 2. principal * 넣기 3. actions 에서 put object 랑 get object 추가해줌 4. 버킷 arn 넣기 ex) arn:aws:s3:::..

강아지 커뮤니티 제작을 하는데 글쓰기 page의 디자인과 기능 개발을 맡았다. 막상 하려니까 생각에 생각이 꼬리를 물었다. input에 사진이 입력이 되나? 안되면 textarea에는 입력이 되나? 관련 API가 있을까? 뭐라고 검색해야 할까? 무작정 구글링을 해보았다 이건 내가 원하는 정보가 아니었다 그래서 이미 운영 중인 블로그에 Open API가 있지 않을까 해서 또 구글링을 하고 찾아보았다. 이 또한 내가 원하는 것이 아니었다... 그렇게 계속 구글링을 하다가 에디터라는 단어가 눈에 들어왔다! 이거다 싶었다! https://draftjs.org/docs/quickstart-api-basics https://ui.toast.com/tui-editor 2가지가 있었고 2가지 중에 하나 선택할 예정이다.