영원히 흘러가는 강

많은 분들이 NEXT js에서 react-quill 사용하려 노력하신 결과로 아래의 코드는 많이 있을테니 간단히 설명하고 넘어가기~ 변경전 import ReactQuill from 'react-quill' 변경후 const ReactQuill = dynamic(() => import("react-quill"), { ssr: false, }); next js에서 제공하는 dynamic import 활용하여 빌드타임이 아닌 런타임에 불러오도록 함 이제 문제는 그안에 Quill도 어떻게 가져오는지 그리고 안에서 어떻게 Quill에 저장하여 사용하는지 인거 같다 많이 찾아봤지만... 그어떠한 것도 확실한 답이 되지 않았다... 나도 더 찾아보고 수정해봤지만 나의 경우를 설명해보려한다.!! import dynam..

{children} 내부에 값을 내려주고 싶은 상황이 있어 찾아보다가 cloneElement() 가 있어서 확인 및 정리해보고자 작성해본다 React 에서의 cloneElement() 에 대한 설명이다. React.cloneElement(element,[config],[...children]) element를 기준으로 새로운 React 엘리먼트를 복사하고 반환합니다. config는 key와 ref 그리고 모든 새로운 props를 포함합니다. 새로운 엘리먼트에는 원본 엘리먼트가 가졌던 props가 새로운 props와 얕게 합쳐진 뒤 주어집니다. 새로운 자식들은 기존의 자식들을 대체합니다. config에 key와 ref가 없다면 원본 엘리먼트의 key와 ref는 그대로 유지됩니다. 아래의 구문과 동일하다고 ..

크롤링 처음 해보는데 처음이라 그런지 어렵다.. 아래는 Delenium + BeautifulDoup + ChromeDriverManager import time from selenium import webdriver import csv import pandas as pd from bs4 import BeautifulSoup as bs from webdriver_manager.chrome import ChromeDriverManager from selenium.webdriver.common.by import By total_list=["제목","작성시간","조회"] f=open('crawl.csv','w',encoding="utf-8",newline='') wr=csv.writer(f) wr.writero..

css 미디어 쿼리처럼 js에서도 사용할수 있다 window.matchMedia("(min-width: 400px)").matches

회사에서 EC2 관련하여 세팅을 진행하게 되어 EC2 세팅 및 관련하여 찾아보고 테스트 설정을 해본 경험을 남긴 글이다.! 일단 EC2란 무엇인지 알아보자면 Amazon Elastic Compute Cloud(Amazon EC2)는 Amazon Web Services(AWS) 클라우드에서 확장 가능 컴퓨팅 용량을 제공합니다. Amazon EC2를 사용하면 하드웨어에 선투자할 필요가 없어 더 빠르게 애플리케이션을 개발하고 배포할 수 있습니다. Amazon EC2를 사용하여 원하는 수의 가상 서버를 구축하고 보안 및 네트워킹을 구성하며 스토리지를 관리할 수 있습니다. Amazon EC2에서는 확장 또는 축소를 통해 요구 사항 변경 또는 사용량 스파이크를 처리할 수 있으므로 트래픽을 예측할 필요성이 줄어듭니다..

1. 타입스크립트는 자바스크립트의 상위집합. 타입 체커를 통과하면서도 런타임 오류를 발생시키는 코드는 충분히 존재 자바스크립트에서 허용되지만 타입스크립트에서는 문제가 되는 경우도 존재 2. 자바스크립트 프로젝트를 타입스크립트로 전환하는게 아니라면 noImplicitAny 설정하는게 좋음 "undefined는 객체가 아닙니다 "같은 런타임 오류 방지하기 위해 strictNullChecks 설정하는게 좋음 엄격 체크를 하고 싶다면 strict 설정 고려 3. 타입스크립트 타입은 런타임 동작이나 성능에 영향을 주지 않음 타입 오류가 존재하더라도 코드생성 가능 타입과 런타임 동작 무관하여 오버로딩 불가능 4. js 는 덕 타이핑 기반 따라서 타입스크립트 또한 덕 타이핑 기반 덕타이핑은 따로 정리 5. any 타..

cypress에서 cross-origin 즉 CORS 에러가 난다면 cypress.json 에 "chromeWebSecurity": false 추가하면 에러 해결

base url 까지 넣고 yarn cypress open 해서 왜 base url 연결이 안되어 있지 했던 나.. 생각해보니 당연히 E to E 면 연결점을 줬어야하는데.. vsc 로 터미널 분할해서 local 실행시키고 타 터미널로 yarn cypress open 실행시키니 잘된다.. 하하하하하하하핳 😂

소스트리에서 reset head^ 즉 가장 최신의 커밋을 삭제하고 싶은 경우가 있다 삭제하고 싶은 커밋의 이전 커밋 에 오른쪽 마우스 클릭하여 xxx를 이 커밋으로 초기화 라는 버튼 클릭 설정값에서 soft, mixed, hard 를 만나게 되는데 soft : 모든 로컬 변경사항 유지 mixed : index에 올라온 수정사항 취소 , working tree에 올라온 수정사항 보존 hard: 모든 작업 상태 내 변경 사항을 버림 + @ 로 타 브랜치에 붙이고 싶다면 타 브랜치를 로컬 폐기처리 안하고 넘어가면 타 브랜치에 수정사항 붙음

ts . 2786 위 제목과 같은 오류 발생시 괄호 잘 닫혔는지 확인하기 혹은 retrun 안에서 map 사용시에 { } 사용하기