CozyBuilder Lab

지난 3편에서는 CSS를 이용해서 AI 블로그 글 생성기의 화면을 꾸며보았습니다.이번 4편에서는 드디어 JavaScript를 이용해서 실제 기능을 넣어보겠습니다.이제부터는 사용자가:블로그 주제 입력핵심 키워드 입력글 분위기 선택을 하고 버튼을 누르면:추천 제목SEO 키워드글 목차추천 태그썸네일 문구가 자동으로 생성되도록 만들 예정입니다.즉 이번 편부터:“진짜 웹앱처럼 동작하기 시작”합니다.이번 편에서 할 일이번 글에서는 다음 내용을 진행합니다.JavaScript 파일 만들기HTML과 JavaScript 연결하기버튼 클릭 이벤트 만들기입력값 가져오기결과 자동 생성하기화면에 출력하기1. JavaScript 파일 만들기먼저 기존 프로젝트 폴더에 script.js 파일을 새로 만들어줍니다.폴더 구조는 이렇게 됩..

지난 2편에서는 HTML을 이용해서 AI 블로그 글 생성기의 기본 화면 구조를 만들었습니다.이번 3편에서는 CSS를 사용해서 화면을 보기 좋게 꾸며보겠습니다.HTML이 웹페이지의 뼈대라면, CSS는 옷과 인테리어라고 볼 수 있습니다.같은 기능을 가진 웹앱이라도 디자인이 깔끔하면 훨씬 더 신뢰감 있게 보입니다.특히 우리가 만들고 있는 웹앱은 단순 공부용 예제가 아니라:실제로 사용할 수 있는 AI 웹앱을 목표로 하고 있기 때문에, 처음부터 어느 정도 보기 좋은 화면을 만드는 것이 중요합니다.이번 편에서 할 일이번 글에서는 다음 내용을 진행합니다.CSS 파일 만들기HTML과 CSS 연결하기전체 배경 디자인하기입력 영역 꾸미기버튼 디자인하기결과 박스 디자인하기모바일에서도 보기 좋게 만들기1. CSS 파일 만들기..

지난 1편에서는 우리가 만들 웹앱의 주제를 정했습니다.이번 시리즈에서 만들 웹앱은:AI 블로그 글 생성기 + SEO 추천 웹앱입니다.오늘은 본격적으로 웹앱의 첫 화면을 HTML로 만들어보겠습니다.아직 디자인이나 실제 기능은 넣지 않고,먼저 사용자가 입력하고 결과를 확인할 수 있는 기본 구조를 만드는 단계입니다.이번 편에서 만들 화면 구조이번 웹앱에는 다음과 같은 요소가 들어갑니다.블로그 주제 입력창핵심 키워드 입력창글 분위기 선택결과 생성 버튼추천 제목 출력 영역SEO 키워드 출력 영역글 목차 출력 영역태그 추천 출력 영역썸네일 문구 출력 영역쉽게 말하면 사용자가 정보를 입력하면,나중에 JavaScript가 결과를 만들어서 보여줄 수 있는 기본 틀을 만드는 것입니다.HTML 코드 전체아래 코드를 그대로 ..

예전에는 프로그래밍을 배우면 가장 먼저 만드는 것이:printf("Hello World");같은 단순 예제였습니다.하지만 요즘은 시대가 많이 달라졌습니다.이제는 단순히 코드를 출력하는 프로그램보다:실제 사람들이 사용할 수 있는 기능시간을 절약해주는 도구반복 작업을 자동화하는 프로그램이 훨씬 중요해졌습니다.특히 AI 시대가 오면서:“실용적인 웹앱”의 가치가 점점 커지고 있습니다.그래서 이번 시리즈에서는 단순 공부용 프로그램이 아니라,실제로 활용 가능한 웹앱을 하나씩 만들어보려고 합니다.그리고 첫 번째 프로젝트는 바로:AI 블로그 글 생성기 + SEO 추천 웹앱입니다.왜 AI 블로그 글 생성기를 만들려고 할까?현재 많은 사람들이:블로그를 시작하고 싶어하고티스토리나 워드프레스를 운영하고ChatGPT를 활용해서..

최근 알트코인 시장 분위기는 말 그대로 공포 그 자체입니다.하루에도 수십 퍼센트씩 흔들리는 알트코인들, 끝없이 하락하는 이더리움(ETH), 계속 터지는 롱 포지션 청산까지.많은 사람들이:“이번엔 진짜 끝난 거 아니야?”라는 생각을 하고 있습니다.하지만 시장을 조금 더 깊게 들여다보면 흥미로운 점들이 보이기 시작합니다.과연 지금은 단순 붕괴 구간일까요?아니면 세력들이 마지막으로 개미들을 털어내는 과정일까요?오늘은 현재 알트코인 시장을:온체인 데이터시장 심리기관 자금 흐름이더리움 상황고래 움직임관점에서 자세히 이야기해보겠습니다.현재 시장이 유독 공포인 이유최근 시장은 단순 하락이 아닙니다.여러 악재가 한 번에 겹쳤습니다.미국 금리 불확실성ETF 자금 유출지정학 리스크레버리지 청산이더리움 상대적 약세알트코인 ..

코인 투자를 하다 보면 차트만 보는 것으로는 부족하다는 생각이 들 때가 있습니다.가격은 이미 움직인 결과이고, 뉴스는 시장에 늦게 반영되는 경우도 많기 때문입니다.그래서 요즘 투자자들이 중요하게 보는 것이 바로 온체인 데이터입니다.온체인 데이터는 블록체인 위에서 실제 자금이 어떻게 이동하는지를 보여주는 데이터입니다.즉 누가 사고 있는지, 누가 거래소로 코인을 보내는지, 고래들이 어떤 움직임을 보이는지 등을 확인할 수 있습니다.이번 글에서는 온체인 데이터를 볼 때 자주 사용하는 대표적인 사이트 5곳을 자세히 알아보겠습니다.1. GlassnodeGlassnode는 온체인 데이터 분석 사이트 중에서도 가장 정통적인 플랫폼이라고 볼 수 있습니다.비트코인이나 이더리움 같은 주요 코인의 시장 사이클을 분석할 때 많..

요즘 코인 시장을 보면 뉴스 하나에도 가격이 크게 흔들립니다.하지만 실제로 큰 돈을 버는 투자자들은 단순 뉴스나 차트만 보지 않습니다.그 사람들이 중요하게 보는 것 중 하나가 바로 ‘온체인 데이터(On-chain Data)’입니다.오늘은 코인 투자에서 왜 온체인 데이터가 중요한지, 그리고 실제로 어떤 데이터를 봐야 하는지 초보자도 이해하기 쉽게 설명해보겠습니다.온체인 데이터란?쉽게 말하면:블록체인 안에서 실제 돈이 어떻게 움직이는지 보여주는 데이터입니다.예를 들어:누가 코인을 거래소로 보내는지고래 투자자들이 매집하는지사람들이 손절 중인지장기 보유 중인지시장에 새 자금이 들어오는지이런 흐름을 실제 블록체인 데이터를 통해 확인하는 것입니다.즉 단순 ‘예상’이 아니라 실제 움직임을 분석하는 방식이라고 볼 수 ..