본문 바로가기

분류 전체보기

 (334)
nestjs emotion 적용안되는 이슈 해결 emotion 실행이 안돼서 이리저리 구글링해서 알아보니, 의존성으로 설치해야하는 plugin이 추가로 있는것 같아 추가하였다. 더불어 tsconfig도 옵션을 추가하였다. //package.json "dependencies": { "@emotion/babel-plugin": "^11.11.0", "@emotion/babel-preset-css-prop": "^11.11.0", "@emotion/react": "^11.11.0", "@emotion/styled": "^11.11.0", //tsconfig.json "jsxImportSource": "@emotion/react", "paths": { "@/*": ["./src/*"] } //실행되는 component import { css } from "@..
'{ children: Element[]; css: SerializedStyles; }' 형식은 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>' 형식에 할당할 수 없습니다. 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>' 형식에 'css' 속.. nextjs emotion 적용시 에러 => tsconfig 설정 추가 후 해결 import { css } from "@emotion/react"; [...] [...] //tsconfig.json { "compilerOptions": { [...] "types": ["@emotion/react/types/css-prop"], // "paths": { "@/*": ["./src/*"] } }, [...] }
npm ERR! Cannot read properties of null (reading 'edgesOut') styled-components install 시 상단과 같은 에러가 뜸 => npm 최신버전으로 설치> npm 캐쉬 삭제 > node_modules , package-lock.json 삭제후 재 설치 해도 동일 에러가 뜸 => npm i styled-components --force 해도 동일 에러가 뜸 => npm i styled-components --legacy-peer-deps 해결 (이유는 모르겠음 .. ㅠㅠ)
redux createStore 취소선 그려지는 이유 참고 참고 url: https://velog.io/@gusdh2/redux-createStore-%EC%97%90-%EB%B0%91%EC%A4%84%EC%9D%B4-%EA%B7%B8%EC%97%AC%EC%A7%80%EB%8A%94-%EC%9D%B4%EC%9C%A0%EB%8A%94-%EC%99%9C%EC%9D%BC%EA%B9%8C
key chain (github 인터넷 암호 없어졌을 경우) 추가하는 방법 필자는 github 계정을 두개 쓰고 있어서 git push 시 keychain을 활용하여 git push를 진행하는데, 어느날 갑자기 위 사진에 해당되늰 인터넷 암호 (변경시킬 keychain 값이 들어가는 폼)이 사라졌다. 여러가지 key chain 추가 방법을 뒤져봤지만 따로 답은 나오지 않았다. 어떤 글에서 git push시 다시 생긴다고 하여, 기존 사용하는 계정으로 push 를 진행하니 인터넷암호가 다시 생성되었다.
bootpay 사용방법관련링크 https://tyrannocoding.tistory.com/10 [JAVA, SPRING, BOOTPAY] 부트페이 연동(WEB,APP) 부트페이란? 부트페이(Bootpay)는 무료로 서비스되는 결제 연동 API입니다. 장점으로는 PG 계약과 상관없이 즉시 개발이 가능하며, 웹, 앱 SDK 모두 지원합니다. 뿐만 아니라 국내외 여러 PG(복수 선택 tyrannocoding.tistory.com 참고링크
<br class="ProseMirror-trailingBreak">로 생기는 toast ui editor 의 br중복 발생 문제 해결 하단 코드는 toast ui Editor 생성후 db에 html코드를 저장하고 , editor창에 불러올때 자동으로 br이 추가 생성되는 이슈에 관련한 해결 코드이다. Toast ui editor는 위즈윅 에디터로, 내부적으로 ProseMirror 라이브러리를 사용하고 있어, 마지막 빈줄을 나타낼때 PromseMirror-trailingBreak 클래스가 추가된 을 자동으로 삽입하여, 중복 된 태그를 만들어 낼수 있다. 이를 해결하기 위해 에 useRef를 연결하여, 저장된 db값을 Editor내부에서 출력해 줄때, 의 부분을 로 변경해주면 문제가 해결된다. import React, { useRef } from "react"; import { Editor } from "@toast-ui/react-edi..
macbook 에서 window처럼 폴더 열기 1. terminal 에서 해당 접근 폴더로 접속 > open . 2. finder >왼쪽 환경설정 > 사이드바 > 위치에서 루트폴더 저장

티스토리툴바