fetch 요청 보낸 후, 요청 중단 버튼 클릭시 abort() 실행하기해도해도 안됐는데 요청마다 새로운 controller를 생성해야했다 ㅋMyComponent.jscommonFunctions.js

\-htmlcss

웹페이지 url 을 iframe으로 호출하여 보여주는 페이지가 있고, 본 페이지와 호출된데서 보여주는 페이지를 구분할 수 있는 상태값을 관리해야함결과적으로 호출된 페이지에서는 호출한 페이지의 url주소를 읽을 수 없음그래서 생각해낸 방법은, 호출하는 pathname을

react-typescript 환경에서 env 환경변수 사용하기dotenv 설치.env file 생성루트폴더에 .env 파일 생성''나 띄어쓰기없이 작성\*.d.ts 파일 생성타입을 명시해야한다 ^ -^;;tsconfig.json 에 위의 타입명시 파일 include컴

리액트에서 컴포넌트가 DOM에 마운팅되고 언마운팅되는 상황에 애니메이션을 적용할 수 있도록 도와주는 자체 제공 라이브러리컴포넌트의 마운트, 언마운트를 entering, entered, exiting, exited 라는 상태를 기반으로 설명하며, 이 상태에 따라 컴포넌트

A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that susp

git hub repository 생성jenkins job 생성서버 접속multipass shell jenkins git-rspo 내에 새로운 repository 생성ssh-keygen 으로 ssh key 생성git repository -> deploy keys에 공개

Git 저장소를 상ㅇ하는 소프트웨어 배포 접근 방식K8s 애플리케이션의 자동 배포를 위한 오픈소스 도구k8s 클러스터에 cicd 파이프라인에서 cd부분을 담당, git 저장소에서 변경 사항을 감지하여 k8s 클러스터에 애플리케이션을 배포함

도커이미지 작성한 소스코드를 도커허브에 올려서 프로토타입 제품을 보여줄 수 있음bash

도커는 컨테이너 플랫폼 도커허브에 컨테이너를 빌드해서 올려두고 다운로드 받아서 시작하면 컨테이너가 실행되면서 애플리케이션이 실행됨하드웨어 인프라에 하이퍼바이저(vm ware, virtual box)를 통해 가상의 머신을 만들어줌 => 하드웨어 (메모리, pcu, net

BooleanNumberString Object Array TupleEnum 값 자동할당, 인덱스와 키값으로 양방향 매핑인덱스로 값 불러오기원하는 인덱스 값 부여시, 해당 인덱스부터 순차적으로 생성인덱스 대신 문자열 부려, 단방향 매핑AnyVoid 변수엔 undefin

gsap을 사용할 때 여러 예제를 보면서 3d로 구현한 사이트가 가장 강렬하게 인상에 남았다. 그렇다면 이것도 라이브러리가 있지 않을ㄲ ㅏ ?ㅇㅇ 역시 있음프로젝트에 설치 및 적용SceneCamera \+ teField of View : 해당 시점의 화면이 보여지는

애니메이션 라이브러리 gsap을 이용할건데, 나는 스크롤로 애니매이션을 줄거라 ScrollTrigger의 예제를 많이 봤다. React는 돔의 위치를 useRef로 알 수 있기 때문에 이 부분만 좀 다르고 나머진 일반 자바스크립트던 뷰던 같은듯

진짜.. 눈물나게.. 어려웠던 SPA github.io 배포1.포트폴리오 사이트 무료 호스팅을 위해 깃헙을 이용하려함2.SPA인 리액트를 정적 호스팅으로 하려면 빌드 및 파일 설정 필요git initgit remote add origin your-url git chec

ssodlf

false undefined는 값이 할당되지 않았거나 변수에 아무 값도 없음을 나타냄변수를 선언하고 값을 할당하지 않았을 때, 해당 변수는 자동으로 undefined로 설정함수에 매개변수가 제대로 전달되지 않은 경우, 해당 매개변수의 값은 undefined입니다.nul

Mounting : 화면에 나타남 (ComponentDidMount)Updaing : 리렌더링 되는 과정 (ComponentDidUpdate)Unmounring : 화면에서 사라짐 (ComponentWillUnmount)

기존에 수행한 연산의 결과값을 어딘가에 저장해두고 동일한 입력이 들어오면 재활용하는 기법중복 연산을 방지해주기 때문에 애플리케이션의 성능 최적화메모이제이션된 값을 반환하는 함수 deps로 지정한 값이 변화게되면 함수를 실행하고, 함수의 반환 값을 반환해줌useMemo는

에러 아래 이미지처럼 긴 글 복붙시 글자가 겹쳐짐해결// CKEditor 초기화ClassicEditor.create(document.querySelector('커서 위치 조작const editorConfig = { // ... 기타 설정 ...};

위에서 확인 가능한