Gemini CLI 예제

photos/photo1.png
photos/photo2.png
photos/photo3.png

"photos" 디렉터리에 있는 사진의 이름을 내용을 기반으로 변경해 주세요.

photos/yellow_flowers.png
photos/antique_dresser.png
photos/green_android_robot.png

https://github.com/chalk/chalk에서 'chalk' 리포지토리를 복제하고, 주요 소스 파일을 읽고, 어떻게 작동하는지 설명해 주세요.

`chalk` 라이브러리는 색상으로 터미널 출력을 스타일링하기 위한 인기 있는 npm 패키지입니다. 소스 코드를 분석한 결과, 작동 방식은 다음과 같습니다.
 
- **핵심 기능:** 기본 파일은 체인 가능한 API를 설정합니다. 각 색상이나 수정자(예: `bold` 또는 `italic`)는 해당 ANSI 이스케이프 코드를 내부 스택에 추가하는 getter입니다.
 
- **체인 가능한 API:** `chalk.red.bold('Hello')`를 호출하면 getter에 액세스하는 것입니다. `red` getter는 빨간색 코드를 추가하고 `bold` getter는 굵게 코드를 추가합니다.
 
- **출력 생성:** 체인이 문자열로 처리될 때(예: `console.log`에서) 최종 `toString()` 메서드가 호출됩니다. 이 메서드는 저장된 모든 ANSI 코드를 결합하고 입력 문자열('Hello')을 감싸고 끝에 재설정 코드를 추가합니다. 이렇게 하면 터미널이 렌더링할 수 있는 최종 스타일 문자열이 생성됩니다.

January,0
February,0
March,0
April,900
May,1000
June,1000
July,1200
August,1800
September,2000
October,2400
November,3400
December,2100

두 개의 .csv 파일을 하나의 .csv 파일로 결합하고 각 연도를 다른 열로 만드세요.

Month,2023,2024
January,0,1000
February,0,1200
March,0,2400
April,900,500
May,1000,800
June,1000,900
July,1200,1000
August,1800,400
September,2000,2000
October,2400,3400
November,3400,1800
December,2100,9000

Login.js에 대한 단위 테스트를 작성해 주세요.

import React from 'react';
import { render, fireEvent, waitFor } from '@testing-library/react';
import Login from './Login';
 
// Mock the API call for login
jest.mock('./api', () => ({
  login: jest.fn(),
}));
 
describe('Login component', () => {
  it('renders the login form correctly', () => {
    const { getByLabelText, getByText } = render(<Login />);
 
    expect(getByLabelText('Username')).toBeInTheDocument();
    expect(getByLabelText('Password')).toBeInTheDocument();
    expect(getByText('Login')).toBeInTheDocument();
  });
 
  it('shows an error message with invalid credentials', async () => {
    const { getByLabelText, getByText, findByText } = render(<Login />);
    const usernameInput = getByLabelText('Username');
    const passwordInput = getByLabelText('Password');
    const loginButton = getByText('Login');
 
    // Mock the API to return an error
    require('./api').login.mockRejectedValue(new Error('Invalid credentials'));
 
    fireEvent.change(usernameInput, { target: { value: 'testuser' } });
    fireEvent.change(passwordInput, { target: { value: 'wrongpassword' } });
    fireEvent.click(loginButton);
 
    const errorMessage = await findByText('Invalid credentials');
    expect(errorMessage).toBeInTheDocument();
  });
 
  it('logs in successfully with valid credentials', async () => {
    const onLoginSuccess = jest.fn();
    const { getByLabelText, getByText } = render(
      <Login onLoginSuccess={onLoginSuccess} />,
    );
    const usernameInput = getByLabelText('Username');
    const passwordInput = getByLabelText('Password');
    const loginButton = getByText('Login');
 
    // Mock the API to return a success message
    require('./api').login.mockResolvedValue({ success: true });
 
    fireEvent.change(usernameInput, { target: { value: 'testuser' } });
    fireEvent.change(passwordInput, { target: { value: 'correctpassword' } });
    fireEvent.click(loginButton);
 
    await waitFor(() => {
      expect(onLoginSuccess).toHaveBeenCalled();
    });
  });
 
  it('disables the submit button while submitting', async () => {
    const { getByLabelText, getByText } = render(<Login />);
    const usernameInput = getByLabelText('Username');
    const passwordInput = getByLabelText('Password');
    const loginButton = getByText('Login');
 
    // Mock the API to have a delay
    require('./api').login.mockImplementation(
      () =>
        new Promise((resolve) =>
          setTimeout(() => resolve({ success: true }), 1000),
        ),
    );
 
    fireEvent.change(usernameInput, { target: { value: 'testuser' } });
    fireEvent.change(passwordInput, { target: { value: 'correctpassword' } });
    fireEvent.click(loginButton);
 
    expect(loginButton).toBeDisabled();
 
    await waitFor(() => {
      expect(loginButton).not.toBeDisabled();
    });
  });
});