<a target="_blank" rel="noopener noreferrer nofollow" href="https://inflearn-challenge-stopwatch.lovable.app/">https://inflearn-challenge-stopwatch.lovable.app/</a>&nbsp;

스톱워치가 어디있어요.

<a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/ezzange/docker-react-app.git">https://github.com/ezzange/docker-react-app.git</a>추가 현재 코드 및 변경사항?&nbsp;<ol><li>window 유저의 추가 환경설정<ul><li>docker-compose.yml 파일에 사용하는 각 컨테이너 서비스에 아래 코드를 추가하고</li></ul><pre class="hljs"><code class="language-dockercompose">environment:
 - CHOKIDAR_USEPOLLING=true</code></pre>package.json의 스크립트 내용은 기본&nbsp;<a target="_blank" rel="noopener noreferrer nofollow" href="http://Dockerfile.dev">Dockerfile.dev</a> 파일에 코드 추가&nbsp;<pre class="hljs"><code class="language-dockerfile">ENV CHOKIDAR_USEPOLLING=true</code></pre>&nbsp;&nbsp;</li></ol>docker-compose.yml<pre class="hljs"><code>version: "3"
services:
 react:
 build: 
 context: .
 dockerfile: Dockerfile.dev
 ports:
 - "3000:3000"
 volumes:
 - /usr/src/app/node_modules
 - ./:/usr/src/app
 environment:
 - CHOKIDAR_USEPOLLING=true
 stdin_open: true
 
 tests:
 build: 
 context: .
 dockerfile: Dockerfile.dev
 volumes:
 - /usr/src/app/node_modules
 - ./:/usr/src/app
 environment:
 - CHOKIDAR_USEPOLLING=true
 command: ["npm", "run", "test"]</code></pre>package.json<pre class="hljs"><code> "scripts": {
 "start": "react-scripts start",
 "build": "react-scripts build",
 "test": "react-scripts test",
 "eject": "react-scripts eject"
 },
</code></pre>App.test.js<pre class="hljs"><code class="language-javascript">import React from 'react';
import { render } from '@testing-library/react';
import App from './App';

test('renders learn react link', () => {
 const { getByText } = render(<App />);
 const linkElement = getByText(/리로딩주시오/);
 expect(linkElement).toBeInTheDocument();
});
</code></pre>App.js<pre class="hljs"><code>import logo from './logo.svg';
import './App.css';

function App() {
 return (
 <div className="App">
 <header className="App-header">
 <img src={logo} className="App-logo" alt="logo" />
 
 <a
 className="App-link"
 href="https://reactjs.org"
 target="_blank"
 rel="noopener noreferrer"
 >
 리로딩주시오

 </a>
 </header>
 </div>
 );
}

export default App;
</code></pre>

Eli

投稿