github page를 이용한 이력서 만들기 (2)

앞에서 Notion으로 만든 디자인을 바탕으로 React를 사용해서 이력서를 만들기 위해 기본 설정을 해줬다.

터미널 창을 열어 프로젝트 관리하는 폴더 또는 바탕화면을 기준으로 잡고 아래 명령어를 실행하면 react 기본 파일 구조가 생성된다. ( Node.js 설치 되어있어야 함)

npx create-react-app resume

src 디렉토리 밑에 index.js 와 App.js를 제외하고 나머지는 모두 제거한다.

파일을 정리 하고나면 import부분도 같이 정리해줘야 오류가 나지 않는다.

index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

App.js

function App() {
  return (
    <div className="App">
      Hello
    </div>
  );
}

export default App;

정리를 끝내면 vscode의 터미널에서 아래 코드로 프로젝트를 실행

npm start 

이걸로 이력서 제작을 위한 자리는 마련되었다..

본격 이력서 코딩 시작!!!