영원히 흘러가는 강

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 사용시에 { } 사용하기

정확히 용어는 차차 찾아보는 걸로... 말로 풀어보자면 object name , value 에서 배열 안의 값이 일치한다면 value 뽑아내는 코드에서의 typescript const StatusCategory={ ready:'준비중' start:'진행중' end:'종료' } //category에 ready,start,end 값이 온다고 할때 StatusCategory[category] 로 설정되어있다면 type AllCategory= 'ready'|'start'|'end' 로 설정 가능 후에 StatusCategory[category as AllCategory] 로 설정 StatusCategory에 object로 있는 값을 category의 값으로 출력 AllCategory에는 위의 3가지 값이 다 올..

상수와 리터럴에 대해 헷갈린 부분이 있어서 정리를 한다.!! 상수란? 변수와 마찬가지로 데이터를 저장 할 수 있는 메모리 공간 상수와 변수의 다른점은 프로그램 실행시 상수에 저장된 데이터는 변경 할수 없다는 점.! 리터럴? 리터럴은 데이터 자체를 의미 변수에 넣는 변하지 않는 데이터가 리터럴이다 home= "sweet" const DATA="welcome" home => 변수 DATA => 상수 "sweet","welcome" => 리터럴

interface 객체값{ name:string; id:number; } interface Props{ y: 객체값[]; } const XXX=({불러오는값}:Props)=>{ ... } Props 로 전달받는 "불러오는값" 의 내부 객체를 "객체값" 으로 타입스크립트 인터페이스로 정의 배열 안 객체이므로 "객체값"을 배열선언

가장 흔히 볼 수 있는 문제.!! 항상 넣어야지 하면서 까먹는 게 반복된다. 요번에는 key 값을 넣어줬어도 문제가 되었는데 React Fragments 이게 문제일 수도 있다.!

맛있저염 플레져위크 준비 grid 실 사용 처음인거 같은데 짱짱맨이다 flex로 했어도 지저분한 코드를 grid로 3줄로 끝내버렸다..! 물론 쉬운 2개씩 정렬이긴 했지만 grid 짱짱맨 :) antd countdown 도 사용해봤는데 date 사용법과 연계되어서 매우 쉽게? 사용한듯하다 분기처리도 잘해도 웬만한 코드는 굴러가는듯 하다... || && 확실히 전 개발자분의 코드를 보면서 배워나간다는게 뭔지 알거 같다 여기는 무엇을 해도 나에게는 배움의 터이다... 리팩토링 어려워서 쩔쩔매다가 이렇게 한번씩 코드 작성하는것도 재밌는거 같다!!

전처리기가 아닌 css에서도 변수로 지정하여 사용가능하다. .ex{ --color:black; color:white; } 사용자 속성은 --로 시작해야 하며 --color 은 우리가 새로이 지정한 속성이며 , color은 기존 내장 속성 사용시 var()로 감싸서 사용하면 된다 .ex2{ --white:white; background:var(--white); } 위와 같이 사용가능하다. 두번째 인자로 기본값을 넣어줄수있다. 확실치 않은 경우 활용 가능 .ex3{ color:var(--white,white); } 다만 상위에서 하위로 상속이 되므로 상위에서 정의해야 하위에서 가능하다!! * 전역변수처럼 일관적으로 사용하기 위해 많이 사용!! * IE에서는 지원이 안된다 참고. https://www.dale..