문제점 사진의 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..
프로그래밍 실력만이 주니어, 시니어 개발자를 나누는 절대조건이 아니다. 필요한 것 + 디자인 패턴, 아키텍쳐, 테스팅, 빌드, 성능, 보안, 최적화 등등 + 프로그래밍 실력 코딩은 컴퓨터를 이해시키기 위함 이지만 그것을 작성하고 테스트 하는 것은 개발자인 사람이 하는 것이기 때문에 다른 사람들도 이해할 수 있게 코드를 가독성있고 효율있게 짜야한다. + 소통능력 혼자서만 잘하는 개발자는 외롭고 힘들다 하지만, 협업을 하는 개발자는 힘들지 않다 그러기 위해서는 소통능력이 중요하다, 이또한 인간관계이기에 처세술이나 배려가 필요하다 주니어 개발자 비교적 개발 경험이 적은 개발자 동작만 하는 코드를 작성하는 개발자 협업에 능숙하지 않다. 시니어 개발자 직관적이고 바보같은 코드를 작성한다. KISS 원칙 : Kee..
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:::..
IDE에서 도움을 받도록 설정하는 기본적인 설정파일 프로젝트의 최상위 경로(package.json이 있는 경로)에 jsconfig.json 파일을 생성한다. import를 위한 절대경로 Path설정 { "compilerOptions": { "baseUrl": "src" }, "include": ["src"] } // 이렇게 절대경로로 접근이 가능하다 import App from 'src/components/App' // 그전에는 // 이런식으로 상대경로로 접근했다 import App from '../../src/components/App'
- 도메인
- NextJS
- Next
- 프론트엔드
- CSR
- 성능최적화
- 브라우저
- 노션
- lazyloading
- 실용주의 프로그래머
- SSR
- SSG
- IP
- editor
- s3
- 웹 접근성
- styled component
- HTTP
- 철학
- 선언적 프로그래밍
- https
- Next.js
- React
- base64
- Proxy
- Typescript
- 궁금증
- Section
- server
- toast
- Total
- Today
- Yesterday
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |