HP 노트북 리눅스 우분투 설치 : 집 컴퓨터로 서버 만들기

HP 노트북 리눅스 우분투 설치 요즘 하도 AI AI하니까... 로컬 AI 해보고싶어서 찾아보니 무슨 1000만원은 들여서 맞춰야 써볼만한 세팅이 되더군요.그쪽은 포기하고 일단 개인 서버나 좀 만들어서 집 컴퓨터 기반으로 바이브 코딩이나 돌려볼까해서 개인 서버를 만들어 보았습니다. 노트북 사양은 아주 안좋은 hp컴퓨터였는데...영상편집하다가 빡쳐서 Ram을 32GB로 업글을 시켜두었었습니다.SSD가 256G이라서 윈도우 깔아서 썻더니 금방 하드가 차버려서, 이번에 밀어버리고 리눅스 서버나 해보려고요.그래픽이 최소사양이라 돌아가는게 많지않지만... 그래도 Ram은 쓸만하니까 한번 만들어나 보자에서 시작했습니다. 우분투 그까이꺼 그냥 설치하면 되는거 아닌가?한두번 설치하는것도 아니고?라고 생각하고 시작했..

• format_list_bulleted IT관련
• · 2026. 8. 24.
• textsms

opencode로 openRouter 연결해서 무료 AI 사용하기

opencode1. opencode 설치opencode 홈페이지에 가서 설치 명령어를 확인합니다.npm i -g opencode-ai자기 컴퓨터에 깔려있는 명령어로 설치하면됩니다.해보고 안되면 다른 명령어 클릭해서 설치하세요. 설치는 터미널 켜서 명령어 입력하면 자동설치됩니다. 2. opencode 시작시작은 간단합니다.터미널에서 opencode라고 입력하면 바로 켜집니다. 그럼 이렇게 켜진 화면을 볼 수 있습니다. openrouter1. open router 회원가입오픈라우터 회원가입을 해줍니다.구글계정이나 git계정 등 편한걸로 아무거나 가입하면 됩니다. 2. API key 발급받기Get API key를 클릭하여 api key를 발급받습니다. api key는 크래딧 결제 하지 않아도 받을 수 있..

• format_list_bulleted AI
• · 2026. 8. 2.
• textsms

[React] 공지사항 게시판 만들기(4): update 공지사항 수정

React 공지사항 수정 https://joygotohome.tistory.com/126공지사항 상세에서 이어지는 글입니다. 1. update 훅 만들기\features\notice\model\use-notice-update.tsimport { useNavigate, useParams } from 'react-router-dom';// useNavigate : 코드로 페이지를 이동시키는 훅// useParams : URL에서 파라미터를 꺼내는 훅 (/notice/update/:id → id 꺼냄)import { useQuery, useMutation } from '@tanstack/react-query';// useQuery → 데이터 가져올 때 (GET)// useMutation → 데이..

• format_list_bulleted React
• · 2026. 3. 24.
• textsms

[React] 공지사항 게시판 만들기(3): detail 공지사항 상세페이지 조회

react 공지사항 게시판 상세페이지 조회 https://joygotohome.tistory.com/125이어지는 글입니다. 1. detail 훅 만들기\features\notice\model\use-notice-detail.tsimport { useNavigate, useParams } from 'react-router-dom';import { useQuery } from '@tanstack/react-query';import { getNoticeDetailRequest } from '../api/notice-api';export const useNoticeDetail = () => { const navigate = useNavigate(); const { id } = useParams(..

• format_list_bulleted React
• · 2026. 3. 23.
• textsms

[React] 공지사항 게시판 만들기(2): create 공지사항 작성

React를 활용한 공지사항 작성 https://joygotohome.tistory.com/124'공지사항 목록 조회' -> '공지사항 작성'으로 이어지는 글입니다. 1. create 훅 만들기\features\notice\model\use-notice-create.tsimport { useNavigate } from 'react-router-dom'import { useMutation } from '@tanstack/react-query';import { Form } from 'antd';import { createNotice } from '../api/notice-api';import { getCompanyId } from '@/shared/hooks/use-company-info';import..

• format_list_bulleted React
• · 2026. 3. 23.
• textsms

[React] 공지사항 게시판 만들기(1): list 공지사항 목록 조회

React를 활용한 공지사항 제작 공지사항 기본 파일구조 공지사항 파일 플로어 다이어그램 1. 기본 파일 생성 하기App.tsx (라우터)import { NoticeListPage } from '@/pages/notice';import { NoticeWritePage } from '@/pages/notice';import { NoticeDetailPage } from '@/pages/notice';} />} />} /> pages/notice/ui/notice-list-page.tsximport React from 'react'export const NoticeListPage = () => { return ( 공지사항 목록 );}; pages/notice/ui/no..

• format_list_bulleted React
• · 2026. 3. 23.
• textsms