'2024/05/09'에 해당되는 글 2건

  1. 2024.05.09 react lazy 로딩
  2. 2024.05.09 PostgreSQL psql 커맨드창

react lazy 로딩

React.js 2024. 5. 9. 09:19

lazy로딩은 별도로 사용할 수도 있으나 아래와 같이 라우터와 함께 사용될 때 더욱 효과적이다.

(예시 코드)

import React, { Suspense } from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';

const Home = React.lazy(() => import('./Home'));
const About = React.lazy(() => import('./About'));

function App() {
  return (
    <Router>
      <Suspense fallback={<div>Loading...</div>}>
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/about" element={<About />} />
        </Routes>
      </Suspense>
    </Router>
  );
}

export default App;

 

 

Posted by yongary
,

 

PostgreSQL의 psql은 PostgreSQL 데이터베이스와 상호작용하기 위한 커맨드 라인 툴입니다. psql 내에서는 \로 시작하는 다양한 명령어가 있으며, 이를 메타 명령이라고 부릅니다. 여기 몇 가지 유용한 예제를 소개합니다:

  1. \c [database_name]
    데이터베이스 연결을 변경합니다. 예를 들어, 다른 데이터베이스로 전환하고 싶을 때 사용합니다.
  2. \d [table_name]
    특정 테이블의 스키마를 보여줍니다. 테이블 이름을 생략하면 모든 테이블, 뷰, 인덱스 등의 목록을 보여줍니다.
     
     
  3. \dt
    데이터베이스 내의 모든 테이블을 보여줍니다.
  4. \l
    사용 가능한 모든 데이터베이스의 목록을 보여줍니다.
    \l
  5. \i [filename]
    지정된 파일에서 SQL 명령을 읽어서 실행합니다.
    \i setup.sql
  6. \s [filename]
    psql 세션에서 실행한 명령어의 기록을 파일로 저장하거나 보여줍니다.
    \s commands.log
  7. \e
    기본 텍스트 에디터에서 마지막으로 실행한 SQL 명령을 편집할 수 있습니다. 에디터는 환경변수 EDITOR로 설정됩니다.
  8. \x
    쿼리 결과를 확장된 형식으로 보여줍니다. 컬럼이 많은 경우에 유용합니다.
     
  9. \conninfo
    현재 데이터베이스 연결 정보를 보여줍니다.
     
     
  10. \q
    psql에서 나갑니다.
Posted by yongary
,