제로초님 안녕하세요. 알려주신 방식대로 실행해도 Missing required argument: dataSource 에러가 발생합니다. 직접 마이그레이션 파일을 작성한 뒤 npm run db:migrate를 실행시켜도 마찬가지이고요. datasource가 db connectio 관리하는 객체를 이야기하고, typeorm 문서에 나오는 DataSource 객체 생성 부분은 Nest에서 관리하는 것 같습니다. TypeOrmModule.footRootAsync 함수의 옵션 중에 dataSourceFactory라는 게 있어서&nbsp;
<pre>dataSourceFactory: async () => { return new DataSource({ type: 'mysql', host: 'localhost', port: 3306, username: process.env.DB_USERNAME, password: process.env.DB_PASSWORD, database: process.env.DB_DATABASE, entities: [ ChannelChats, ChannelMembers, Channels, DMs, Mentions, Users, WorkspaceMembers, Workspaces, ], migrations: [__dirname + '/src/migrations/*.ts'], charset: 'utf8mb4', synchronize: false, logging: true, }); },</pre>
위처럼 시도해봤는데 효과는 없네요.&nbsp;

typeorm migration 실행이 안 됩니다.

와 엄청 빠른 답변 감사합니다.&nbsp;
저 그럼 혹시 package.json에는 변경사항을 어떤 식으로 반영해야할까요?&nbsp;
{ ... "db:create-migration": "npm run typeorm migration:create -- -n", "db:generate-migration": "npm run typeorm migration:generate -- -n" }
강의에서는 위처럼 설정되어 있는데, -n이 없어졌다고 해서 없애고 돌려보니 dataSource가 필요하다고 해서 entities 폴더를 지정해서 npm run db:generate-migration src/migrations/categoryToType -d src/entities 이렇게 해봤는데 결과가 안 나오네요.&nbsp;
검색해보니까 dataSource라는 게 https://typeorm.biunav.com/en/data-source.html#what-is-datasource 여기 나온 것처럼 DB connection을 담당하는 부분인 것 같은데, 여기서는 어떤 식으로 지정을 해줘야할까요.&nbsp;

질문 올리고 구글링하다가 찾았습니다.&nbsp;
https://stackoverflow.com/questions/72682474/typeorm-migrationgenerate-failure-not-enough-non-option-arguments-got-0-need
혹시 도움이 되시는 분들이 있을까 싶어서 질문글은 그냥 남겨두겠습니다. typeorm이 업데이트되면서 변화가 좀 있었네요.&nbsp;

안녕하세요. 답변 감사합니다.&nbsp;
현재 윈도에서 Webstorm을 사용하고 있는데요. 포트를 4000번으로 바꿔도 마찬가지네요. 서버 포트를 바꾸어도 orderType이 products인 경우에 테스트는 통과하지만 에러도 발생하면서 에러 로그에서 response의 data는 undefined로 되어있습니다. 뭐가 문젠지 감이 잘 잡히지 않아서 axios와 msw를 지우고 강의 코드와 같은 버전으로 다시 설치해봤는데 그래도 마찬가지네요.&nbsp;
에러 메시지가 아래와 같은데 혹시 도움이 될지 몰라 공유합니다. 감사합니다.&nbsp;
&nbsp;PASS&nbsp; src/pages/OrderPage/tests/Type.test.js
&nbsp; ● Console
&nbsp;
&nbsp; &nbsp; console.group
&nbsp; &nbsp; &nbsp; &nbsp; orderType:&nbsp; products
&nbsp;
&nbsp; &nbsp; &nbsp; at loadItems (src/pages/OrderPage/Type.js:30:15)
&nbsp;
&nbsp; &nbsp; console.error
&nbsp; &nbsp; &nbsp; &nbsp; Error: Request failed with status code 500
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; at createError (C:\Users\mhr\Desktop\web\inflearn_react_testing\react-shop-test\node_modules\axios\lib\core\createError.js:16:15)
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; at settle (C:\Users\mhr\Desktop\web\inflearn_react_testing\react-shop-test\node_modules\axios\lib\core\settle.js:17:12)
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; at XMLHttpRequestOverride.onloadend (C:\Users\mhr\Desktop\web\inflearn_react_testing\react-shop-test\node_modules\axios\lib\adapters\xhr.js:54:7)
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; at XMLHttpRequestOverride.trigger (C:\Users\mhr\Desktop\web\inflearn_react_testing\react-shop-test\node_modules\@mswjs\interceptors\src\interceptors\XMLHttpRequest\XMLHttpRequestOverride.ts:168:17)
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; at C:\Users\mhr\Desktop\web\inflearn_react_testing\react-shop-test\node_modules\@mswjs\interceptors\src\interceptors\XMLHttpRequest\XMLHttpRequestOverride.ts:323:18 {
&nbsp; &nbsp; &nbsp; &nbsp; config: {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url: 'http://localhost:5000/products',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; method: 'get',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; headers: { Accept: 'application/json, text/plain, */*' },
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transformRequest: [ [Function: transformRequest] ],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transformResponse: [ [Function: transformResponse] ],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; timeout: 0,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; adapter: [Function: xhrAdapter],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xsrfCookieName: 'XSRF-TOKEN',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xsrfHeaderName: 'X-XSRF-TOKEN',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; maxContentLength: -1,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; maxBodyLength: -1,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; validateStatus: [Function: validateStatus],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transitional: {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; silentJSONParsing: true,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; forcedJSONParsing: true,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clarifyTimeoutError: false
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; data: undefined
&nbsp; &nbsp; &nbsp; &nbsp; },
&nbsp; &nbsp; &nbsp; &nbsp; request: XMLHttpRequestOverride {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; _events: [],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; UNSENT: 0,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; OPENED: 1,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; HEADERS_RECEIVED: 2,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; LOADING: 3,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; DONE: 4,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onreadystatechange: null,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onabort: [Function: handleAbort],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onerror: [Function: handleError],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onload: null,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onloadend: [Function: onloadend],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onloadstart: null,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onprogress: null,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ontimeout: [Function: handleTimeout],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url: 'http://localhost:5000/products',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; method: 'GET',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; readyState: 4,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; withCredentials: false,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; status: 500,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; statusText: 'Internal Server Error',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; data: '',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; response: '',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; responseType: 'text',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; responseText: '',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; responseXML: null,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; responseURL: '',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; upload: null,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; timeout: 0,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; _requestHeaders: HeadersPolyfill { _headers: [Object], _names: [Map] },
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; _responseHeaders: HeadersPolyfill { _headers: [Object], _names: [Map] },
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; async: true,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; user: undefined,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; password: undefined
&nbsp; &nbsp; &nbsp; &nbsp; },
&nbsp; &nbsp; &nbsp; &nbsp; response: {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; data: '',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; status: 500,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; statusText: 'Internal Server Error',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; headers: { 'x-powered-by': 'msw' },
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; config: {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url: 'http://localhost:5000/products',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; method: 'get',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; headers: [Object],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transformRequest: [Array],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transformResponse: [Array],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; timeout: 0,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; adapter: [Function: xhrAdapter],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xsrfCookieName: 'XSRF-TOKEN',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; xsrfHeaderName: 'X-XSRF-TOKEN',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; maxContentLength: -1,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; maxBodyLength: -1,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; validateStatus: [Function: validateStatus],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transitional: [Object],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; data: undefined
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; request: XMLHttpRequestOverride {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; _events: [],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; UNSENT: 0,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; OPENED: 1,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; HEADERS_RECEIVED: 2,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; LOADING: 3,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; DONE: 4,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onreadystatechange: null,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onabort: [Function: handleAbort],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onerror: [Function: handleError],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onload: null,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onloadend: [Function: onloadend],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onloadstart: null,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onprogress: null,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ontimeout: [Function: handleTimeout],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url: 'http://localhost:5000/products',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; method: 'GET',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; readyState: 4,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; withCredentials: false,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; status: 500,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; statusText: 'Internal Server Error',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; data: '',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; response: '',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; responseType: 'text',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; responseText: '',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; responseXML: null,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; responseURL: '',
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; upload: null,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; timeout: 0,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; _requestHeaders: [HeadersPolyfill],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; _responseHeaders: [HeadersPolyfill],
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; async: true,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; user: undefined,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; password: undefined
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; },
&nbsp; &nbsp; &nbsp; &nbsp; isAxiosError: true,
&nbsp; &nbsp; &nbsp; &nbsp; toJSON: [Function: toJSON]
&nbsp; &nbsp; &nbsp; }
&nbsp;

axios의 get request를 이용해서 products를 가져오는 부분에서 500 에러가 납니다.

저도 이부분이 잠깐 헷갈렸는데, 머신러닝 프로그램을 일종의 수학적인 함수라고 생각하니 헷갈리지 않게 되었습니다. 어떤 x값을 주었을 때 이에 따른 이에 대응하는 하나의 y값을 반환하는 것을 함수라고 하잖아요. 머신러닝에서 이 x값에 해당하는 것이 feature들이고, y값에 해당하는 것이 target인 셈인데, training data set과 test data set을 나눌 때에도 이 본질적인 의미 아래에서 각각을 training / test로 나누는 것이니 feature인 X를 train, test로 나눈 것이 오고, target인 y를 train, test로 나눈 것이 오게 되는 것으로 이해했습니다. 써놓고 나니 너무 당연한 소리 같기는 한데 누군가에게는 도움이 되길 바랍니다.&nbsp;

선생님, 질문이 있습니다.

아 저 그리고 유투브 채널에 Nest.js 강좌 영상이 두 개가 올라와있던데, 혹시 언제 강좌가 올라올지 알 수 있을까요?&nbsp;

중첩된 router 이용시 각각의 페이지는 url만으로도 정상적인 접근이 가능해야할까요?

감사합니다. 큰 도움 되었습니다!

비동기 작업이 없을 경우 useReducer와 redux의 dispatch 함수의 실행으로 인한 state 변경 순서가 보장이 안되나요?

제로초님 안녕하세요. 빠른 답변 감사합니다.&nbsp;
<pre style="background-color: #2b2b2b; color: #a9b7c6; font-family: 'JetBrains Mono',monospace; font-size: 9.8pt;">function useReducer<R extends ReducerWithoutAction<any>, I>( reducer: R, initializerArg: I, initializer: (arg: I) => ReducerStateWithoutAction<R> ): [ReducerStateWithoutAction<R>, DispatchWithoutAction]; /** * An alternative to `useState`. * * `useReducer` is usually preferable to `useState` when you have complex state logic that involves * multiple sub-values. It also lets you optimize performance for components that trigger deep * updates because you can pass `dispatch` down instead of callbacks. * * @version 16.8.0 * @see https://reactjs.org/docs/hooks-reference.html#usereducer */ // overload where dispatch could accept 0 arguments. function useReducer<R extends ReducerWithoutAction<any>>( reducer: R, initializerArg: ReducerStateWithoutAction<R>, initializer?: undefined ): [ReducerStateWithoutAction<R>, DispatchWithoutAction]; /** * An alternative to `useState`. * * `useReducer` is usually preferable to `useState` when you have complex state logic that involves * multiple sub-values. It also lets you optimize performance for components that trigger deep * updates because you can pass `dispatch` down instead of callbacks. * * @version 16.8.0 * @see https://reactjs.org/docs/hooks-reference.html#usereducer */ // overload where "I" may be a subset of ReducerState<R>; used to provide autocompletion. // If "I" matches ReducerState<R> exactly then the last overload will allow initializer to be omitted. // the last overload effectively behaves as if the identity function (x => x) is the initializer. function useReducer<R extends Reducer<any, any>, I>( reducer: R, initializerArg: I & ReducerState<R>, initializer: (arg: I & ReducerState<R>) => ReducerState<R> ): [ReducerState<R>, Dispatch<ReducerAction<R>>]; /** * An alternative to `useState`. * * `useReducer` is usually preferable to `useState` when you have complex state logic that involves * multiple sub-values. It also lets you optimize performance for components that trigger deep * updates because you can pass `dispatch` down instead of callbacks. * * @version 16.8.0 * @see https://reactjs.org/docs/hooks-reference.html#usereducer */ // overload for free "I"; all goes as long as initializer converts it into "ReducerState<R>". function useReducer<R extends Reducer<any, any>, I>( reducer: R, initializerArg: I, initializer: (arg: I) => ReducerState<R> ): [ReducerState<R>, Dispatch<ReducerAction<R>>]; /** * An alternative to `useState`. * * `useReducer` is usually preferable to `useState` when you have complex state logic that involves * multiple sub-values. It also lets you optimize performance for components that trigger deep * updates because you can pass `dispatch` down instead of callbacks. * * @version 16.8.0 * @see https://reactjs.org/docs/hooks-reference.html#usereducer */ // I'm not sure if I keep this 2-ary or if I make it (2,3)-ary; it's currently (2,3)-ary. // The Flow types do have an overload for 3-ary invocation with undefined initializer. // NOTE: without the ReducerState indirection, TypeScript would reduce S to be the most common // supertype between the reducer's return type and the initialState (or the initializer's return type), // which would prevent autocompletion from ever working. // TODO: double-check if this weird overload logic is necessary. It is possible it's either a bug // in older versions, or a regression in newer versions of the typescript completion service. function useReducer<R extends Reducer<any, any>>( reducer: R, initialState: ReducerState<R>, initializer?: undefined ): [ReducerState<R>, Dispatch<ReducerAction<R>>];</pre>
위의 파일이 제가 현재 사용하고 있는 버전의 useReducer가 정의되어 있는 react의 index.d.ts 파일인데요.&nbsp;
리턴값들을 보시면 첫 번째와 두 번째 정의의 리턴값은 DispatchWithoutAction을 리턴하지만, 나머지 3, 4, 5번째의 리턴값의 dispatch 함수는 Dispatch<ReducerAction<R>> 입니다. 이 경우는 action을 받을 수 있는 거 아닌가 생각했는데요.&nbsp;
리액트 노드버드 강좌 들을 때 제 나름대로 타이핑할 때 dispatch 함수에 제네릭을 줬던 기억이 나서 확인해보니 useDispatch는 react-redux의 index.d.ts 파일에&nbsp;
<pre style="background-color: #2b2b2b; color: #a9b7c6; font-family: 'JetBrains Mono',monospace; font-size: 9.8pt;">export function useDispatch<TDispatch = Dispatch<any>>(): TDispatch; export function useDispatch<A extends Action = AnyAction>(): Dispatch<A>;</pre>
이렇게 정의되어 있더라고요. useDispatch의 Dispatch<any>나 위의 useReducer의 Dispatch<ReducerAction<R>>이나 마찬가지인 것 같아서 그렇게 사용할 수 있지 않을까 생각했습니다. 그래서 위의 useReducer 타입 정의 중에서 마지막 것에 맞춰보려고 useReducer의 generic을 이래저래 다르게 줘봐도 잘 안 되더라고요. 오버로딩 가능한 것들 중에서 엉뚱한 것을 가져와서 에러가 나는 경우에는 타입을 맞춰보라고 강의 중에 말씀하셨던 것 같은데, 이 경우는 어떻게 해결할 수 있을지 궁금하네요. 감사합니다.&nbsp;

useReducer 사용시 dispatch 함수에 generic으로 action 타입을 넘겨줄 때 에러가 발생합니다.

해결했습니다. .eslintrc.js 안에 env 안에 node: true를 설정해주니까 module에 대해서 undefined 뜨던 건 사라졌고, Delete `CR` eslint(prettier/prettier)는 VS code에서 end of line 기본 설정이 LF가 아니라 CRLF로 설정되어 있어서 뜨던 거였네요.&nbsp;

eslint를 설정하고 나니 온통 빨간줄이 뜨는데 어떻게 해야 하나요?

감사합니다!
<div id="mouseposition-extension-element-full-container" style="position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; pointer-events: none; z-index: 2147483647; font-weight: 400;">
<div id="mouseposition-extension-element-rect-display" style="display: none; position: absolute; background: rgba(255, 255, 255, 0.7); outline: black solid 1px; font-size: 12px; z-index: 2147483647; justify-content: center; align-items: center; user-select: none; cursor: default; color: #000000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 0px; height: 0px;">
<pre style="flex: 1 1 0%; text-align: center; background-color: rgba(255, 255, 255, 0.7); color: #000000; min-width: 42px; min-height: 12px; transition: all 1s ease 0s;"></pre>
</div>
<pre id="mouseposition-extension-element-coordinate-display" style="position: absolute; display: none; background: #ffffff; font-size: 12px; line-height: 14px; border-radius: 3px; border-width: 1px; border-color: #222222 black #333333; border-style: solid; padding: 3px; z-index: 2147483647; color: #222222; user-select: none; cursor: default; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"></pre>
</div>

<script src="chrome-extension://hhojmcideegachlhfgfdhailpfhgknjm/web_accessible_resources/index.js"></script>

mhr

Posts