본문 바로가기

분류 전체보기542

배열 합치기, 배열 중복 제거하기 var merged = checkItems.concat(temp); // 기존 배열 + 추가 배열 합치기 var unique = merged.filter((item, pos) => merged.indexOf(item) === pos); //중복제거 2023. 9. 5.
[노원역 국밥 맛집] 멀어도 국밥은 하계 신의주순댓국 하계 맛집 순댓국 맛집 신의주 찹쌀순대 는 체인이라 이곳저곳 많이 보인다. 청담 신의주 찹쌀순대는 이름은 같고 체인은 아닌데 근처 어른들의 나이트도 있고 옌예인들도 많이 살아서 스케줄 끝난 연예인들이나, 부킹 한따까리 떙기신 어른들이 자주 찾는다. 대신 서민음식이라 믿었던 순댓국이 15000원이다. 순댓국 먹으러 2이 가고 사이드 하나시키면 술안먹어도 5만원이 나와버리는 매직 TMI끝 청담신의주도 맛있지만 예전부터 남편이 데리고가던 하계 신의주순댓국집이 근본이다. 이곳은 평일이든 주말이든 항상 사람이 많다. 왜 많을까? 맛있으니까. 자 밑반찬 사진 나간다. 한국인이라면 당연한 듯한 반찬 그치만 주방장님이 솜씨가 있으시다. 남편 =정식 나 = 한그릇 정식을 주문하면 나오는 순대머릿고기 다. 전라도 사람들은.. 2023. 9. 4.
[대시보드] amcharts 라이브러리 사용 리액트 Pie 차트 amcharts 로 차트를 생성하는 코드이다. amcharts 중 버전 5 사용 amcharts 를 install 하고 import 해준다. import * as am5 from "@amcharts/amcharts5"; import * as am5percent from "@amcharts/amcharts5/percent"; import am5themes_Animated from "@amcharts/amcharts5/themes/Animated"; 데이터 구조 let data = { {category : '기억' , value : 1 } , {category : '니은' , value : 1 } , {category : '디귿' , value : 1 } , .... .... {category : '히읏' .. 2023. 8. 30.
[명동교자] 명동은 명동교자먹으러 가는곳이다. 그렇다 명동교자 명동 근본 맛집 명동 방문 필수 식당 명동 교자는 워낙 유명하다. 난 본점만 간다. 근본은 본점이다, 이날은 신세계에서 가방을 보러 갔던날이다. 돈을 준데도 가방을 못사는 이런 상황 기분이 상했지만 명동교자 한그릇이면 화가 풀린다. 이것은 근본이다. 무슨 말이 필요한가. 명동교자는 늘 사람이 많다 = 장사가 잘된다 = 맛있다. 칼국수 최강 맛집이라 감히 말하겠다. 사실 맛집 추천할것도 없다 그냥 자랑하고싶어서 올려본다. 명동 길거리에서 이상한거 사드시지말고 명동교자 방문 하시길 감히 추천해본다. 주차 불가 맛 최강맛집 가격 괜찮은편 재방문의사 O 2023. 8. 29.
[대시보드] amcharts 라이브러리 사용 리액트 Bar 차트 amcharts 로 차트를 생성하는 코드이다. amcharts 중 버전 5 사용 amcharts 를 install 하고 import 해준다. import * as am5 from "@amcharts/amcharts5"; import * as am5xy from "@amcharts/amcharts5/xy"; import am5themes_Animated from "@amcharts/amcharts5/themes/Animated"; 데이터 구조 let data = { {category : '기억' , value : 1 } , {category : '니은' , value : 1 } , {category : '디귿' , value : 1 } , .... .... {category : '히읏' , value : .. 2023. 8. 27.
[포천 맛집] 은빛호수 계곡 닭백숙 갬성 발담그고 닭백숙 먹기 여름 휴가 국룰 포천 맛집 서울 근교 계곡 맛집 은빛 호수 서울 근교 에 계곡 갬성 오지는곳을 발견했다 계곡에 발담그고 백숙먹으며 더위를 이겨내기에 최고의 장소 방문 은 2022년 (작년)에 했다. 포스팅이 늦었다는건 내가 게으르다는것 예약은 필수 *** 예약하고 도착해서 자리를 안내받았다. 4명이 방문했다 (시어머니를 모시고 갔던 날) 도착해서 자리를 안내받고 닭백숙 + 닭도리탕을 주문했다. 재빠르진않고 계곡 식당이 그러하듯 천천히 찬 세팅이 되었다. 그래도 찬도 이쁘게 종류별로 많이 나오고 신경 많이 쓴 느낌 양이 너무 많을 꺼같은데 내 남편의 신념이 너무 강했다. "모자른것보다 남기는게 낫다." 작은 백숙아니고 토종닭이다. 굉장히 크고 부드럽진않다. 백숙이 부드럽지않다 해서 맛없다는 뜻은 아니다. 맛은 있음 계곡이.. 2023. 8. 25.
ReactQuill 리액트 글쓰기 에디터 이미지 드롭하여 삽입하기 ReactQuill 을 사용하면서 기본만 사용하기엔 불편한 부분들이 많다. 정말 쉬운 작업으로 이미지를 드롭하여 인서트 할수 있는 기능을 소개한다. import ReactQuill , {Quill} from "react-quill" import '../../assets/css/quill.snow.css' import { ImageDrop } from "quill-image-drop-module"; Quill.register("modules/imageDrop", ImageDrop); const modules = useMemo(()=>{ return { // table: true, // tableUI: true, toolbar: { container: toolbarOptions, }, // ImageResi.. 2023. 8. 14.
react-quill 리액트 글쓰기 에디터 이미지 서버에 저장후 url 연결 하기 [base64 문제 해결 too large data] react-quill을 사용해서 글 내에 이미지를 삽입하면 자동으로 base64변환해서 사이즈가 커진다. 이미지 핸들러를 이용하여 이미지를 서버나 클라우드에 저장하고 url을 사용하여 String으로 저장되는 contents의 크기를 줄이기로했다. import React, { useEffect, useMemo, useRef, useState } from "react" import ReactQuill , {Quill} from "react-quill" import '../../assets/css/quill.snow.css' quill 을 사용할떄 필요한 기본 들만 임포트 해줘도 충분하다. const quillRef = useRef(null); useEffect(() => { const quill = qui.. 2023. 8. 11.
리액트 글쓰기 라이브러리 사용 해서 에디터 만들기 react-quill 에디터 이미지 파일 리사이즈 react-quill 은 리액트에디터 라이브러리중 하나이다 여러개의 에디터 라이브러리가 있지만 사실상 리액트에디터 라이브러리중 유일하게 한국어를 지원하는 라이브러리 이기 때문에 유일하게 사용가능 하다. (2023년기준) 여러 모듈도 지원하고 라이브러리 사용이 간편하다. 이미지 추가시, base64 로 변황되어 String값으로 들어간다 에디터 (이미지 리사이즈 없이) 기본 코드 import React, { useState } from "react" import ReactQuill from "react-quill" import '../../assets/css/quill.snow.css' function Reactquill({id, value, setVlaue, isDisable}) { const modul.. 2023. 8. 10.
728x90
반응형

티스토리툴바