본문 바로가기
반응형
전체 보기56
React Tailwind CSS 다크모드 구현하기 (설정 + 전환 버튼까지) 다크모드 적용 방법 (Tailwind 기반)1. tailwind.config.js 파일에 옵션 추가/** @type {import('tailwindcss').Config} */export default { darkMode: "class", // 이 줄 추가 content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"], theme: { extend: {}, }, plugins: [],};darkMode: "class"로 설정하면처럼 다크모드 적용 여부를 수동으로 제어할 수 있음2. index.html에 dark 클래스 추가 (기본 다크모드로 시작할 경우)또는 React에서 자동 적용하려면 document.documentElement.classList.a.. 2025. 7. 13.
Agentic AI는 정말 개발자를 대체할까? 자동화 시대의 시작 – 코드의 시대에서 ‘자동화의 미학’으로 가는 전환점“개발은 코드가 아니라 시스템을 자동화하는 예술이 될 것이다.”2025년 7월, The New Stack의 기사에서는 Agentic AI가 어떻게 개발자의 역할과 소프트웨어 개발 전반을 바꾸고 있는지를 다루고 있어요.흥미롭게 읽은 글이라, 주요 내용을 간단히 정리하고 제 생각도 함께 덧붙여봤습니다.Agentic AI란 무엇인가?Agentic AI는 단순히 "코드를 생성하는 AI"를 넘어, 자율적으로 판단하고 작업을 수행하며, 다른 AI와 협업할 수 있는 능력을 가진 AI입니다.GPT 계열의 LLM 기반 에이전트들이 테스트, 리뷰, 배포, 최적화 등 소프트웨어 개발의 여러 단계에서 역할을 분담하고 협업하게 되는 것이죠.마치 'AI 팀원'들이 각자의 역할을.. 2025. 7. 13.
Git 커밋 메시지 템플릿 설정하기 (.gitmessage.txt) 커밋 메시지를 매번 일관되게 쓰는 게 은근히 어렵다.그래서 Git에서 제공하는 .gitmessage.txt 템플릿 기능을 사용해 보기로 했다.매번 똑같은 포맷을 복붙할 필요 없이 자동으로 입력창에 메시지 양식을 띄워준다.1. 템플릿 파일 만들기전역 또는 프로젝트 별로 사용할 수 있다.전역용 (여러 프로젝트 공통)touch ~/.gitmessage.txt프로젝트 전용touch .gitmessage.txt2. 템플릿 내용 작성# : # 예: feat: 로그인 기능 추가# 본문 (선택)# - 변경 이유# - 어떤 영향을 주는지# - 관련 이슈: Closes #123# 타입 예시# feat : 새로운 기능# fix : 버그 수정# docs : 문서 변경# style : 포맷팅 변경#.. 2025. 7. 13.
Gemini(제미나이) CLI 설치 & 사용법 정리 Google의 Gemini 모델을 터미널에서 바로 사용할 수 있는 gemini-cli를 설치해봤다. 설치부터 사용까지 흐름이 간단해서 정리해둔다. 사전 준비Node.js가 설치되어 있어야한다.https://nodejs.org에서 다운받으면 된다. 1. Gemini CLI 설치npm install -g @google/gemini-cli 2. 설치 후 메시지128 packages are looking for funding run `npm fund` for details이건 단순히 후원 가능한 오픈소스 패키지가 있다는 알림일 뿐, 설치에는 아무 문제 없다. 무시해도 된다. 3. Google 로그인사용할 템플릿과 구글 로그인 할 수 있는 페이지가 나오는데 로그인해주면된다. 4. 사용해보기gemini터미널이나.. 2025. 7. 12.
반응형

티스토리툴바