테크
테크 주제 6페이지 — 표·링크·FAQ
27개 페이지
Next.jsNext.js App Router: Server Components · layouts · streaming · `fetch` cache. 공식 docs Tutorial → Dashboard → Auth. Verce
AI 도구 20262026 AI 도구 : ChatGPT · Claude · Cursor · Copilot. 코드·글·분석 보조 — 사실 검증·라이선스·프라이버시 확인. 프롬프트: 역할·맥락·출력 형식 명시.
DevOpsDevOps 치트: Docker · Compose · GitHub Actions · K8s basics. 로컬 `docker build` → CI test → CD deploy 파이프라인. 12-factor app
오픈소스 주간오픈소스 주간 큐레이션: GitHub Trending · Hacker News · Lobsters · Changelog podcast. 언어별 weekly newsletter 구독. Star history·re
클라우드 배포클라우드 배포 : Vercel(Next) · Fly.io · AWS ECS · Cloudflare Workers. 정적·SSR·edge 선택. 환경변수·도메인·SSL 자동. 비용 알람 설정.
TypeScriptTypeScript : Handbook · strict mode · Zod validation · discriminated union. `unknown` > `any`, narrowing 습관. tsconfig
React 입문React 입문은 공식 문서의 학습 경로(Learn React) 를 따르는 것이 가장 덜 헷갈립니다. 핵심: 컴포넌트와 props → state → 이벤트 → 리스트·키 → useEffect 와 데이터 페칭 →
Cursor · AI 코딩Cursor 같은 AI 코딩 도구는 보일러플레이트·리팩터·테스트 초안에 강하지만, 요구사항 모호하면 틀린 코드를 자신 있게 만듭니다. 잘 쓰는 법: (1) 작은 파일·명확한 프롬프트, (2) `@`로 컨텍스트
사이드 프로젝트 배포사이드 프로젝트는 배포되는 순간 포트폴리오가 됩니다. 프론트는 Vercel/Netlify, 백엔드·DB는 관리형( Neon · Supabase · PlanetScale 등)이 입문에 흔합니다. 체크리스트: Git
Git 입문Git 입문은 명령어 암기보다 작업 단위로 커밋 하는 습관입니다. 일상: `status` → `diff` → `add` → `commit` → `push`. 기능마다 브랜치, 메인에 직접 푸시하지 않기. 협업: P
Docker 입문Docker는 ‘내 컴퓨터에선 되는데’를 줄여 주는 실행 환경 포장 입니다. 개념: 이미지(레시피) → 컨테이너(실행 중). 입문: Docker Desktop 설치 → `docker run` → Dockerfile
웹 접근성 기초웹 접근성(a11y)은 법적·윤리적 이슈이자 더 많은 사용자·SEO·품질 이슈입니다. 최소 체크: 키보드만으로 주요 흐름 가능, 이미지 alt, 충분한 색 대비, 폼 레이블, 포커스 표시, 의미 있는 헤딩. 도구
노트북 고온 쓰로틀링실내 온도가 높으면 노트북·미니PC는 열 스로틀링 (온도 보호로 CPU/GPU 클럭↓)이 쉽게 걸립니다. 증상: 팬 최대 회전, 영상 인코딩·빌드가 갑자기 느려짐, 터치패드 주변이 뜨거움, 강제 종료. 대응 순서:
차량 전자기기 과열 방지한여름 주차·정체 시 차량 실내는 전자기기에 가혹합니다. 스마트폰·보조배터리·블랙박스·태블릿 이 부풀거나 꺼지거나, 심하면 안전 이슈로 이어질 수 있습니다. 실천: (1) 직사광선 대시보드에 기기 두지 않기 (2)
화상회의 폭염 환경 세팅폭염에 선풍기·에어컨을 켜면 마이크에 바람 소리 가 들어가고, 얼굴은 번들거립니다. 월요일 미팅 전에 5분만 점검하세요. 체크: (1) 마이크 — 선풍기 반대 방향·지향성·노이즈 억제 (2) 카메라 — 역광 피하기
폭염철 정수기·냉수 점검수돗물 수온이 올라간 지역에서는 정수기 냉수 의존이 커집니다. 필터 주기·냉수 탱크·위생을 점검하지 않으면 맛·안전 모두 흔들립니다. 체크: (1) 냉수 버튼·램프 정상 (2) 필터 교체일 (3) 노즐·받침대 세
폭염철 폰 배터리 과열한여름 중대경보 주간, 스마트폰이 뜨겁고 충전%가 튀거나 꺼지는 사례가 늘니다. 차량 전자기기 가이드와 나눠, 여기는 휴대 폰·배터리 만 다룹니다. 실천: (1) 대시보드·창가 직사 금지 (2) 두꺼운 케이스+
소나기·폭우 기기 관리오늘 8/8 — 동해 150mm+ ·수도권 오후 소나기 ·공연장 물·진흙 . 워터밤·흠뻑쇼·우산 없는 이동에서 전자기기 가 취약합니다. 체크: (1) IP 등급 — ‘방수’≠‘완전 잠수’ (2) 방수
폭우 후 노트북 젖었을 때동해 호우처럼 갑자기 쏟아지는 비 에 https://link.me.kr/p/qfnqu3nw 가방·기기가 젖는 경우가 있습니다. 스마트폰 은 https://link.me.kr/p/535j9qw0 — 노트북 은 더
AI Agent ① AI Agent란?AI Agent 시리즈 ① 챗GPT에 질문하고 답만 받는 것과, 캘린더를 열어 일정을 잡고, 보드에 카드를 추가하고, 공개 페이지까지 발행 하는 것 — 후자가 AI Agent(에이전트) 에 가깝습니다. 핵심
AI Agent ② 챗봇과 차이AI Agent 시리즈 ② · 이전: ① Agent란? | | 챗봇 | AI Agent | |---|---|---| | 목적 | 답변·안내 | 업무 완료 | | 상태 | 대화 맥락 | 보드·DB·API
AI Agent ③ Tool-use란AI Agent 시리즈 ③ · 이전: ② 챗봇과 차이 Tool-use(함수 호출) 는 모델이 JSON으로 "이 도구를 이렇게 호출해라" 고 말하고, 앱이 실제 HTTP·DB 작업 을 실행한 뒤 결과를 다시
AI Agent ④ MCP 입문AI Agent 시리즈 ④ · 이전: ③ Tool-use MCP(Model Context Protocol) 는 AI 클라이언트(Claude Desktop, Cursor)와 서버(도구 제공자) 가 대화하는
AI Agent ⑤ Linkme 보드 AgentAI Agent 시리즈 ⑤ · 이전: ④ MCP Linkme 보드 안 AI Agent 는 캔버스 맥락(카드·레이아웃)을 알고 도구를 호출 합니다. 기능(개요) : - 멀티턴 대화 — 후속 지시·카드 추가
AI Agent ⑥ 통합으로 확장AI Agent 시리즈 ⑥ · 이전: ⑤ Linkme Agent Agent가 세상과 연결 되려면 어댑터(Integration) 가 필요합니다. Linkme Integrations Platform : | Pr
AI Agent ⑦ MCP 보드 자동화AI Agent 시리즈 ⑦ · 이전: ④ MCP · ⑥ 통합 외부 AI가 Linkme을 조작 하는 트랙 — Linkme은 MCP 서버 (`https://link.me.kr/api/mcp`). 5분 팬보드 레
AI Agent ⑨ 안전·승인·가드레일AI Agent 시리즈 ⑨ · 이전: ⑥ 통합 · ⑧ 설계 Agent는 실수하면 진짜 일 이 납니다 — 일정 삭제, 이메일 발송, Discord 메시지. Linkme 가드레일(개요) : - destructiv