기술67 Reset CSS vs Normalize.css 필요할 때 찾기 편하게 기록으로 남긴다. Eric Meyer의 CSS reset 소스 Reset CSS모든 브라우저의 기본 스타일을 완전히 제거한다. 모든 HTML 요소의 스타일을 초기화해서 완전 백지 상태에서 시작한다. 모든 태그의 여백, 패딩, 글꼴 크기 등을 0이나 none으로 설정한다. 간단하고 빠르게 리셋할 수 있고 모든 스타일을 개발자가 제어할 수 있다는 장점이 있다. CSS 적용 순서를 잘못하면 스타일이 꼬이고, 브라우저가 업데이트 되면 새로운 스타일을 반영하지 못할 수도 있다. https://www.jsdelivr.com/package/npm/reset-css 설치할 때 $ npm install reset-css$ yarn add reset-css HTML 코드 https://cdn... 2025. 4. 14. AI 영상 제작 도구와 최첨단 AI 영상 생성 모델 알아보기 이번에는 영상 제작툴과 모델을 알아봤다. 아이폰이 생활을 바꿨듯 AI가 생태계를 바꿀거라 생각한다. AI, Robot, 컴퓨팅 등 최신 기술의 궁극적인 목적은 인간이 가진 한계를 극복하는 것 아닐까 싶다. 그것이 물리적인 한계이든, 시간의 한계이든, 지식의 한계든, 우리가 생각할 수 있는 모든 한계들 AI 관련 전문가 영상, 글 등을 보면서 이 기술을 누가 먼저 실생활에 적용해서 유익한 결과물을 만들어내느냐의 싸움일 것 같다. 영상에 AI를 접목한 결과물들이 놀랍고 흥미롭다. AI 영상 제작 도구 비교도구 이름특징인비디오 AI (Invideo AI)텍스트 프롬프트를 기반으로 영상 스크립트, 장면, 음악 자동 생성. 다양한 템플릿 제공.초보자도 쉽게 고품질 영상 제작 가능. 다양한 템플릿과 스톡 영상 .. 2025. 4. 8. Google AI Studio 구글 AI 스튜디오 알아보기 구글 AI 스튜디오는 구글에서 제공하는 웹 기반 플랫폼으로, 구글의 멀티모달 생성형 AI 모델인 Gemini (제미나이 또는 제미니)를 이용해 빠르게 원하는 작업을 진행할 수 있는 AI 놀이터이다. Gemini의 다양한 모델을 선택하여 사용할 수 있고, 글을 생성하거나, 코드를 생성하거나, 프로토타입을 제작하는 등 구글의 기존 서비스와 연동해서 사용할 수 있다. 협업도 가능하다. 대화형 AI 만들기 (Chat Prompts) 마치 친구와 채팅하듯 AI와 대화를 나눌 수 있다. (예: "오늘 날씨가 어때?")설정을 통해 AI의 말투나 성격을 바꿀 수도 있다. (예: "친절한 외계인처럼 대답해 줘").구조화된 응답 만들기 (Structured Prompts) AI에게 질문을 .. 2025. 4. 7. 뚝딱 가상 피팅 서비스, Pic Copilot AI 상품 이미지, 피팅 이미지를 생성하는 서비스이다. 정말 뚝딱 뚝딱 만들어 낸다. 배경 이미지를 제거하고, AI가 배경을 생성하고, 상품 이미지를 생성하거나, 모델에게 착용시키거나 하는 작업을 이미지 선택으로 생성한다. https://www.piccopilot.com/ 중국에서 제공하는 서비스지만, 아웃풋은 상업용으로 사용해도 될 만큼 좋다. 2025. 4. 4. 구글 위스크 Whisk AI, 무료 서비스 프롬프트가 어렵고, 몇 번 사용하다 무료 제한에 걸려 유료화를 고민해야 하는 걱정 없이 무료로 이미지를 생성할 수 있는 AI구글 위스크 / Google Whisk AI 프롬프트 대신에 이미지로 넣으면, 아이디어를 이미지로 만들 수 있다. https://labs.google/fx/tools/whisk 피사체 + 장면 + 스타일 구성 요소를 이미지로 선택해서 넣거나 드래그앤드롭으로 이미지를 놓으면 합성/생성한다.프롬프트로 세부 조정도 가능하다. 맥락에 맞는 이미지를 조합해야 자연스러운 결과물이 나온다. 구글에서 재밌는 걸 만들었는데, 이 외에도 동영상, 이미지, 음악도 만들 수 있다. https://labs.google/fx 2025. 4. 3. 주요 AI 서비스 및 모델 비교 주요 AI 서비스와 해당 모델을 포함한 비교 표로 정리했다.(서비스 개발사 모델 주요 특징 차별점 및 특화 용도)주요 AI 서비스 및 모델 비교서비스개발사모델주요 특징차별점 및 특화 용도 ChatGPTOpenAIGPT-4 GPT-4-turbo자연스러운 대화, 코드 작성, 창의적 글쓰기다양한 활용성 (코딩, 학습, 창작 등) ClaudeAnthropicClaude 3 Opus Sonnet / Haiku논리적 사고, 윤리적 설계법률, 비즈니스 문서 분석, 깊이 있는 토론 GrokxAI (Elon Musk)Grok-1.5X(Twitter) 연계, 자유로운 스타일최신 뉴스, 소셜미디어 트렌드 반영 PerplexityPerplexity AI자체 모델 + GPT-4실시간 웹 검색 기반 답변최신 정보 검색 및.. 2025. 4. 2. Claude 클로드 3.7 소넷, 개발자를 위한 AI 코딩 도구 Claude 3.7 Sonnet은 Anthropic이 2025년 2월 25일 발표한 최신 AI 모델이다.'하이브리드 추론 모델'이라는 새로운 접근 방식을 도입했다. https://claude.ai/ 클로드 3.7 소넷의 특징은 크게 2가지로 말할 수 있다. 1. 하이브리드 추론 2. 개발자 친화적 기능 Claude 3.7 Sonnet은 두 가지 사고 모드를 지원하는데, 빠른 응답이 필요한 상황에서는 즉각적인 답변을 제공하고, 복잡한 문제에 대해서는 심층적인 사고 과정을 거쳐 단계별로 해결책을 제시한다. Claude Code라는 명령줄 환경에서 실행 가능한 코딩 도우미를 제공하며, 개발자가 코드 작성 및 디버깅을 효율적으로 수행할 수 있도록 지원한다. 수학, 논리, 코딩, 데이터 분석 등 다양한 분야.. 2025. 4. 1. ChatGPT를 정의해 봐 (생성형 AI 전반적인 설명) ChatGPT는 2022년 11월 30일 나왔다. Chat 대화형Generative 생성형Pre-trained 사전학습된 (5조개의 문서를 학습함, 파운데이션 모델)Transformer 트랜스포머 모델을 씀 ChatGPT는 트랜스포머 모델을 쓴 대화형 생성형 인공지능, 거대 언어 모델로, 거대한 언어 데이터를 사전학습한 파운데이션 모델이라는 뜻 파운데이션 모델이란, 모든 일을 다 잘 알아서 모든 게 기반이 될 수 있는 AI다라고 해서, 이런 종류의 AI를 '파운데이션 모델'이라고 부른다. 트랜스포머 모델이란, 5조 개의 문서를 읽고 그 안에 있는 모든 잠재되어 있는 패턴들을 찾아 낸다. 그리고 단어들 간의 관계를 맵핑한다. 지도를 만든다. 거리와 방향을 같이 갖고 있는 2차원 데이터인 벡터 데이터.. 2025. 3. 30. Alpha Vantage, Stock Market Data API 무료 사용 Alpha Vantage는 금융 시장 데이터를 제공하는 API 서비스를 중심으로 한 플랫폼이다. 2017년에 설립됐고, Y Combinator의 지원을 받아 금융 데이터를 민주화하고 접근성을 높이는 데 초점을 맞췄다. 주요 기능Alpha Vantage는 주식, ETF, 외환(Forex), 암호화폐, 상품(commodities) 등 다양한 자산 클래스의 실시간 및 과거 데이터를 무료 또는 유료 API 형태로 제공한다. 50개 이상의 기술 지표(예: 이동평균, RSI 등)와 AI/ML 기반의 시장 뉴스 및 감성 분석 데이터도 포함한다. 데이터는 JSON, CSV 형식으로 받아볼 수 있어 개발자 친화적이며, 엑셀과 구글 시트와의 통합도 지원한다. 서비스 특징무료 tier: 하루 최대 25회 요청 제한이 있는.. 2025. 3. 29. 이전 1 2 3 4 ··· 8 다음
