Diff
checker
텍스트
텍스트
이미지
문서
Excel
폴더
Legal
Enterprise
데스크톱
요금제
로그인
데스크톱 앱 다운로드
텍스트 비교
두 텍스트 파일의 차이점을 찾아보세요
도구
기록
실시간 편집
공백 변경 숨기기
변경 없는 행 숨기기
줄바꿈 비활성화
레이아웃
나란히 보기
합쳐 보기
비교 단위
스마트
단어
글자
텍스트 스타일
모양 변경
구문 강조
언어 선택
제외
텍스트 변환
첫 변경으로
수정
Diffchecker Desktop
가장 안전하게 Diffchecker를 사용하는 방법. 데스크톱 앱을 사용하면 비교 데이터가 외부로 전송되지 않습니다!
데스크톱 앱 받기
Untitled diff
생성일
7년 전
비교 결과 만료 없음
초기화
내보내기
공유
설명
0 삭제
행
총
삭제
글자
총
삭제
이 기능을 계속 사용하려면 업그레이드해 주세요
Diff
checker
Pro
요금제 보기
46 행
복사
9 추가
행
총
추가
글자
총
추가
이 기능을 계속 사용하려면 업그레이드해 주세요
Diff
checker
Pro
요금제 보기
54 행
복사
복사
복사됨
복사
복사됨
var _jsxFileName = "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx";
(function () {
(function () {
var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule;
var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule;
enterModule && enterModule(module);
enterModule && enterModule(module);
})();
})();
var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
return a;
return a;
};
};
import * as React from "react";
import * as React from "react";
import { rhythm } from "../utils/typography";
import { rhythm } from "../utils/typography";
var MainLayout = function MainLayout(_ref) {
var MainLayout = function MainLayout(_ref) {
var children = _ref.children;
var children = _ref.children;
return React.createElement("div", {
return React.createElement("div", {
style: {
style: {
margin: "0 auto",
margin: "0 auto",
marginBottom: rhythm(1.5),
marginBottom: rhythm(1.5),
marginTop: rhythm(1.5),
marginTop: rhythm(1.5),
maxWidth: 650,
maxWidth: 650,
paddingLeft: rhythm(3 / 4),
paddingLeft: rhythm(3 / 4),
paddingRight: rhythm(3 / 4)
paddingRight: rhythm(3 / 4)
복사
복사됨
복사
복사됨
}
}
,
__source: {
fileName: _jsxFileName,
lineNumber: 6
},
__self: this
}, children);
}, children);
};
};
var _default = MainLayout;
var _default = MainLayout;
복사
복사됨
복사
복사됨
export default _default;
;
;
(function () {
(function () {
var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default;
var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default;
if (!reactHotLoader) {
if (!reactHotLoader) {
return;
return;
}
}
reactHotLoader.register(MainLayout, "MainLayout", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx");
reactHotLoader.register(MainLayout, "MainLayout", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx");
reactHotLoader.register(_default, "default", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx");
reactHotLoader.register(_default, "default", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx");
})();
})();
;
;
(function () {
(function () {
var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule;
var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule;
leaveModule && leaveModule(module);
leaveModule && leaveModule(module);
})();
})();
저장된 비교 결과
원본
파일 열기
(function () { var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; enterModule && enterModule(module); })(); var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { return a; }; import * as React from "react"; import { rhythm } from "../utils/typography"; var MainLayout = function MainLayout(_ref) { var children = _ref.children; return React.createElement("div", { style: { margin: "0 auto", marginBottom: rhythm(1.5), marginTop: rhythm(1.5), maxWidth: 650, paddingLeft: rhythm(3 / 4), paddingRight: rhythm(3 / 4) } }, children); }; var _default = MainLayout; ; (function () { var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; if (!reactHotLoader) { return; } reactHotLoader.register(MainLayout, "MainLayout", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx"); reactHotLoader.register(_default, "default", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx"); })(); ; (function () { var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; leaveModule && leaveModule(module); })();
수정본
파일 열기
var _jsxFileName = "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx"; (function () { var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; enterModule && enterModule(module); })(); var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { return a; }; import * as React from "react"; import { rhythm } from "../utils/typography"; var MainLayout = function MainLayout(_ref) { var children = _ref.children; return React.createElement("div", { style: { margin: "0 auto", marginBottom: rhythm(1.5), marginTop: rhythm(1.5), maxWidth: 650, paddingLeft: rhythm(3 / 4), paddingRight: rhythm(3 / 4) }, __source: { fileName: _jsxFileName, lineNumber: 6 }, __self: this }, children); }; var _default = MainLayout; export default _default; ; (function () { var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; if (!reactHotLoader) { return; } reactHotLoader.register(MainLayout, "MainLayout", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx"); reactHotLoader.register(_default, "default", "/Users/misiek/dev/gatsby/examples/using-typescript/src/layouts/index.tsx"); })(); ; (function () { var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; leaveModule && leaveModule(module); })();
비교하기