반응형
반응형
저작자표시

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

[현재시각]new Date(), momet를 쓴다면 moment() = moment(undefined) != moment(null)-Invalid date리턴됨  (0) 2024.04.17
[date->string]YYYY-MM-DD: new Date().toISOString().slice(0,10), moment를 쓴다면 moment().format("YYYY-MM-DD")  (0) 2024.04.17
오늘 0시: new Date( new Date().setHours(0, 0, 0, 0) )  (0) 2024.03.25
이달 마지막날: ( d=> new Date(d.getFullYear(), d.getMonth()+1, 0) ) (new Date()) 날짜자리에 0,음수사용가능  (0) 2024.03.25
이달 첫날: ( d=> new Date(d.getFullYear(), d.getMonth(), 1) ) (new Date())  (0) 2024.03.25
반응형

에러: Promise로 받은 state의 변화를 감지하려고 하여 useEffect사용했으나, Promise결과가 반환되기 전에 useEffect가 한번만 call되고 결과값이 나온후에 다시 call되지 않음

 
 const getDivisionList = async () => {
    try {return await request(getDivisions);}
    catch (error) {console.error(error);}
  };
 
 useEffect(() => {
    const init = async () => {
      const [divisions] = await Promise.all([getDivisionList()]);
     
      setDivisionOptionsValue(divisions.map(n=>({value:n.companyCode, label:n.companyCode, group:"sortType"})));
    };
    init();
  }, []);
 useEffect(() => {setDivisionOptions(setDivisionOptionsValue)}, [divisionOptionsValue]);
 ........
 divisionOptions[0].... -> 에러남

 

에러: promise결과값을 useMemo로 저장시 끝까지 promise상태고 남아 있어 에러남

  const divisionOptionsValue = React.useMemo(()=>{
    const init = async () => {
      const [divisions] = await Promise.all([getDivisionList()]);
      setDivisionOptions(divisions.map(n=>({value:n.companyCode, label:n.companyCode, group:"sortType"})));
      return (divisions.map(n=>({value:n.companyCode, label:n.companyCode, group:"sortType"})));
    };
    return init();
  },[])
 .......
 setDivisionOptions(setDivisionOptionsValue) -> setDivisionOptionsValue는 계속 Promise상태
 divisionOptions[0].... -> 에러남

 

정상

  useEffect(() => {
    const init = async () => {
      const [divisions] = await Promise.all([getDivisionList()]);
      setDivisionOptions(divisions.map(n=>({value:n.companyCode, label:n.companyCode, group:"sortType"})));
      setDivisionOptionsValue(divisions.map(n=>({value:n.companyCode, label:n.companyCode, group:"sortType"})));
    };
    init();
  }, []);
 
 .......
 setDivisionOptions(setDivisionOptionsValue)
divisionOptions[0].... -> 정상동작
반응형
저작자표시

'react' 카테고리의 다른 글

react createContext, useContext,  (0) 2024.05.17
react map key 설정안해주면 eiSettings + - 제대로 동작안했던듯  (0) 2024.05.14
[페이지전환]react-router-dom<Link> window.href.location history.push()...  (0) 2024.03.27
react function Cannot access before initialization  (0) 2024.03.22
useRef - 여러개일때 배열로 사용하는 방법  (1) 2024.02.20
반응형
반응형
저작자표시

'git' 카테고리의 다른 글

git config (--global) user.name: committer로 남는 이름 확인 / git config -l 전체확인 / git config -e 수정  (0) 2024.04.23
remote branch 안보이면 git ls-remote origin / git config --edit으로[remote "origin"] fetch=+refs/heads/*:refs/remotes/origin/* 로 변경  (0) 2024.04.23
git push origin HEAD:master 현재 branch의 HEAD Commit까지의 변경사항을 origin이라는 이름을 갖는 원격 저장소의 master branch에 전송하라  (0) 2024.04.04
git push/pull [remote명] [local branch commit:remote branch commit] push/pull자체가 remote의 특정 branch와 연결됨  (0) 2024.04.04
[CJ ONS] branch error - develop/main (./git삭제로 해결)  (0) 2023.11.08
반응형

git push origin HEAD:master

현재 branch의 HEAD Commit까지의 변경사항을 origin이라는 이름을 갖는 원격 저장소의 master branch에 전송하라

반응형
저작자표시

'git' 카테고리의 다른 글

remote branch 안보이면 git ls-remote origin / git config --edit으로[remote "origin"] fetch=+refs/heads/*:refs/remotes/origin/* 로 변경  (0) 2024.04.23
[git revert] 한 파일을 수정한 여러 커밋을 취소할 때, 최신커밋부터 취소해야함, 먼저 들어온 커밋부터 취소하면 그 다음꺼 취소할때 충돌남  (0) 2024.04.05
git push/pull [remote명] [local branch commit:remote branch commit] push/pull자체가 remote의 특정 branch와 연결됨  (0) 2024.04.04
[CJ ONS] branch error - develop/main (./git삭제로 해결)  (0) 2023.11.08
git shortlog -s -n --all --no-merges(number of commits per author on all branches)  (0) 2022.09.02
반응형

특히 git pull 한다고 해서 remote의 내용을 다 가져오는 것이 아니고 특정 branch만 가져오는 것

git pull remote명 branch명을 생략해서 쓰다보니 헷갈리는데 사실은 remote명 local branch명:remote branch명이 생략된 것

remote명은 보통 default인 origin을 쓰므로 origin이 생략된 것이고

branch명은 local에 --set-upstream으로 지정을 해두었으면 그 지정된 branch가 tracking branch로 사용됨, remote와 local의 쌍을 이름을 다르게 하면 매우 헷갈리므로 그렇게는 거의 안쓰므로 보통 local remote동일한 branch명으로 연결해둠

 

tracking branch 지정하기

  • git push --set-upstream origin master = git push -u origin master
  • 한번 tracking branch로 지정해두면 향후 git push/fetch/full 할 때 이후는 생략가능

 

그런 줄 알았는데 git pull 하니까 dev2nd, master둘다 pull함, 특정한 한 브랜치 아니고 tracking branch전부가 대상인듯 

 

반응형
저작자표시

'git' 카테고리의 다른 글

[git revert] 한 파일을 수정한 여러 커밋을 취소할 때, 최신커밋부터 취소해야함, 먼저 들어온 커밋부터 취소하면 그 다음꺼 취소할때 충돌남  (0) 2024.04.05
git push origin HEAD:master 현재 branch의 HEAD Commit까지의 변경사항을 origin이라는 이름을 갖는 원격 저장소의 master branch에 전송하라  (0) 2024.04.04
[CJ ONS] branch error - develop/main (./git삭제로 해결)  (0) 2023.11.08
git shortlog -s -n --all --no-merges(number of commits per author on all branches)  (0) 2022.09.02
git log --reverse (첫번째 commit부터 반대순서로 조회)  (0) 2022.09.02
반응형

 

https://stackoverflow.com/questions/19605150/regex-for-password-must-contain-at-least-eight-characters-at-least-one-number-a

 

Regex for password must contain at least eight characters, at least one number and both lower and uppercase letters and special

I want a regular expression to check that: A password contains at least eight characters, including at least one number and includes both lower and uppercase letters and special characters, for e...

stackoverflow.com

 

반응형
저작자표시

'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] /^\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
[다중정렬]data.sort((a, b) => a.price - b.price || a.name.localeCompare(b.name));  (0) 2024.03.22
반응형
/^\d{1,7}$/.test(refCost.current.value)

postgreSQL numeric(10,3)이면 숫자가 최대 7자, 소수점 3자리까지 가능

7자리 넘으면 에러 발생, 7자리 체크위해서 regex사용가능

제한없이 숫자만 입력받으려면 {1,7} -> +로 변경

/^\d+$/.test(refCost.current.value)

 

반응형
저작자표시

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

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
[numberCheck] /^\d+$/.test(확인대상-문자열, 문자열아니면 문자열로 자동변환) Number.isInteger(확인대상-숫자, 그중에서도 정수만 true 1.0도 true)  (0) 2024.04.01
[다중정렬]data.sort((a, b) => a.price - b.price || a.name.localeCompare(b.name));  (0) 2024.03.22
{...{id:1,value:일},id:2} ->젤 뒤에 오는 2가 앞의 1을 덮어버림, 앞에 위치한 값은 없어짐  (0) 2024.02.07
반응형

/^\d+$/.test('123') true

/^\d+$/.test(123) true

/^\d+$/.test(123.0) true -> 123.0을 string으로 변환한후에 체크하는 듯

/^\d+$/.test('123.0') false

/^\d+$/.test('123r') false

 

Number.isInteger(123) true

Number.isInteger(123.0) true

Number.isInteger(123.1) false

Number.isInteger('123') false

반응형
저작자표시

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

[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
[다중정렬]data.sort((a, b) => a.price - b.price || a.name.localeCompare(b.name));  (0) 2024.03.22
{...{id:1,value:일},id:2} ->젤 뒤에 오는 2가 앞의 1을 덮어버림, 앞에 위치한 값은 없어짐  (0) 2024.02.07
1->01: (1+'').padStart(2,'0'), (1).toLocaleString('en-US',{minimumIntegerDigits:2})  (0) 2024.01.31
반응형

1) text-align: left/center/right;

block 요소안의 inline 요소를 정렬할 때 사용

다른 요소들이 없을때 가능-어떤것 오른쪽으로 어떤건 왼쪽으로 이렇게 하려면 flex를 이용해야 함

 

2) display: flex, justify-content: flex-start/center/flex-end;

 

1) 2) 샘플 참고: https://hianna.tistory.com/837

 

그런데 위의 1) 2)는 바로 위 부모 밑에 모든 애들이 다 한 방향으로 정렬되게 되어 있음

기본은 좌측정렬이고 마지막만 우측정렬하려면

3) display: flex, justify-content: flex-start/center/flex-end; 설정해두고 우측 정렬할 것만 margin-left: auto

참고: https://smthousand.tistory.com/28 

 

 

1) 2) 3) 모두 바로 위 부모 밑 자식에게 적용가능함

할아버지 할머니에 비교해서 왼쪽 정렬되게 하려면

4) position: absolute 이용

할아버지 할머지는 position: relative로 설정, 우측 정렬하고 싶은 손주는 position: absolute, right:0

 

 

5) display: flex, justify-content: space-between 해주면 2개자식이 있을 때 최대한 멀리 떨어뜨려줌, 자식이 3개일때는?

6) display: flex, 첫번째 자식을 display:flex, flex-grow:1 해주면 됨 왜그런지는?

반응형
저작자표시

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

css position: static(default), relative, absolute, fixed  (0) 2024.04.25
아래를 다 가리는 loading indicator  (0) 2024.04.25
경로를 나타내는 href, src, url 차이: CSS(항상 url), HTML(link이면 href, link아닌 이미지나 비디오 등등이면 src)  (0) 2024.03.27
getMaxZIndex  (0) 2024.03.04
[z-index]x,y,z좌표를 생각하자 - 값이 높을수록 위에 있음  (0) 2024.03.04
반응형
  • CSS: url
  • HTML
    • link: href
    • link아닌 경우(이미지 비디오 등): src
반응형
저작자표시

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

아래를 다 가리는 loading indicator  (0) 2024.04.25
우측정렬: text-align: right | display:flex, justify-content:flex-end |  (0) 2024.03.27
getMaxZIndex  (0) 2024.03.04
[z-index]x,y,z좌표를 생각하자 - 값이 높을수록 위에 있음  (0) 2024.03.04
(<input>안에뭐쓰면에러남</input>)input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`  (0) 2024.01.18

+ Recent posts

티스토리툴바