반응형

 

my browser randomly changed its search engine to secure search, should I be concerned?

update:(problem has been solved. McAfee was the cause, so I removed it from my computer)

출처: https://www.reddit.com/r/chrome/comments/11norde/my_browser_randomly_changed_its_search_engine_to/?rdt=61227

반응형
저작자표시

'tips' 카테고리의 다른 글

[윈도우즈]화면회전 단축키ctrl+alt+방향키 안된때: 그래픽검색>인텔그래픽제어센터>단축키 설정>근데회전설정이 없음, 재설치하면 된다고 하는데 안해봄  (0) 2024.08.04
작업표시줄 전원끄기버튼 생성: 새로만들기>바로가기> shutdown -s -t 0  (0) 2024.08.03
안드로이드>데이터사용>앱별네트워크 설정 일괄로 모바일 허용허려면 일반>초기화>모바일네트워크 초기화(버전마다 달라서 wifi/mobile/bluetooth한꺼번에만 가능할 수도)  (0) 2024.07.23
구글 동기화 - 크롬 브라우저 프로필 삭제하면 다른기기 재인증해야 로그인되므로 당장 기기가 없으면 프로필 삭제하지 말것  (0) 2024.07.23
[ms office excel] 병합된 셀이 있는 열 삭제하면 에러나거나 오래걸림 그냥 셀을 위로 밀거나 등 처리하는 것이 빠름  (0) 2024.02.27
반응형

엄마폰에서 크롬으로 티스토리 로그인해서 내 블로그글을 수정하려 했으나 글 삭제만 가능하고 수정 및 새글쓰기가 안되는 현상발행

내폰에서 설치한 티스토리 앱에서는 동일한 형식의 스킨이 나오지만 수정이 가능함 - 즉 수정하려면 티스토리 앱을 깔아야 한다는 것?

앱안깔고도 수정가능한 방법 찾아보니 설정>모바일>모바일웹 자동연결 사용안함으로 설정해야 한다고 함

...그래도 안되는것 같았는데 좀있다 다시하니 모바일 자체스킨이 아닌 내가 설정한 스킨으로 나오고 수정도 가능(근데 수정화면이 모바일용이 아니라 너무 작긴했으나 작동은 함)

근데 노트북에서 symn.tistory.com/m 들어가니 모바일 자체 스킨이 나옴,,, 결국 뭘해도 symn.tistory.com/m은 자체 스킨으로만 나오고 자체 스킨 아닌 내가 설정한 스킨 나오게 하려면 symn.tistory.com로 들어가야함

반응형
저작자표시

'etc' 카테고리의 다른 글

[tistory]스킨 참고 - 긴 메뉴스타일,로그인/로그아웃 버튼 등  (0) 2024.01.11
공부할 것들과 사이드 프로젝트 아이디어  (0) 2023.07.22
대기업 vs 스타트업 (둘다 다녀본 결과, 매우 개인적인 비교)  (0) 2023.07.22
tistory 댓글에 이미지추가하기 - 미넴스킨 사용  (0) 2023.07.12
티스토리 맨위로 맨아래로 버튼 생성  (0) 2023.06.06
반응형

단축키 비활성화 되어 있었음

https://motivation.tistory.com/1196

 

화면회전 단축키가 동작하지 않을때...

INTEL 내장그래픽 가로 방향의 모니터를 90도 회전하여 세로로 세웠을때, 화면의 방향도 돌려야 하는데 ▲ 설정 > 시스템 > 디스플레이 > 디스플레이 방향... 에서 가로를 세로로 바꿔주어도 되지만

motivation.tistory.com

 

반응형
저작자표시

'tips' 카테고리의 다른 글

secure search로 chrome 검색엔진 자동세팅되는문제 - McAfee(맥아피)  (5) 2024.10.28
작업표시줄 전원끄기버튼 생성: 새로만들기>바로가기> shutdown -s -t 0  (0) 2024.08.03
안드로이드>데이터사용>앱별네트워크 설정 일괄로 모바일 허용허려면 일반>초기화>모바일네트워크 초기화(버전마다 달라서 wifi/mobile/bluetooth한꺼번에만 가능할 수도)  (0) 2024.07.23
구글 동기화 - 크롬 브라우저 프로필 삭제하면 다른기기 재인증해야 로그인되므로 당장 기기가 없으면 프로필 삭제하지 말것  (0) 2024.07.23
[ms office excel] 병합된 셀이 있는 열 삭제하면 에러나거나 오래걸림 그냥 셀을 위로 밀거나 등 처리하는 것이 빠름  (0) 2024.02.27
반응형

https://blog.naver.com/ehy744/222982357430

 

윈도우 원클릭 전원끄기 버튼 만들기 작업표시줄 설정

안녕하세요 선불 이야기 호야입니다 오늘은 마우스 클릭 한 번으로 컴퓨터 전원을 끌 수 있는 방법을 포스...

blog.naver.com

 

반응형
저작자표시

'tips' 카테고리의 다른 글

secure search로 chrome 검색엔진 자동세팅되는문제 - McAfee(맥아피)  (5) 2024.10.28
[윈도우즈]화면회전 단축키ctrl+alt+방향키 안된때: 그래픽검색>인텔그래픽제어센터>단축키 설정>근데회전설정이 없음, 재설치하면 된다고 하는데 안해봄  (0) 2024.08.04
안드로이드>데이터사용>앱별네트워크 설정 일괄로 모바일 허용허려면 일반>초기화>모바일네트워크 초기화(버전마다 달라서 wifi/mobile/bluetooth한꺼번에만 가능할 수도)  (0) 2024.07.23
구글 동기화 - 크롬 브라우저 프로필 삭제하면 다른기기 재인증해야 로그인되므로 당장 기기가 없으면 프로필 삭제하지 말것  (0) 2024.07.23
[ms office excel] 병합된 셀이 있는 열 삭제하면 에러나거나 오래걸림 그냥 셀을 위로 밀거나 등 처리하는 것이 빠름  (0) 2024.02.27
반응형

s20fe는 초기화 메뉴 위치도 일반이 아닌 계정및 동기화에 있고 네트워크 설정 초기화라고 해서 wifi/mobile/bluetooth한꺼번에만 초기화 가능 - 불편함

반응형
저작자표시

'tips' 카테고리의 다른 글

[윈도우즈]화면회전 단축키ctrl+alt+방향키 안된때: 그래픽검색>인텔그래픽제어센터>단축키 설정>근데회전설정이 없음, 재설치하면 된다고 하는데 안해봄  (0) 2024.08.04
작업표시줄 전원끄기버튼 생성: 새로만들기>바로가기> shutdown -s -t 0  (0) 2024.08.03
구글 동기화 - 크롬 브라우저 프로필 삭제하면 다른기기 재인증해야 로그인되므로 당장 기기가 없으면 프로필 삭제하지 말것  (0) 2024.07.23
[ms office excel] 병합된 셀이 있는 열 삭제하면 에러나거나 오래걸림 그냥 셀을 위로 밀거나 등 처리하는 것이 빠름  (0) 2024.02.27
[Windows] 설정 > 디스플레이 > 야간모드 설정(블루라이트차단)  (0) 2024.02.01
반응형

반응형
저작자표시

'tips' 카테고리의 다른 글

작업표시줄 전원끄기버튼 생성: 새로만들기>바로가기> shutdown -s -t 0  (0) 2024.08.03
안드로이드>데이터사용>앱별네트워크 설정 일괄로 모바일 허용허려면 일반>초기화>모바일네트워크 초기화(버전마다 달라서 wifi/mobile/bluetooth한꺼번에만 가능할 수도)  (0) 2024.07.23
[ms office excel] 병합된 셀이 있는 열 삭제하면 에러나거나 오래걸림 그냥 셀을 위로 밀거나 등 처리하는 것이 빠름  (0) 2024.02.27
[Windows] 설정 > 디스플레이 > 야간모드 설정(블루라이트차단)  (0) 2024.02.01
작업표시줄 요일추가: 제어판>시계및국가>국가또는지역>추가설정>날짜-간단한날짜 설정변경-[Windows7]날짜에 요일추가 '('ddd')'붙이기 [Windows11]dddd붙이기  (0) 2024.01.01
반응형

eiSettings

import { useForm } from "react-hook-form";
  const { setValue, handleSubmit, control } = useForm({ mode: "all", reValidateMode: "onChange", defaultValues: { groups: [] } });
 setValue("groups", []);
        const date = searchDate === "undefined" ? "" : searchDate;
        setIsLoading(true);
        const origin = await request({ ...getEiSet, body: { corporationCode: userStore.user?.corporationCode, searchDate: date, centerType, evType: codes[centerType][evType] } });
        const data = origin?.settings?.length ? origin.settings.map((item) => (item.divisions ? item : { ...item, divisions: getDefaultValue(centerType, evType).divisions })) : [getDefaultValue(centerType, evType)];
        setApplyDate({ month: origin?.baseMonth ? moment(origin.baseMonth).format("YYYY.MM") : "undefined", start: origin?.startDay ? moment(origin.startDay).format("YYYY.MM.DD") : "", end: origin?.endDay ? moment(origin.endDay).format("YYYY.MM.DD") : "" });
        if (origin?.baseMonth) setSearchDate(moment(origin.baseMonth).format("YYYY-MM"));
        setOverIncentiveVolume(origin?.overIncentiveVolume);
        setOverIncentiveVal(origin?.overIncentiveVal);
        let levelObj = {};
        origin?.levelSetting?.forEach((n) => (levelObj[n.levelCode] = n.levelIncentiveVal));
        setLevels(levelObj);
        setValue("groups", data);
반응형
저작자표시
반응형

https://developer.mozilla.org/en-US/docs/Web/CSS/word-break

 

반응형
저작자표시

'html, css' 카테고리의 다른 글

table <td rowspan="2"> 2row를, <td colspan="2"> 2column을 차지한다는 얘기  (0) 2024.06.18
style={{width: undefined}} 이면 css 반영안됨  (0) 2024.06.18
.required:after { content:" *"; color: red; }  (0) 2024.06.04
정렬문제 간단히 display:flex, align-items:center로 해결  (0) 2024.05.30
error message 노출가능한 input은 errorText는 고정시키고{visibility:error?'visible','hidden'}로 조정해야함, 그냥 text없이 <div/>가 되면 height=0되고, display:none이용하면 tag자체가 없어져 화면이 번쩍이게 됨  (0) 2024.05.07
반응형

var(--LG-Red)

src/scss/mobilecommon.scss

 

https://www.w3schools.com/css/css3_variables.asp

 

 

variables.scss, $변수를 사용할 수도 있음

$primary-color-red: #bb0841;
$primary-color-red-hover: #82072e;
$primary-color-grey: #323232;

$secondary-color-gery: #fbfbfb;
$border-color-gery: #d5d5d5;
$border-color-deep: #cccccc;
$hover-color-pink: #faf1f4;
$board-color-grey: #f6f6f6;
$board-color-txt: #5f5f5f;
$backgorund-color-grey: #888888;
$line-color-grey: #d8d8d8;
$btn-color-pink: #ed5c7d;
$btn-color-grey: #828282;

$txt-color-edit: #2468c4;
$txt-color-content: #666666;

$chart-color-pink: #faf1f4;
$chart-color-grey: #d7d7d7;
 
$primary-color-grey: #f4f4f4;
$primary-color-black: #262626;
$primary-color-red: #a50034;
$primary-color-pink: #fff8fb;

$LG-Red: #a50034;
$Mid1-Red: #c5597b;
$Mid2-Red: #d2809a;
$Light1-Red: #ffedf3;
$Dark-Mid2-Red: #7c0328;
$White: #ffffff;
$Dark-Gray1: #333333;
$Dark-Gray2: #262626;
$Dark-Gray3: #1a1a1a;
$Mid-Gray1: #cbc8c2;
$Mid-Gray2: #7e7c77;
$Mid-Gray3: #4a4946;
$Light-Gray1: #f6f3eb;
$Light-Gray2: #f0ece4;
$Light-Gray3: #e6e1d6;
$Light-Gray-BG: #f4f4f4;
$Light-Pink-BG: #fff8fb;
$Light-Linen-BG: #ffece2;
$Light-Red-BG: #fde8e8;
$Light-Yellow-BG: #fff4d6;
$Light-Green-BG: #e9f2e5;
$Orange-Point: #ce3c0b;
$Brown-Point: #9c6800;
$Active-Red: #ea1917;
$Green: #287d00;

common.scss

:root {
  --primary-color-red: #{$primary-color-red};
  --primary-color-red-hover: #{$primary-color-red-hover};
  --primary-color-grey: #{$primary-color-grey};

  --secondary-color-gery: #{$secondary-color-gery};
  --border-color-gery: #{$border-color-gery};
  --border-color-deep: #{$border-color-deep};
  --hover-color-pink: #{$hover-color-pink};
  --board-color-grey: #{$board-color-grey};
  --backgorund-color-grey: #{$backgorund-color-grey};
  --line-color-grey: #{$line-color-grey};

  --txt-color-edit: #{$txt-color-edit};
  --txt-color-content: #{$txt-color-content};

  --chart-color-pink: #{$chart-color-pink};
  --chart-color-grey: #{$chart-color-grey};

  --LG-Red: #{$LG-Red};
  --Mid1-Red: #{$Mid1-Red};
  --Mid2-Red: #{$Mid2-Red};
  --Light1-Red: #{$Light1-Red};
  --Dark-Mid2-Red: #{$Dark-Mid2-Red};
  --White: #{$White};
  --Dark-Gray1: #{$Dark-Gray1};
  --Dark-Gray2: #{$Dark-Gray2};
  --Dark-Gray3: #{$Dark-Gray3};
  --Mid-Gray1: #{$Mid-Gray1};
  --Mid-Gray2: #{$Mid-Gray2};
  --Mid-Gray3: #{$Mid-Gray3};
  --Light-Gray1: #{$Light-Gray1};
  --Light-Gray2: #{$Light-Gray2};
  --Light-Gray3: #{$Light-Gray3};
  --Light-Gray-BG: #{$Light-Gray-BG};
  --Light-Pink-BG: #{$Light-Pink-BG};
  --Light-Linen-BG: #{$Light-Linen-BG};
  --Light-Red-BG: #{$Light-Red-BG};
  --Light-Yellow-BG: #{$Light-Yellow-BG};
  --Light-Green-BG: #{$Light-Green-BG};
  --Orange-Point: #{$Orange-Point};
  --Brown-Point: #{$Brown-Point};
  --Active-Red: #{$Active-Red};
  --Green: #{$Green};
}
반응형
저작자표시

'html, css > css color' 카테고리의 다른 글

color: #ffffff(white), #000000(black)  (0) 2024.04.25
color keyword: black, gray=grey, lightgray=lightgrey, gainsboro(A light bluish grey colour, 옅은푸른빛회색)  (0) 2024.04.25
반응형

반응형
저작자표시

'react' 카테고리의 다른 글

explorer, folder tree  (0) 2024.06.20
react createContext, useContext,  (0) 2024.05.17
react map key 설정안해주면 eiSettings + - 제대로 동작안했던듯  (0) 2024.05.14
Promise결과를 받아서 useMemo에 저장후 사용하려 하면 에러남, useState로 저장후에 useEffect로 감지하려고 해도 에러남  (0) 2024.04.08
[페이지전환]react-router-dom<Link> window.href.location history.push()...  (0) 2024.03.27
반응형

    input + input {
      margin-top: 10px;
    }

반응형
저작자표시

'html, css > css selector' 카테고리의 다른 글

.popupModal [class="image"] exact css class match  (0) 2024.06.18
.table { td:nth-child(2n+2) {background-color: var(--Light-Gray-BG);}} 테이블 row 짝수마다 색깔 다르게  (0) 2024.04.19
css selector(#id,.class, 자손,>자식), table tag  (0) 2019.04.19
반응형

input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`

반응형
저작자표시
반응형

https://codesandbox.io/s/explorer-l44v98?file=/index.js

 

Explorer - CodeSandbox

Explorer by fir0j using antd, react, react-dom, react-icons, react-scripts, styled-components

codesandbox.io

 

위 소스는 자식이 2개 이상 있으면 2개가 한꺼번에 오픈되는 에러 있음, 아래는 에러 수정한 버젼

import React, { Fragment, useEffect, useState } from "react";
import { IoMdArrowDropright } from "react-icons/io";
import { MdArrowDropDown } from "react-icons/md";
import styled from "styled-components";

const SelectParent = styled.div`
  padding: 7px 7px;
  background-color: darkblue;
  width: max-content;
  border-radius: 4px;
  margin-top: 4px;
  font-weight: bolder;
  color: white;
  cursor: pointer;
`;

const Selectname = styled.div`
  margin-top: 5px;
  padding: 7px 7px;
  width: fit-content;
  border-radius: 4px;
  cursor: default;
  color: darkblue;
  :hover {
    background-color: #bdbaba3c;
  }
`;

const Explorer = ({ parent = [], onParentClick, onNameClick /*expandOnHover = false*/ }) => {
  const [newData, setNewData] = useState([]);

  useEffect(() => {
    setNewData(parent.map((n) => ({ ...n, expand: false })));
  }, [parent]);

  const handleClickOnParent = (e, data) => {
    e.stopPropagation();
    if (onParentClick && onParentClick instanceof Function) onParentClick(data);

    const clickIdx = newData.findIndex((n) => data.name === n.name);
    const clickItem = newData.find((n) => data.name === n.name);

    setNewData([...newData.slice(0, clickIdx), { ...clickItem, expand: !clickItem.expand }, ...newData.slice(clickIdx + 1, newData.length)]);
  };

  const handleClickOnName = (e, data) => {
    e.stopPropagation();

    if (onNameClick && onNameClick instanceof Function) onNameClick(data);
  };

  return (
    <>
      {newData.map((item) => (
        <Fragment key={item.name}>
          {item.children && item.children.length ? (
            <Fragment /*key={index}*/>
              <SelectParent /*onMouseOver={() => (expandOnHover ? setExpand(true) : {})}*/ onClick={(e) => handleClickOnParent(e, item)}>
                {item.name} <span>{!item.expand ? <IoMdArrowDropright /> : <MdArrowDropDown />} </span>
              </SelectParent>

              {item.expand ? (
                <div style={{ paddingLeft: "1.5rem" }}>
                  <Explorer parent={item.children} onParentClick={onParentClick} onNameClick={onNameClick} /*expandOnHover={expandOnHover}*/ />
                </div>
              ) : null}
            </Fragment>
          ) : (
            <Selectname onClick={(e) => handleClickOnName(e, item)}>{item.name}</Selectname>
          )}
        </Fragment>
      ))}
    </>
  );
};

export default Explorer;
반응형
저작자표시

'react' 카테고리의 다른 글

react agGrid  (0) 2024.06.20
react createContext, useContext,  (0) 2024.05.17
react map key 설정안해주면 eiSettings + - 제대로 동작안했던듯  (0) 2024.05.14
Promise결과를 받아서 useMemo에 저장후 사용하려 하면 에러남, useState로 저장후에 useEffect로 감지하려고 해도 에러남  (0) 2024.04.08
[페이지전환]react-router-dom<Link> window.href.location history.push()...  (0) 2024.03.27
반응형

rowspan 사용예제

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
    <th>Savings for holiday!</th>
  </tr>
  <tr>
    <td rowspan="2">January</td>
    <td>1</td>
    <td>2</td>
  </tr>
  <tr>
    <td>3</td>
    <td>4</td>
  </tr>
  <tr>
    <td rowspan="2">February</td>
    <td>11</td>
    <td>22</td>
  </tr>
  <tr>
    <td>33</td>
    <td>44</td>
  </tr>
</table>

 

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_td_rowspan

 

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_td_colspan

반응형
저작자표시

'html, css' 카테고리의 다른 글

word-break: normal, break-all, keep-all  (0) 2024.06.21
style={{width: undefined}} 이면 css 반영안됨  (0) 2024.06.18
.required:after { content:" *"; color: red; }  (0) 2024.06.04
정렬문제 간단히 display:flex, align-items:center로 해결  (0) 2024.05.30
error message 노출가능한 input은 errorText는 고정시키고{visibility:error?'visible','hidden'}로 조정해야함, 그냥 text없이 <div/>가 되면 height=0되고, display:none이용하면 tag자체가 없어져 화면이 번쩍이게 됨  (0) 2024.05.07
반응형
.popupModal [class="image"] {
    text-align: center;
  }
반응형
저작자표시

'html, css > css selector' 카테고리의 다른 글

두번째 input부터만적용 input + input { margin-top: 10px; }  (0) 2024.06.20
.table { td:nth-child(2n+2) {background-color: var(--Light-Gray-BG);}} 테이블 row 짝수마다 색깔 다르게  (0) 2024.04.19
css selector(#id,.class, 자손,>자식), table tag  (0) 2019.04.19
반응형

 

 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining

반응형
저작자표시

'js > js syntax' 카테고리의 다른 글

(Nullish coalescing??: null,undefined일때만) vs (||: falsy-null,undefined,0,'',NaN..)  (0) 2024.06.18
How to create an array containing 0...N-1: [...Array(N).keys()], Array.from(Array(N).keys())  (0) 2024.04.18
[js regex] /^(?=.*[A-Za-z])(?=.*\d)(?=.*[@$!%*#?&])[A-Za-z\d@$!%*#?&]{8,}$/ 8자리이상 문자,숫자,특수문자 포함  (0) 2024.04.01
[js regex] /^\d{1,7}$/.test('string') 'string'이 1에서7자리 자연수인지 체크 (최대7자리수까지 입력가능하도록 체크)  (0) 2024.04.01
[numberCheck] /^\d+$/.test(확인대상-문자열, 문자열아니면 문자열로 자동변환) Number.isInteger(확인대상-숫자, 그중에서도 정수만 true 1.0도 true)  (0) 2024.04.01
반응형

const a = arg||'default' 주로 이렇게 초기화용도로 쓰는데 0, ''도 정상값일 경우는 ??를 쓰면 됨

 

Nullish coalescing operator

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing

 

Logical or operator

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_OR

 

 

반응형
저작자표시

'js > js syntax' 카테고리의 다른 글

Optional chaining (?.)  (0) 2024.06.18
How to create an array containing 0...N-1: [...Array(N).keys()], Array.from(Array(N).keys())  (0) 2024.04.18
[js regex] /^(?=.*[A-Za-z])(?=.*\d)(?=.*[@$!%*#?&])[A-Za-z\d@$!%*#?&]{8,}$/ 8자리이상 문자,숫자,특수문자 포함  (0) 2024.04.01
[js regex] /^\d{1,7}$/.test('string') 'string'이 1에서7자리 자연수인지 체크 (최대7자리수까지 입력가능하도록 체크)  (0) 2024.04.01
[numberCheck] /^\d+$/.test(확인대상-문자열, 문자열아니면 문자열로 자동변환) Number.isInteger(확인대상-숫자, 그중에서도 정수만 true 1.0도 true)  (0) 2024.04.01
반응형

style={{width: n.position?.width||'100%'}} 로 구지 안해도 style={{width: n.position?.width}} 만 하면 됨, n.position이 null이면 n.position?.width는 undefined가 되므로

반응형
저작자표시

'html, css' 카테고리의 다른 글

word-break: normal, break-all, keep-all  (0) 2024.06.21
table <td rowspan="2"> 2row를, <td colspan="2"> 2column을 차지한다는 얘기  (0) 2024.06.18
.required:after { content:" *"; color: red; }  (0) 2024.06.04
정렬문제 간단히 display:flex, align-items:center로 해결  (0) 2024.05.30
error message 노출가능한 input은 errorText는 고정시키고{visibility:error?'visible','hidden'}로 조정해야함, 그냥 text없이 <div/>가 되면 height=0되고, display:none이용하면 tag자체가 없어져 화면이 번쩍이게 됨  (0) 2024.05.07
반응형

TypeError: Cannot convert undefined or null to object
    at Function.keys (<anonymous>)
    at editorwatchdog.js:179:1
    at async u._initializeEditor (index.js:5:4518)
    at async u.componentDidMount (index.js:5:3736) {phase: 'initialization', willEditorRestart: false}phase: "initialization"willEditorRestart: false[[Prototype]]: Object
(anonymous) @ index.js:5
Promise.catch (async)
_initializeEditor @ index.js:5
await in _initializeEditor (async)
componentDidMount @ index.js:5
commitLayoutEffectOnFiber @ react-dohttp://m.development.js:23349
commitLayoutMountEffects_complete @ react-dohttp://m.development.js:24727
commitLayoutEffects_begin @ react-dohttp://m.development.js:24713
commitLayoutEffects_begin @ react-dohttp://m.development.js:24695
commitLayoutEffects @ react-dohttp://m.development.js:24651
commitRootImpl @ react-dohttp://m.development.js:26862
commitRoot @ react-dohttp://m.development.js:26721
performSyncWorkOnRoot @ react-dohttp://m.development.js:26156
flushSyncCallbacks @ react-dohttp://m.development.js:12042
(anonymous) @ react-dohttp://m.development.js:25690
Show 13 more frames
Show less

 

 

Cannot read properties of null (reading 'model') TypeError: Cannot read properties of null (reading 'model') at http://localhost:3000/app.2d361dd0ad882d7da2b1.min.js:289211:20

 

 

 

https://github.com/ckeditor/ckeditor5-react/issues/442

 

TypeError: Cannot read properties of null (reading 'model') · Issue #442 · ckeditor/ckeditor5-react

I'm trying to implement CKEditor 5 to my Nextjs project using this guide: https://ckeditor.com/docs/ckeditor5/latest/installation/integrations/next-js.html However when I try to run the webpage sho...

github.com

 

반응형
저작자표시
반응형

import { parse } from "node-html-parser";
dangerouslySetInnerHTML={{ __html: parse(n.content)?.toString() }} 원래 소스에는 parse를 적용했는데 안해도 나왔음

반응형
저작자표시
반응형

react-dom.development.js:86 Warning: A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components

 

 

react-dom.development.js:86 Warning: `value` prop on `input` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.

반응형
저작자표시
반응형

서버에 올리면 onLoad, onError event 둘다 안탈때가 있음 왜그런지는?

반응형
저작자표시

'web, ui > file, image' 카테고리의 다른 글

로컬이미지를 서버로 보내지 않고 frontend화면에 보여주는 법: URL.createObjectURL(file), URL.revokeObjectURL(URL.createObjectURL(file))  (0) 2024.02.28
[파일업로드시 너무 클 때] 413 Request Entity Too Large -chunk분리  (0) 2024.01.22
image upload 부분 구현  (0) 2022.08.22
click시 file download되도록 <a download='fileName'.../>  (0) 2022.08.22
get the file size of an image from url and displayed in an <img>  (0) 2022.06.10
반응형

반응형
저작자표시
반응형

 

<label class="required">Name:</label>
<input type="text">

<style>
  .required:after {
    content:" *";
    color: red;
  }
</style>

https://stackoverflow.com/questions/11197671/use-css-to-automatically-add-required-field-asterisk-to-form-inputs

반응형
저작자표시

'html, css' 카테고리의 다른 글

table <td rowspan="2"> 2row를, <td colspan="2"> 2column을 차지한다는 얘기  (0) 2024.06.18
style={{width: undefined}} 이면 css 반영안됨  (0) 2024.06.18
정렬문제 간단히 display:flex, align-items:center로 해결  (0) 2024.05.30
error message 노출가능한 input은 errorText는 고정시키고{visibility:error?'visible','hidden'}로 조정해야함, 그냥 text없이 <div/>가 되면 height=0되고, display:none이용하면 tag자체가 없어져 화면이 번쩍이게 됨  (0) 2024.05.07
display:block에서 정렬이 들쑥날쑥해지는 이유 - text baseline을 기준으로 정렬되기 때문 - vertial-align: text-top으로 해결가능  (0) 2024.04.26
반응형

 

{route.path === "/board/viewimage" && (
              <>
                <meta name="viewport" content="initial-scale=1,width=device-width,user-scalable=1" />
              </>
            )}

반응형
저작자표시
반응형

반응형
저작자표시

'html, css' 카테고리의 다른 글

style={{width: undefined}} 이면 css 반영안됨  (0) 2024.06.18
.required:after { content:" *"; color: red; }  (0) 2024.06.04
error message 노출가능한 input은 errorText는 고정시키고{visibility:error?'visible','hidden'}로 조정해야함, 그냥 text없이 <div/>가 되면 height=0되고, display:none이용하면 tag자체가 없어져 화면이 번쩍이게 됨  (0) 2024.05.07
display:block에서 정렬이 들쑥날쑥해지는 이유 - text baseline을 기준으로 정렬되기 때문 - vertial-align: text-top으로 해결가능  (0) 2024.04.26
css position: sideBar overlap error  (0) 2024.04.25
반응형

 

TypeError: Cannot convert undefined or null to object
    at Function.keys (<anonymous>)
    at editorwatchdog.js:179:1
    at async u._initializeEditor (index.js:5:4518)
    at async u.componentDidMount (index.js:5:3736) {phase: 'initialization', willEditorRestart: false}

 
TypeError: Cannot read properties of null (reading 'model') at editorwatchdog.js:228:1

 

반응형
저작자표시
반응형

context 생성: import { createContext } from "react"

import { createContext } from "react";

// 기본값으로는 null을 넣어준다.
export const ThemeContext = createContext(null);

context 연결 <ThemeContext.Provider value={{ isDark, setIsDark }}>

import { useState } from "react";
import "./App.css";
import Page from "./Compopnents/Page";
import { ThemeContext } from "./context/ThemeContext";

function App() {
  const [isDark, setIsDark] = useState(false);

  return (
    // 📌
    <ThemeContext.Provider value={{ isDark, setIsDark }}>
      <Page />
    </ThemeContext.Provider>
  );
}
export default App;

 

context 사용 & 변경

  • import { useContext } from "react"
  • const { isDark, setIsDark } = useContext(ThemeContext);이때 setIsDark 콜하면 전체화면 refresh됨
import { useContext } from "react";
 // 📌 
import { ThemeContext } from "../context/ThemeContext";

const Header = () => {
  // 📌 
  const { isDark, setIsDark } = useContext(ThemeContext);////////////////////////
  return (
    <header
      className="header"
      style={{
        backgroundColor: isDark ? "black" : "lightgray",
        color: isDark ? "white" : "black",
      }}
    >
      <h1>Welcome 홍길동!</h1>
    </header>
  );
};

export default Header;

 

context를 가장 상위에서 불러와서 쓰기 때문에 전체 화면 refresh되는 것인지?

context를 state전용, dispatch전용으로 나누어써야 불필요한 렌더링 막을수 있다고 하는 예제https://velog.io/@shin6403/React-ContextAPI-%EC%9D%B4%EB%A0%87%EA%B2%8C-%EC%8D%A8%EB%B3%B4%EC%9E%90

 

[React] ContextAPI 이렇게 써보자

어느날 구글링을 하다가 어떠한 글을 보았다.Context API는 왜 안쓰나요?ContextAPI를 쓰는 글쓴이에게 굉장히 관심이 가는 글이었고, 내용을 결론은 소규모 프로젝트에서는 ContextAPI가 좋지만 성능 때

velog.io

useReducer, useCallback, memo등을 같이 사용하고 있음

반응형
저작자표시

'react' 카테고리의 다른 글

react agGrid  (0) 2024.06.20
explorer, folder tree  (0) 2024.06.20
react map key 설정안해주면 eiSettings + - 제대로 동작안했던듯  (0) 2024.05.14
Promise결과를 받아서 useMemo에 저장후 사용하려 하면 에러남, useState로 저장후에 useEffect로 감지하려고 해도 에러남  (0) 2024.04.08
[페이지전환]react-router-dom<Link> window.href.location history.push()...  (0) 2024.03.27
반응형

처음 적용하고 됐는데 새 컴퓨터에 설치하니 경로이동이 안되었음 - jsconfig.json 파일을 그냥 고치고나서 해보니 다시 됨

 

{
  "compilerOptions": {
    //"module": "commonjs",
    //"target": "es6",
    "baseUrl": ".",
    "paths": {
      //"@/*/*": ["./src/*"] //not working
      "@components/*": ["./src/components/*"],
      "@component/*": ["./src/component/*"],
      "@views/*": ["./src/views/*"],
      "@page/*": ["./src/page/*"],
      "@store/*": ["./src/store/*"],
      "@hooks/*": ["./src/hooks/*"],
      "@utils/*": ["./src/utils/*"],
      "@assets/*": ["./src/assets/*"],
      "@scss/*": ["./src/scss/*"]
    }
  },
  "exclude/*": ["node_modules"]
}

 

import { useAlert, useResponsive } from "@hooks";

이 경우는 @hooks/* 로 커버안됨,

"@hooks": ["./src/hooks"], 추가해줘야함
반응형
저작자표시
반응형

반응형
저작자표시

'react' 카테고리의 다른 글

explorer, folder tree  (0) 2024.06.20
react createContext, useContext,  (0) 2024.05.17
Promise결과를 받아서 useMemo에 저장후 사용하려 하면 에러남, useState로 저장후에 useEffect로 감지하려고 해도 에러남  (0) 2024.04.08
[페이지전환]react-router-dom<Link> window.href.location history.push()...  (0) 2024.03.27
react function Cannot access before initialization  (0) 2024.03.22

+ Recent posts

티스토리툴바