js,ts (18) 썸네일형 리스트형 프레임워크 정하기 1. React 16.8 버전 이상 2. FrameWork - 넥스트, remix, gatsby 3. Style FrameWork - chakra, tailwind, ..... bootstrap 4. 키클록 연동 - video-out -> 리액트 키클록 연동 [js] 자바스크립트 동작원리(비동기처리) 자바스크립트 엔진이 자바스크립트로 구성되는 프로그래밍의 심장이다! 웹, window, os 모두 일맥상통하니 자바스크립트를 겁나 파보자.. 자꾸 헷갈리는데 꼭 짚고 넘어가자 동기: 끝날때까지 기다렸다 순차적으로~~ 비동기: 응답상태 기다릴 필요없이 다음! 자바스크립트는 동기적 언어이다 기본적으로! (===single thread) 등의 비동기적으로 처리해야하는 경우가 많으므로 이때, 비동기 콜백 을 사용해야하는데 어떻게 작동되는걸까? 이를 이해하기 위해서 JS Engine webapi event-roop 를 알아보자 1. JS Engine ex) 크롬과 nodejs에서 사용하는 대표적인 JS Engine으로 v8이 있다 자바스크립트 엔진은 크게 memory heap과 call stack으로 이루어져 있다.. [type.js] flow - 정적타입 분석기 https://medium.com/@2woongjae/typescript-%EC%82%AC%EC%9A%A9%EC%9E%90%EC%9D%98-flow-%ED%83%90%ED%97%98%EA%B8%B0-1-%EC%84%A4%EC%B9%98-%EB%B0%8F-%EC%84%A4%EC%A0%95-b852baf19d17 TypeScript 사용자의 Flow 탐험기 (1) — 설치 및 설정 우선 나는 TypeScript 를 2년 넘게 실무에서 사용하고 있다. 엄밀히 말하면, 순수 JavaScript 코드 만으로 프로그래밍을 하지 않은 시간이 그 정도 된다. (나만의 생각일 수도 있지만) Type System 을 이용 medium.com 타입스크립트와는 호완이 안되는듯..? [npm]code ERESOLVE https://velog.io/@dev_cecy/npm-install-%EC%98%A4%EB%A5%98-code-ERESOLVE npm install 오류 (code ERESOLVE) 예전에 작성했던 코드를 로컬로 다시 클론받아 코드를 수정하려고했다. 화면을 보기위해npm start를 해주었더니, script 오류가 났고🤦🏻♀️ 당황하지 않고 npm install을 해주었다. 그랬더니 이 velog.io npm install --save --legacy-peer-deps 이후 npm i [react]input losing focus when rerendering https://stackoverflow.com/questions/22573494/react-js-input-losing-focus-when-rerendering React.js - input losing focus when rerendering I am just writing to text input and in onChange event I call setState, so React re-renders my UI. The problem is that the text input always loses focus, so I need to focus it again for each letter ... stackoverflow.com 결론: 키의 문제다 [react-error]react Uncaught ReferenceError: process is not defined https://stackoverflow.com/questions/70368760/react-uncaught-referenceerror-process-is-not-defined React Uncaught ReferenceError: process is not defined I am getting issue with iframe. Till today everything was working as expected. Today I added very simple Modal component and somehow iframe started appearing. It appears when I am editing file and ... stackoverflow.com package.json에 resolutions: .. [js]클로저 함수 -private 필드를 흉내내어 만들거나 은닉화 할수있다 -함수와 함수가 선언된 어휘적 환경의 조합 -내부에 중첩된 함수의 변수를 외부 범위(scope)에서도 접근하게 할수있다 -전역 네임 스페이스를 관리하는 강력한 방법 중 하나이다 [rtk]redux-toolkit 사용기 axios 로 받아온 정보가 있다고 하자. 처리해야하는 곳은 많은데 어디에서 숨기고, 어디에서 분기해줘야하는지 기준이 필요하다 그리고 ts인 만큼 어떻게 interface를 정의해서 데이터를 다루는게 효율적일지.. 등등 굴러가게 하는것은 뭐 어떻게든 되긴하는데, 좋은 코드의 기준이 필요하다 *** 여기서 방식을 참고하도록 하자 https://kyounghwan01.github.io/blog/React/redux/redux-toolkit/#%E1%84%8C%E1%85%A9%E1%86%BC%E1%84%92%E1%85%A1%E1%86%B8-%E1%84%8B%E1%85%A8%E1%84%8C%E1%85%A6 Redux Toolkit을 사용하여 간단하게 상태 관리하기,reselect, redux, react, im.. 이전 1 2 다음
