hoya

React 생성부터 Todo 만들어보기

이윤호대리 — Sun, 24 Aug 2025 05:25:16 +0900

React 프로젝트 시작하기 [ 구성부터 ToDo까지 ]

1. 프로젝트 생성: 두 가지 선택지

React 프로젝트를 시작하는 가장 대중적인 방법은 두 가지입니다.

CRA (Create React App)

npx create-react-app todo

Vite

npm create vite@latest todo -- --template react

CRA vs. Vite 장단점

React 프로젝트를 시작할 때 가장 먼저 만나는 갈림길, 바로 CRA(Create React App)와 Vite입니다. 둘 다 복잡한 설정 없이 React 개발 환경을 만들어주는 훌륭한 도구지만, 동작 방식과 그로 인한 개발 경험에서 큰 차이가 있습니다.

CRA

CRA의 장점

높은 안정성과 성숙도: 수많은 프로젝트를 통해 검증되었습니다. 예측 불가능한 문제가 발생할 확률이 매우 낮아 안정적인 운영이 중요할 때 신뢰할 수 있습니다.
거대한 생태계와 자료: React 튜토리얼의 90%는 CRA를 기반으로 작성되었습니다. 개발 중 문제가 생겼을 때 참고할 수 있는 Stack Overflow 답변, 블로그 글, 강의가 압도적으로 많습니다.
설정의 단순함 : Webpack이나 Babel 같은 복잡한 도구 설정을 전혀 신경 쓸 필요가 없습니다. 초보자가 설정에 대한 스트레스 없이 React 코드 자체에만 집중할 수 있게 해줍니다.

CRA의 단점

느린 개발 서버 속도: 가장 치명적인 단점입니다. 프로젝트 규모가 커질수록 개발 서버를 시작하는 데 수십 초 이상 걸릴 수 있습니다. 내부적으로 사용하는 웹팩(Webpack)이 모든 소스 코드를 미리 번들링하기 때문입니다.
느린 수정 반영 속도 (HMR): 코드를 한 줄만 수정해도 변경 사항이 브라우저에 반영되기까지 다시 번들링하는 과정 때문에 딜레이가 발생합니다. 이 작은 딜레이들이 모여 개발 생산성을 크게 떨어뜨립니다.
설정의 어려움: 설정이 없는 것은 장점이자 단점입니다. 만약 웹팩 설정을 조금이라도 변경하고 싶다면, eject라는 되돌릴 수 없는 명령어를 사용하거나 craco 같은 별도의 라이브러리를 써야 해서 매우 번거롭습니다.
유지보수 모드: React 공식 문서에서도 더 이상 CRA를 새로운 프로젝트에 추천하지 않고, Vite나 Next.js 같은 최신 프레임워크를 사용하라고 안내하고 있습니다. 즉, 더 이상 발전이 없는 기술입니다.

Vite

Vite의 장점

압도적으로 빠른 개발 서버: Vite를 사용하는 가장 큰 이유입니다. 프로젝트 규모와 상관없이 거의 즉시 개발 서버가 시작됩니다. 미리 번들링하지 않고 브라우저가 요청하는 파일만 그때그때 전달하는 방식으로 동작하기 때문입니다.
즉각적인 수정 반영 속도: 코드 수정 시에도 전체를 다시 빌드할 필요 없이 딱 변경된 부분만 교체하므로, 저장과 동시에 브라우저 화면이 업데이트됩니다. 개발 경험의 질이 차원이 다릅니다.
간편하고 유연한 설정: vite.config.js라는 간단한 설정 파일을 통해 필요한 기능을 쉽게 추가하거나 수정할 수 있습니다. CRA처럼 eject의 공포에 떨 필요가 없습니다.
다양한 프레임워크 지원: React뿐만 아니라 Vue, Svelte, 순수 JavaScript(Vanilla JS) 등 거의 모든 프론트엔드 프로젝트를 지원하는 범용 도구입니다.

Vite의 단점

브라우저 호환성 (개발 시): 개발 서버가 네이티브 ES 모듈을 기반으로 하므로, 해당 기술을 지원하지 않는 아주 오래된 브라우저(예: 인터넷 익스플로러)에서는 개발이 불가능합니다. 하지만 npm run build로 생성하는 최종 결과물은 CRA와 마찬가지로 구형 브라우저도 지원하도록 변환되므로, 실제 서비스에서는 문제가 되지 않습니다.
상대적으로 새로운 생태계: CRA만큼 역사가 길지는 않아서 아주 특수한 웹팩 플러그인이 필요한 경우, Vite에서 바로 사용 가능한 대체 플러그인이 없는 경우가 아주 드물게 있을 수 있습니다. (하지만 대부분의 경우 문제가 되지 않습니다.)

Step.01 Vite 프로젝트 생성

터미널을 열고 아래 명령어를 입력해서 Vite 프로젝트 생성을 시작해 봅시다.

npm create vite@latest todo

npm create vite@latest todo 명령어는 크게 세 부분으로 나눌 수 있습니다.

npm create: npm을 통해 새로운 프로젝트를 시작하겠다는 명령어입니다. npm create vite는 npm init vite의 단축 명령어라고 생각하면 편합니다.
vite@latest: vite라는 패키지를 사용할 것이고, 항상 **가장 최신 버전(@latest)**을 다운로드해서 설치하라는 의미입니다. 이렇게 해야 Vite의 최신 기능을 모두 사용할 수 있죠.
todo: 생성될 프로젝트의 폴더 이름입니다. 이 부분은 my-react-app처럼 원하시는 다른 이름으로 자유롭게 바꿀 수 있습니다.

명령어를 입력하면, 아래 사진과 같은 선택창이 나타 납니다 :)

저희는 React로 진행 할 예정이 React를 선택해주세요

React를 선택하면

아래의 선택 화면이 또 나타납니다.

TypeScript: 타입스크립트를 사용하는 가장 표준적인 React + Vite 설정입니다. Vite의 기본 컴파일러인 esbuild를 사용해 매우 빠른 속도를 보여줍니다.
TypeScript + SWC: 타입스크립트를 사용하지만, 컴파일러로 SWC를 사용하도록 설정한 템플릿입니다. SWC는 Rust로 작성되어 매우 빠르며, 일부 대규모 프로젝트에서는 esbuild보다 더 나은 성능을 보여주기도 합니다.
JavaScript: 순수 자바스크립트를 사용하는 표준 React + Vite 설정입니다. JS부터 시작하는 경우 이 옵션을 선택하면 됩니다.
JavaScript + SWC: 순수 자바스크립트를 사용하며, 컴파일러로 SWC를 사용하도록 설정한 버전입니다.

React Router v7: 리액트 라우터 라이브러리가 처음부터 설치되고 기본 설정까지 완료된 상태로 프로젝트를 시작합니다. 여러 페이지를 만들어야 하는 프로젝트라면 이 템플릿으로 시작하는 것이 편리합니다.
TanStack Router: React Query로 유명한 TanStack 팀에서 만든 최신 라우팅 라이브러리입니다. 타입스크립트 지원이 매우 강력하고 URL의 검색 파라미터(search params)를 다루기 편하다는 장점이 있습니다.
RedwoodSDK: RedwoodJS 프레임워크의 일부 기능을 사용할 수 있게 해주는 템플릿으로, 주로 탈중앙화 애플리케이션(dApp) 개발과 같은 특정 목적에 사용됩니다.
RSC (React Server Components): React의 최신 기능인 서버 컴포넌트를 실험적으로 사용해볼 수 있도록 설정된 템플릿입니다. 서버 컴포넌트는 Next.js 같은 프레임워크에서 주로 사용되는 고급 기능입니다.

❓ SWC가 뭔가요?

SWC (Speedy Web Compiler)는 Babel처럼 최신 JavaScript/TypeScript 코드를 구형 브라우저에서도 동작하도록 변환해주는 '트랜스파일러'입니다. Rust로 만들어져 기존의 Babel보다 훨씬 빠르다는 장점이 있어 차세대 도구로 주목받고 있습니다.

React Router ~ RSC 까지 Vite에선 이런거 많이 쓰더라! 아예 처음부터 세팅해줄게! 라는 스타터 키트 입니다.

저희는 간단한 TODO를 생성할 예정이라 JS 부터 차근 차근 진행 해봅시다!

JavaScript 를 클릭하고 진행해주세요!

Step.02 Vite 폴더 구성하기

사람마다 다르겠지만,

저는 개인적으로

public # 빌드 과정없이 그대로 유지되어야 하는 이미지나 파일을 작성합니다. 하지만 전 CSS가 아닌
페이지 자체에 넣기위한 이미지위해 사용하기도 합니다. ( 정석은 아니예요.. )

src

└ assets/ # 이미지, 폰트 등 정적 파일

└ style/ # SCSS 및 CSS
└ components/ # 재사용 되는 ex ) Input 등 컴포넌트 관리하기 위한 폴더

└ parts/ # Header, Footer 등 공통적인 레이아웃용 폴더

└ pages/ # 실제 페이지 단위의 컴포넌트

└ App.jsx # 라우팅을 위한 App.js 페이지

└ main.jsx # StrictMode, Toast, 브라우저 라우트를 위한 페이지

로 구성합니다.

시작하기전 저희는 기본 라이브러리 부터 깔고 시작합시다!

npm install sass framer-motion react-icons react-auto-height

sass: SCSS 문법 사용
framer-motion: 애니메이션 효과 구현
react-icons: 아이콘 사용
react-auto-height : 높이 자동 조절 기능 구현

여기까지 초기 작업은 완료되었습니다

Step.03 Vite 시작하기

자 이제 VSCODE에서 컨트롤 + ~ 누르고 명령어를 실행 시킵니다!

npm run dev : vite 명령어

npm run start : CRA 명령어

저희는 VITE 명령어를 실행 합니다!

시작과 동시에 오류가 발생합니다.

대충 읽어보니 우리가 시작하고 폴더 구성단계에서 삭제했던 코드가 문제가 되었네요!

style 폴더에 todo.scss를 생성해줍니다.

그리고 App.jsx 에

import "./index.css" 를

import './style/todo.scss' 로 교체 해줍니다!

그렇지만 저는 상대경로를 썩 좋아 하지 않습니다.

그렇기에

vite.config.js 를 수정해줍니다.

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import path from 'path'; //   1. path 라이브러리 import

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  //   2. resolve.alias 옵션 추가
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  },
});

그리고 좀더 편하기 위해

jsconfig.json을 추가해줍니다

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "exclude": ["node_modules", "dist"]
}

"뭐가 편해지는데요?"

jsconfig를 생성하게 되면

에디터가 "@/로 시작하면 되는구나" 하고 알 수 있고, 에디터가 경로를 자동으로 추천(자동완성)해줄 수 있습니다.

import './style/todo.scss' 그럼 이걸 이제 절대경로로 또 수정해줍니다.

import '@/style/todo.scss'

자 이제 화면에 보이던 에러가 사라지고

글자와 이미지만 보이게 됩니다.

Step.04 화면 구성하기

04-01 - 상태 관리

 const [todos, setTodos] = useState([
    { id: 1, text: 'todo - 01', completed: true },
    { id: 2, text: 'todo - 02', completed: false },
  ]);

우리는 리스트가 될 친구를 기본적으로 지정해 주었다.

어? 나는 없는게 좋은데?

 const [todos, setTodos] = useState([]);

그러면 안에 리스트를 지우고 배열만 스윽 하고 남겨 두자!

또한 react는 html과 다르게

const [inputText, setInputText] = useState('');

각 인풋의 상태를 지정해주어야한다.

ex)

const [first, setFirst] = useState("");

const [second, setSecond] = useState("");

위와 같이 하나하나 지정해주거나

const [form, setForm] = useState({
  first: "",
  second: "",
});

const handleChange = (e) => {
  const { name, value } = e.target; //   1. e.target에서 name과 value를 가져옵니다.
  setForm(prevForm => ({      //   2. 이전 state를 기반으로 새로운 state 객체를 만듭니다.
    ...prevForm,              //   3. 기존의 모든 값을 그대로 복사하고,
    [name]: value             //   4. 현재 변경된 input의 name에 해당하는 값만 새로 덮어씁니다.
  }));
};

return (
  <>
    <input name="first" value={form.first} onChange={handleChange} />
    <input name="second" value={form.second} onChange={handleChange} />
  </>
);

이렇게 작성하면 코드가 더 깔끔해지죠. 특히 앞으로 만들 페이지에 입력창이 10개씩 된다고 생각해보면, 이 방식이 왜 편한지 바로 이해될 거예요!"

~~안그러면 같이 움직여 부러..~~

04-02 기능 정의

 // 할 일 추가 기능
  const handleAddTodo = (e) => {
    e.preventDefault(); // form의 새로고침 방지
    if (!inputText.trim()) return; // 빈 값은 추가하지 않음

    const newTodo = {
      id: Date.now(),
      text: inputText,
      completed: false,
    };
    setTodos([...todos, newTodo]);
    setInputText(''); // 입력창 비우기
  };

  // 할 일 완료/미완료 토글 기능
  const handleToggleTodo = (id) => {
    setTodos(
      todos.map(todo =>
        todo.id === id ? { ...todo, completed: !todo.completed } : todo
      )
    );
  };

  // 할 일 삭제 기능
  const handleDeleteTodo = (id) => {
    setTodos(todos.filter(todo => todo.id !== id));
  };

e.preventDefault(); // form의 새로고침 방지

handleSubmit 함수 첫 줄에 있는 e.preventDefault()는 <form> 태그의 기본 동작을 막기 위해 반드시 필요합니다.

<form> 태그의 기본 동작

웹 브라우저에서 <form> 내부의 '제출' 버튼을 누르면, 기본적으로 페이지가 새로고침되도록 설계되어 있습니다.

form의 데이터를 서버로 보내고 새로운 페이지를 받아오는 전통적인 웹페이지 방식 때문입니다.

React 앱에서 발생하는 문제

하지만 React와 같은 싱글 페이지 애플리케이션(SPA)에서 새로고침은 치명적입니다. 페이지가 새로고침되면, useState로 관리되던 모든 데이터(할 일 목록 등)가 초기 상태로 리셋되기 때문입니다.

결과적으로, e.preventDefault()가 없다면 사용자가 할 일을 추가하는 순간 페이지가 깜빡이며 방금 추가한 데이터가 사라지는 현상이 발생합니다.

해결 방법: e.preventDefault()

e.preventDefault()는 이러한 브라우저의 기본 동작을 명시적으로 막는 역할을 합니다.

이 코드를 통해 브라우저의 새로고침을 중단시키고, 대신 우리가 작성한 React의 상태 업데이트 로직(setTodos 등)이 실행되도록 제어권을 가져올 수 있습니다. 이렇게 해야 비로소 SPA답게 부드러운 사용자 경험을 제공할 수 있게 됩니다.

04-03 화면 구성

return (
    <div className="app-container">
      <h1>My Todo App</h1>

      {/* --- 입력 폼 UI --- */}
      <form className="todo-form" onSubmit={handleAddTodo}>
        <input
          type="text"
          placeholder="새로운 할 일을 입력하세요..."
          value={inputText}
          onChange={(e) => setInputText(e.target.value)}
        />
        
        <button type="submit">추가</button>
      </form>

      {/* --- 할 일 목록 UI --- */}
      <ul className="todo-list">
        {todos.map(todo => (
          <li
            key={todo.id}
            className={`todo-item ${todo.completed ? 'completed' : ''}`}
          >
            <span className="text" onClick={() => handleToggleTodo(todo.id)}>
              {todo.text}
            </span>
            <button className="delete-btn" onClick={() => handleDeleteTodo(todo.id)}>
              삭제
            </button>
          </li>
        ))}
      </ul>
    </div>
  );

우리는 Form 태그에 input과 button으로 React state 상태값에 저장을 하고,

그 상태값은 map (반복문)으로

지금까지 저장된 배열에서 하나씩 가져와서 화면을 구성할 예정이예요.

Todo 앱이 잘 동작하는 것을 확인하셨나요? 그런데 혹시 F5 키를 눌러보셨나요?

아마 애써 추가한 목록이 허무하게 사라지는 것을 보셨을 겁니다.

지금 우리의 데이터는 컴퓨터의 RAM처럼 휘발성 메모리에 저장되어 있기 때문이죠.
F5(새로고침)을 누르게 되면 모든 게 리셋됩니다.

실제 서비스에서는 이 데이터를 서버 데이터베이스에 저장하지만,

서버 없이 이 문제를 해결하는 멋진 방법도 있습니다. 바로 브라우저 로컬 스토리지를 사용하는 것이죠.

다음 글에서는 이 로컬 스토리지를 이용해 우리의 할 일을 영구적으로 저장하는 방식을 알아볼게요!
또한, 길어진 App.jsx 코드를 레고 블록처럼 깔끔하게 나누는 리팩토링을

통해 왜 React가 편하고 코드 구성이 빠른지 알려드릴게요 !

끝으로 전체 코드!

import React, { useState } from 'react';
import '@/style/todo.scss';

function App() {
  // STATE (상태 관리)
  // 할 일 목록 데이터를 state로 관리
  const [todos, setTodos] = useState([
    { id: 1, text: 'todo - 01', completed: true },
    { id: 2, text: 'todo - 02', completed: false },
  ]);

  // 입력창의 텍스트를 관리하는 state
  const [inputText, setInputText] = useState('');


  // 기능 정의
  // 할 일 추가 기능
  const handleAddTodo = (e) => {
    e.preventDefault(); // form의 새로고침 방지
    if (!inputText.trim()) return; // 빈 값은 추가하지 않음

    const newTodo = {
      id: Date.now(),
      text: inputText,
      completed: false,
    };
    setTodos([...todos, newTodo]);
    setInputText(''); // 입력창 비우기
  };

  // 할 일 완료/미완료 토글 기능
  const handleToggleTodo = (id) => {
    setTodos(
      todos.map(todo =>
        todo.id === id ? { ...todo, completed: !todo.completed } : todo
      )
    );
  };

  // 할 일 삭제 기능
  const handleDeleteTodo = (id) => {
    setTodos(todos.filter(todo => todo.id !== id));
  };


  // 화면 그리기
  return (
    <div className="app-container">
      <h1>My Todo App</h1>

      {/* --- 입력 폼 UI --- */}
      <form className="todo-form" onSubmit={handleAddTodo}>
        <input
          type="text"
          placeholder="새로운 할 일을 입력하세요..."
          value={inputText}
          onChange={(e) => setInputText(e.target.value)}
        />
        
        <button type="submit">추가</button>
      </form>

      {/* --- 할 일 목록 UI --- */}
      <ul className="todo-list">
        {todos.map(todo => (
          <li
            key={todo.id}
            className={`todo-item ${todo.completed ? 'completed' : ''}`}
          >
            <span className="text" onClick={() => handleToggleTodo(todo.id)}>
              {todo.text}
            </span>
            <button className="delete-btn" onClick={() => handleDeleteTodo(todo.id)}>
              삭제
            </button>
          </li>
        ))}
      </ul>
    </div>
  );
}

export default App;

Flim, 일회용 카메라 < 또, 포천예담 >

이윤호대리 — Sat, 15 Jun 2024 00:39:34 +0900

2024.06.15 < 써니 힐과, 포천예담 까지 리솜 >

포천예담부터 시작된 캠핑과의 인연은 강화도까지 흘러 들어왔다.

써니힐 너 들어가는데 좀 힘들더라...

미친듯이 높은 언덕, 공사 소리가 조금 거슬렸지만

꽤 좋은 전망을 가지고 있던 써니힐, 바다가 아직도 기억이 난다.

천천히 꾸준히 가고 있던 배는 내 일회용 카메라에 담기게 되었다.

여긴 어디지?

어딘지 모르는 나무, 그리고 남의집 꽃 나무까지,

우리가 강화도를 도착했을땐, 벚꽃은 얼마나 낯을 가리던지, 몽우리만 보이더라.

안녕?, 바다를 지키는 가로등아?

우리는 반기지 않던 개들을 뒤로한채 20분을 걷다보니,

바다가 보이더라, 물은 많이 빠졌지만 나는 퍽 좋았다.

응, 역시 난 바다가 좋다.

그렇게 써니힐 캠핑이 끝난채,

그 다음주에 포천 예담에 도착하니 사장님이 3번째네요~ 라고 말씀 주셨고, 난 즐거웠다,

추억이 시작 된 곳에서, 남의 좋은 추억도 시작 됬음 했나보다,

여기 벚꽃은 화려하게 우리를 만나 주었다,

벚꽃이 아닌가..?

그렇게 꽃따라 한탄강 산책길을 따라 가니

이러한 풍경이 있더라.

이쯤 내려왔을땐 내가 체력이 없는지 힘들더라..

봐봐 얼마나 힘들면 카메라가 삐뚫어졌어..

진짜 헉헉 대면서 올라 왔던거 같은데..

어르신들은 잘만 가던뎅...

다 올라와서 캠핑장 다시 가는 길,

내가 꽃때문에 참았어 증믈... 힘들어..

저 나무는 처음 왔을땐 노란 옷을 입었는데,

3번째 왔을땐 더웠는지 잎사귀 하나 없더라..

다음에 또 올게 은행 나무야

산토리 들어가있어!!!

그렇게 짐정리를 끝내고 포천예담에서 집으로..

포천예담을 같이 갔던 지인들이, 우리를 리솜에 초대 하였다.

어릴때 콘도는 가봤지만. 어른되고는 처음이라...

표를 뽑고 기다리는 중 우리 앞에 80여명의 대기 인원..

다들 평일에 많이오는구나...

이때 태안의 하늘은 매우 아름다웠고

바다를 푸른 빛 이였다.

이쯤 되니 나의 필름 카메라는.

더이상 감기지 않고, 빈 틱틱 소리를 내더라.

그렇게 나의 일회용 카메라 일기는 다 쓰여졌다.

Flim, Konica C35 RF <오랜만에 현상>

이윤호대리 — Sun, 12 May 2024 21:46:36 +0900

2024.05.12 < 오랜만에 현상 >

카메라는 아직 나와의 사이가 어색 한가보다.

첫사진은 포천예담에 나의 캠핑이 시작 될 때의 사진인거 같다.

엄청 오랜만에 현상을 해서 그런가 글은 쓰는것 조차 어색하다

어딘지도 모르는 나의사진

어느샌가 야금야금 캠핑 장비를 사기 시작했고 나의 차는 2인용 아반떼가 되어버렸다.

그럼에도 불구하고 사야 할 것은 한참 남은것 같은데..

참 돈이 많이 들어가는 취미 인 것 같다

포천예담이 첫 캠핑지 여서 그런가 매우 자주간것만 같다.

이 날은 맥주도 얼 정도의 추위를 나에게 선물 해 주었다.

이 날 미친듯이 분 바람은 나의 타프를 없애버렸고,

텐트만 핀채로 난 지인들이 올 때까지 누워서 자버렸다..

하지만 미친듯이 분 바람은,

구름마저 가져가 버렸는

나에게 이렇게 이쁜 계단 사진을 주었다.

그리고 난 이 사진들을 제일 좋아한다

이날 윤슬 사진은 매우 반짝 반짝 했으며 나를 반겨 주었다.

3번째 사진과 2번째 사진은 내 최애 사진이다.

시간이 흘러 나의 생일날,

부산을 놀러가서 처음찍은 벚꽃 사진

소나무 옆에 있는 벚꽃이 퍽 이상했지만 꽤 괜찮아서 한장 사진기에 담아 올렸다.

정말 갑자기 떠난 여행이였지만,

이 장소를 간것만으로도 충분히 만족 하는 여행 이였다.

피쉬엔 칩스를 먹으러 가는 길,

시간이 애매해 그냥 걸어가기로 했다.

그리고 덩그러니 놓여진 배 한척을 보고 그냥 아무 생각 없이 찍은 사진은

또 내가 좋아하는 사진이 되었다.

이 사진들을 마지막으로 필름은 끝이 났고,

또 현상을 하기 위해 열심히 돌아다녀야겠다.

나의 고상한 취미는 여기까지

Flim, Konica C35 RF <포천예담 & 강화도 >

이윤호대리 — Sun, 19 Nov 2023 21:37:51 +0900

2023.10.14 < 첫 캠핑 그리고 새우 먹으러 가다>

형의 맥시멈 라이프..

첫 캠핑, 캠핑간다 구매한다 고로 나의 장바구니에도 존재한다.

첫 캠핑과 텅 비어버린 나의 지갑..

난 이정도는 사지 못해.. 지갑이 버티질 못해..

티비라니.. 세상에 캠핑에 티비라니...

형은 오토 캠핑 나는 글램핑

글램핑은 꽤나 좋았던거 같아.

넓은 방 넓은 침대 땅바닥만 따듯한 보일러..

생각보다 좋았고 확신의 찬 찜하기...

은행이 노랗게 물들었고..

특유의 냄새는 나지 않았다.

그래서 더 좋았나봐

수동은 당최.. 초점과 역광을 어떻게 조절하는지 모르겠어..

예담 근처에 흔들 다리는 출발할때쯤 해가 지기

시작해서 의도치 않게 타임어택 산책이 되기 시작했지만 분위기는 참 좋았었다.

꽤 많은 사진은 찍었지만 사람이 많이 나와서 어쩔수 없이 .. 올리지 못했다.

2023.09.10 < 새우 먹으러 강화도를 가다>

제목은 새우먹으러 가다 이지만, 세상에 받은 사진은 전부.. 전부 뚜껑이 닫혀있었네..

같이간 분이 찍은 사진 아 거 찍지 마쇼!

테스트 저로 하지마소!

새우 먹고 근처 까페에서 윤슬이 빛나는 바다를 찍었다.

너무 아름 다워라..

새우 먹으러 간 강화도 인데 새우가 없어..

똑같은 사진만 와장창찍은거 같다.

우당탕 논 강화도, 캠핑 블로그는 여기 까지다.

갈수록 글 쓰는 솜씨는 죽는듯 하다..

Flim, Konica C35 RF <동탄호수공원>

이윤호대리 — Fri, 14 Jul 2023 03:15:47 +0900

< 동탄 호수공원 >

2023.07.08 < 첫 RF 필름 카메라 >

집밖 풍경 꽤나 선명하게 나왔다 생각보다 뚜렷한 친구구나?

생각보다 뚜렷하게 나오는는 친구,

RF 오토 포커스가 아니라 너랑은 친해지는데 시간이 좀 걸릴듯 싶어..

어두울땐 어떨까 하고 찍어보았는데.. 역시.. 무서운 곰이 되어있구나...

이 감성이 난 너무좋아

어둡지 않은 하늘로 기억하는데 생각보다 어두운 사진.

조금 무섭다. 친해 질 수 있겠지?

꽤나 이쁜 건물을 보자마자,

낯선 친구의 버튼을 찰칵!

우린 그물에 걸린거야!

동탄에 내리자마자 머리위에는,

선으로 된 전구들이 그물처럼 앉아있더라.

너무 이뻐서 찰칵!

이름 모를 무언가

그물을 뚫고 나오니,

햇빛 그리고 새장이 날 반겼다.

안녕??

나도 이제 아저씨인가봐! 꽃이 너무 이쁜걸?

노랑꽃! 너희의 이름은 어떻게 되니?

분홍!

너희의 이름은?

윽..

나 혼자 신났던 것일까?

카메라는 초점을 잃어버렸다. ~~(따쉬..)~~

이 친구들도 초점이 없어!!

친구야.. 혹시 피사체가 많으면..

초점을 잃어버리는 거니??

아! 몰라 돌아라 돌아라!!

초점 걱정 없던 당시에 나는 바람개비를 신나게 돌리면서

찰칵 찰칵!

어머? 윤슬이...

바람개비를 돌리다보니. 뒤에는 윤슬이 보였다.

이뻐 이뻐!

필름 다 좋아...

그냥 필름은 뭘 찍어도 이쁜거 같아.

헤이!

근처 까페를 찾던중,

그냥 이쁜 하트가 보여 찍어버렸지 뭐야!

이봐! 문지기가 되어보렴!

이 까페에 베스트 샷은 이것닷!

까페 사장님에게 양해를 구하고

덩그라니 홀로 있는 전구도 찰칵!

너도 혼자 있구나?

혼자 있던 다른친구도 찰칵!

어머 이뻐 찰칵

어머 이친구들은 여러명이 있네? 찰칵!!

이뻐 이뻐

너도 이쁘구나 찰칵과 동시에

더이상 감기지 않는 필름.

이 친구랑 첫 출사는 이사진이 마지막으로 끝이 났다

Flim, OLYMPUS 뮤 <경복궁>

이윤호대리 — Sun, 2 Jul 2023 21:10:14 +0900

<경복궁 가는 길>

사진을 찍어야지, 생각만 하다가 오늘 겨우 경복궁으로 출발!

나의 동네는 생각보다, 한국 스럽다.

전선이 많은.. 간판이 많은..

난 그런 한국스러운 분위기가 나쁘지 않다고 생각한다.

차가 좀 많아서 불편 할 뿐이지..

그냥 오늘은.. 무조건 현상해야지 라는 생각으로

아무거나 찍은 골목.. 이때.. 이때 카메라가 고장난걸 알았어야 했는데..

안녕 북아

입구 앞 북은 닳고 닳은 모습으로

외롭게 서있다.

바글 바글 우글 우글

무척 더운 경복궁에는 한국인보다 외국인이 더 많았다.

어처구니가 있네!?

어처구니를 보고 있자니.

이쁘다 이쁘다! 찍자 찍자! 생각에 찰칵!

너! 내 사진이 되라!

윽.. 나의 파우치...

이 사진이 한롤에 끝이 될 줄 몰랐지..

카메라 떨어 트리고 고장난걸 모르다니..

부랴 부랴 같이 간 사람의 롤을 훔친채 다른 사진을 찰칵!
마음은 속상했지만. 그래도 사진은 재밌으니 !!

이 밑에 비 대신 햇빛을 피하며.

버튼을 꾸욱 눌렀을때 난 행복했다. :)

대문을 나서니. 산 그리고 담벼락,

사진 찍기 너무 좋지 아니한가.

까치야! 시원하니?

또 한참을 걷다 보니.

까치 마저 햇빛을 피하고 있엇다.

내가 본 풍경은 이렇게 나무가 많지 않았는데..

역시 필카는 망한 대로 망한 재미가 있는것 같아 :)

뭐랄까 경복궁은 꽤나 맘에 드는 옛스러움이였다.

그러니 뛰어잇!!!

영문도 모른채 그녀는 뛰어야만 했다.

햇빛을 피해 들어온 대문 안은 멋스러움이

우리를 반겼다.

또 어처구니!! 나 너희 좋아 하나봐!

하지만 어처구니를 마지막으로 푸슉 소리는 내는

나의 카메라.

필름이 감기고..

서운한채로 나의 출사는 끝이 났다.

주제없이 정처 없이 나의 글과 사진은 고장난 카메라를 끝으로

마무리하겠다..

Flim, OLYMPUS 뮤 <일상>

이윤호대리 — Sun, 25 Sep 2022 19:04:39 +0900

<어쩌다, 보니 일상사진>

사진, 찍는걸 좋아하지만 어쩌다보니,

미루다 미루다 결국 09월 24일에 겨우 현상 하게 되었다.

내가 제일 사진이 되겠다.

빨래를 걷으러 가는 날 솜을 뭉친듯한 구름이,

내 눈앞에 보였고, 한치의 고민없이 후다닥 달려 필름 카메라를 들고 왔다.

위에 사진을 수정해 보았지만. 난 원본이 제일 좋은듯하다

망한 사진 이랄까.

이번 제목을 바꿔야할듯 하다.

어쩌다보니 망한 사진 대회.

그 망한 사진은 우리회사, 직원 분도 피할수 없었다.

어릴적 보던 마르코라는 만화의 주인공 같아 보이는데.

고장난 카메라가 빛을 너무 많이 받아 드리는 듯하다.

카메라를 어서 고쳐야겠어..

회사 근처 오성 맥주집! 갑자기 플래쉬가 터져서 극 I 인 나는 창피해졌다..

필름을 들고 다니면서,

맥주집에 와서 찍어보았는데. 이사진은 꽤나

만족 스러운 결과가 나온거 같아 기분이 좋다.

필름 카메라를 찍다보면

아 왠지 망했을거같은데 하고

한번 더 찍게 되는 습관이 생겼다.

이 사진은 플래쉬가 안터지게 몰래 찍고

베베 웃었던 기억이 난다.

비오는날 한손엔 우산을 한손은 카메라를

정말 낑낑 거리면서 찍었던 기억이 난다.

한쪽만 찍을 순 없지!!

나는 비오는 날이 참 좋더라.

토독 토독 소리, 백색 소음이 참 좋더라..

추석 할머니 댁 근처

터덜 터덜 걸어가다 하늘을 보니,

날 찍어주세요! 라고 외치는 하늘,

딱 기다려! 하며 찍었다.

맨위에 빨래를 걷다 찍은 사진와 같은날

난 이 날의 사진이 너무나도 마음에 든다,

수정 하다 망친게 아니라 뿌옇게 나왔어!

조금 선명하지 않아 조금 아쉽지만,

그래도 너도 좋아 :)

플레이리스트 썸네일 처럼 생긴 사진아

거긴 외롭지 않니?

빨래를 걷다 내려오는 길,

하늘을 자꾸 쳐다보니 옆건물에 안테나? 피뢰침? 이

날 쳐다보더라.

내가 널 찍을게!

찰칵 :)

한번찍으면 정없이 한번더 !!

하늘이 분홍 분홍해서 참 이뻤어.

현상소 근처,

가좌 현상소,

몇장 더 남았는데 후다닥 찍어야지! 대충 찍어야지!

라는 마음으로 대충 몇장 찍었는데, 생각 보다 마음에 드네?

담배 그만!

뭔가 정말 귀여운 친구들에 작품 일 것 같다.

망한사진이 더 없을줄 알았지?

이 카메라는 가셨다...

다시 가서 꼭 고치고 말테야..

오늘의 일기도 결국 난장판으로 끝나 버렸네.

Flim, OLYMPUS 뮤 <수원>

이윤호대리 — Tue, 2 Aug 2022 00:45:15 +0900

<비오는날 행궁>

안녕? 89년 7월 23일?

서울편이랑 다른 날이다! 하지만 나의 카메라는

시간이 흐르지 않았다고 한다.

비오는 날 행궁은 제법 멋있엇는데.

카메라에 담기지 않았네.

장난감을 가진 7살 어린 아이처럼

어른이는 신나서 찰칵 여기는 어때? 저기는 어때?

잘나올까? 찰칵, 신나서 셔터를 눌렀다.

어떻게 하면 좀 더 이쁜 사진을 찍을 수 있을까?

수원 행궁은 사진보다 조금 더 이쁜 곳인데

비가 마치 필터에 먼지처럼 찍혀 버렸네.

이렇게 음침한 곳이 아니였는데...

밤에는 찍는걸 좀 자제해야겠다.

정말 이곳 저곳 멈춤 없이,

찰칵 소리만 나도록 돌아 다녔다.

거주민들은 나를 보고 뭐라고 생각 할까??

이 돌담을 보고 걷노라니 비가 너무와!

후퇴!!

후퇴하다 만난 가로등은 나를 반겼다.

그럼 찍어줘야지! 찰칵

음 역시 사진은 가로등이야.

가로등이 답인거야!!!

도대체 빌어먹을!

저것만 없으면 참 이뻣을 텐데.

내가 보기엔 정말로! 현상소 잘못이야!!!

다신 안가!

이렇게 나의 36짜리 롤은 3시간짜리 기록이 되었다.

이제 다시 36짜리 롤에 나의 자그만한 추억을 담으러 가야겠다.

Flim, OLYMPUS 뮤 <서울>

이윤호대리 — Mon, 1 Aug 2022 23:52:31 +0900

< 감성 터지는 밤 >

너드 커넥션 - 조용히 완전히 영원히를 듣다보니 감성 터져서,

블로그가 쓰고 싶더라.

혼자만의 독백

이번역은 등촌! 등촌역 입니다!

등촌역에서 사람들이 있던말던 찰칵!!

있으면 오째!! 꼽으면! 죄송합니다! 사과하겠습니다!

한장만 찍을게요!!

필름 들고 뛰어 가다 발견한 주차금지,

이런 레트로함이 좋던데, 사람들이 많으면 어떠한가!

뭐가 문제야! 카메라야 현상소야!

현상을 한 사진을 보자마자 특!히! 이 사진

현상소 문제 인지 모든 카메라의 빛이 들어가 있었다.

억장이 와르르, 난 현상소라고 믿고 싶었다.

그래서 보정을 해야만 했다.

포토샵도 못쓰는 남자가 해봤자 빛 자르는 거 밖에 안했지만,

내가 찍은 사진을 보고 있다보니,

꽤나 즐거웠다.

이때의 나는 이걸 보고 있었구나?

시선 강탈!!!! 화나!! 분노!

그래도 계속 눈에 밞히는 빛이 들어가 있었고,

난 기분이 좋지 않았다. 속상해..

분명 이쁜 하늘이였는데.

세계 종말 직전의 하늘이 되어 버려 속상했다.

너무 이쁜 하늘이였는데...

빛들어간부분은 자른건 비밀 쉿 ㅇ3ㅇ

조울증 환자처럼

그러면 어떠한가 너무 잘나온 사진을 보며 잘나왔네 하며

웃음이 새어 나오는걸 막을수 없었다.

~~사진 너어~ 마성의 매력이야~~

양떼구름 몽글몽글

아마 이 사진은 보정없이 진행을 했을거다.

심지어 들어간 빛도 꽤나 이쁘게 망가져서,

만족 스러운 사진이다.

그냥 뭔가 중경삼림(重慶森林)의 느낌을 내고싶어

왕창 왕창 보정해버렸다,

남들이 보았을때 이상하면 어때!

내가 보기엔 이쁜데

음.. 쓰다보니 느낀거지만 원본이 이쁜거 같기도 하구..

흐으음...

여기엔 마블 피규어가 많았는데

커피는 음... 내 스타일이 아니었던걸로 하자.

다이소 들렸다 오는길에 보았던 우디라는 까페,

꽤나 이쁜 인테리어가 눈에 보였고, 문이 닫힌 까페를 보며

나중엔 여길 와봐야지 하고 생각하고 있었는데

이 날을 열어 바로 들어갔다!

이랏샤이마세!!

아직 사용법이 미숙해 89년 7월 23일로 나왔다.

30년 된 카메라는 현재 내가 사는 년도가 없었고,

그 89년대 치곤 세련되 보이는 사진이 나왔다.

까페 사장님에게 취미인데 찍어도 되냐고 물어본후 마구마구 찍어 버렸다.

시야만 돌리면 찍을것이 풍년!!

이 렌턴은 사야겠어!

뒤죽박죽 서울편은 마무리하고 수원편을 써야겠다

수원,

이윤호대리 — Fri, 29 Jul 2022 22:24:06 +0900

2022-07-29,

제목 < 고라니가 된 오늘 >

부제 헬스 너무 힘들어..

수원에서 있었던 추억을 적어 보려고한다.

시간 순은 맞지 않겠지만,

그냥 내마음대로 적는 일기 비슷한걸 오늘부터 적으려고한다.

나의 첫 수원 집

정말 어쩌다 보니,

나는 수원으로 이사를 가고 있었고,

정말 어쩌다 보니,

나는 수원 사람으로 살게 되었다.

새벽마다 무엇을 부수는 할머니,

주차는 항상 전쟁 이였던 사연 많은 집,

나쁜 추억은 결국 미화 되었네,

그리고 꽤나 좋아 했던 나의 집앞 공원

그해 겨울 난 한시간 가량 오리를 만들었다.

꽥꽥

그 해 겨울 어쩌다보니 난 보드를 미친듯 타고 있더라,

수원에서 참 갑자기 라는걸 많이 하게 된거 같다.

수원의 테마는 갑자기 혹은 어쩌다보니 로 해야겠어!

전집 사진은 이거 뿐이네?

2022년 3월 난 앞집 할머니 덕분에 스트레스가 폭발!

이사하게 되었다.

~~3개월뒤 서울 오게 될줄 누가 알았겠어 참나!~~

꽤 큰집이였고, 이집에서 추억은 너무 좋았다.

언제 찍으신 거죠?

이 사진은 양평 벗고개 터널!

나의 실수로 명소가 아닌 한시간 가량의 다른 터널...!

근대 이사진은 순서가 첫집인가.... 이사 후 집인가.. 기억이 가물 가물혀...

잘...지내지?

하아아아 품

헬스장 옆에 있던 개냥이

매일 저러고 있어서 좀 안쓰러워..

저 문틈 사이로 만지던 개냥이..

저게 머시당까..?

헬스 끝나고 개냥이랑 한참 놀다가

집에 주차하고 있으면 또다른 냥이가

신기한듯 주차하는 날 쳐다본다

오메오메 저게 뭐시당까

가끔은 아주 가끔은 친구도 불러 말이다..

한번만 만져 봐두 되겠니..?

이사 오기전 놀러 갔던 양평!

거기서도 고양이랑 놀았다.

겁쟁이 고양이는 저 거리 이상 기회를 주지않았다.

먹을 것도 사줬는데.. 나쁜자식..

엉망진창 추억 일기는 마무리!

언젠간 다시 추억을 쓰러 오겠지.

밍기적 밍기적..