'SW Dev.' 카테고리의 글 목록

SW Dev.

[개발 일기] 250317 - Maker 마스터클래스 Basics - Create Project 2025.03.17
[개발 일기] 250307 - Maker 마스터클래스 Introduction 2025.03.08 3
[개발 일기] 3. Fullstack GPT 프로그램 만들기 2025.02.09 1
[개발 일기] 2. Fullstack GPT 프로그램 만들기 2023.12.31
[개발 일기] 1. Fullstack GPT 프로그램 만들기 2023.12.31

[개발 일기] 250317 - Maker 마스터클래스 Basics - Create Project

김아재 2025. 3. 17. 22:37

2025. 3. 17. 22:37

Basics에서는 React Router v7 생성 및 기본 구조에 대해 설명해주고 있다.

나 같은 경우에 기존에 다른 프로젝트에서 개발하던 npm이 있어서 version update가 필요했었다.

# npm version 업데이트 필요 시
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
source ~/.bashrc
nvm install --lts
npm install -g npm@11.1.0

'SW Dev. > Frontend' 카테고리의 다른 글

[개발 일기] 250307 - Maker 마스터클래스 Introduction (3)	2025.03.08

[개발 일기] 250307 - Maker 마스터클래스 Introduction

김아재 2025. 3. 8. 00:37

2025. 3. 8. 00:37

23년 말에 이직했는데, 기존과 너무 다른 업무들을 진행하면서 이렇게는 못 살겠다!! 나만의 무언가를 해야겠다고 생각을 해보니 결국 남에게 보여줄 수 있는 어떠한 Showing 기술이 필요하다고 느꼈다.

첫 회사에서 했던 업무도 대학원 전공과 전혀 다르게 Spring Framework로 full stack web 개발 업무를 진행했었다.
그 이후 하둡 기반 빅데이터 플랫폼 구축, 데이터 엔지니어, 분석, ML 모델 개발, AI Server 관리 등... 다양한 업무를 하면서 전문성이 떨어진다는 것을 느낄 때 이직했던 것인데 전문성이 길러지기는커녕 오히려 더 힘들게 지난 일 년을 보냈었다.

마음을 가다듬고 곰곰이 생각해 보니 나는 개발 전 분야에 미약하게나마 경험이 있긴 있으니 현재 가장 Tech Sensing이 부족한 Web Frontend 쪽을 공부한다면 나만의 무언가? 즉, 사업이라든지 부업을 진행할 때 수월할 것 같아서 강의를 찾게 되었다.

노마드코더는 이전에도 몇 번 다른 강의를 들었지만 내 성향상 잘 맞아서 이번에도 노마드코더에서 찾아보았다. 내가 이해할 만한 충분한 이론 설명, 그리고 실제 개발 시 고려 사항 같이 노하우적인 것들을 알려주는 것이 가장 좋았다.

공부해야겠다는 마음을 먹고 나서 내가 원하는 내용의 강의를 찾았는데 아쉽게도 슈퍼 얼리버드는 끝나서 얼리버드 1차에 결제를 하게 되었다. (마님에게는 결재받고...)

강의 내용을 자세하게 작성할 수는 없어서, 앞으로 요약이나 내 생각을 정리하려고 한다.
그리고, 이 블로그의 생성 취지와 맞게 개발하면서 만난 오류들도 작성해야겠다.

아래 내용은 미리 공부하거나 준비해야 할 사항을 정리했다.
앞서 말했던 것처럼 업무를 이것저것 많이 했다 보니 선수지식은 충분한 것 같고 새로운 기술 스택을 잘 받아들일 수 있는 마음가짐을 가져야 할 것 같다.

그리고 소프트웨어에서는 CursorAI에 기대가 많다. 기존에 copilot을 사용하고 있었는데 아이를 돌보면서 정신력 부족으로 개발을 할 수가 없어서... 구독을 끊었다. 기존에 사용하던 github copilot과 비교하면서 잘 사용할 수 있는 경험을 누적하는 것을 목표로 해야겠다.

사전 준비 목록
- 기술 스택
  - Web Framework
    - Remix -> React Router 7 합쳐짐.
    - Framework, Library 두 가지 모드 중 선택하여 사용 가능함.
    - 여기서는 Framework를 사용함.
  - Componant Library
    - Shadcn/ui -> Radix/UI에 스타일을 입힌 것임.
    - TailwindCSS
  - Backend
    - Supabase -> self-hosting 가능함.
    - PostgreSQL
    - Drizzle ORM
- 선수 지식
  - ReactJS
  - SQL
  - Typescript
- 소프트웨어
  - CursorAI
  - Chromium Based Browser
  - Supabase

'SW Dev. > Frontend' 카테고리의 다른 글

[개발 일기] 250317 - Maker 마스터클래스 Basics - Create Project (0)	2025.03.17

[개발 일기] 3. Fullstack GPT 프로그램 만들기

김아재 2025. 2. 9. 21:11

2025. 2. 9. 21:11

개인 프로젝트는 작년 이맘 때 개발을 끝냈다.

오랜만에 블로그에 들어왔는데 개발 결과물이 없어 마음이 불편하여 기록하려고 한다.

실제로 내가 제일 사용을 많이 했었고, 지금도 가끔 사용하고 있는 InvestorGPT에 대해서 기록한다.

Agent

agent = initialize_agent(
    llm=llm,
    verbose=True,
    agent=AgentType.OPENAI_FUNCTIONS,
    handle_parsing_errors=True,
    tools=[
        CompanyIncomeStatementTool(),
        CompanyStockPerformanceTool(),
        # StockMarketSymbolSearchTool(),
        CompanyOverviewTool(),
    ],
    agent_kwargs={
        "system_message": SystemMessage(
            content="""
            You are a hedge fund manager.
            
            You evaluate a company and provide your opinion and reasons why the stock is a buy or not.
            
            Consider the performance of a stock, the company overview and the income statement.
            
            Be assertive in your judgement and recommend the stock or advise the user against it.
        """
        )
    },
)

StockMargetSymbolSearchTool은 회사 이름을 입력하면 티커를 찾아주는 툴이다.

개발 당시 DuckDuckGo가 동작을 잘 했었는데 업데이트 하면서 동작을 하지 않길래 제외하였다.

내 성격상 GPT에 물어볼 정도면 티커는 알고 있다.