jonbeo 님의 블로그

🌐 GitHub Pages로 정적 웹사이트 배포하기– 내 프로젝트, 세상 밖으로 공개해봐요!🎯 들어가며GitHub에 올려둔 내 프로젝트,"이걸 웹사이트로 딱! 공개할 수 없을까?"물론 가능하죠!바로 GitHub Pages 기능을 쓰면 됩니다.이 기능은 개발자가 만든 정적 웹페이지(HTML, CSS, JS)를무료로 인터넷에 배포할 수 있도록 도와주는 GitHub의 꿀기능이에요! 🍯🧩 1. GitHub Pages란?GitHub 저장소의 콘텐츠를 웹사이트처럼 보여주는 기능정적 웹사이트 배포에 특화됨 (HTML/CSS/JS).github.io 도메인으로 제공됨 (예: https://username.github.io/)📝 정적 페이지란?서버에서 동작하는 코드 없이단순히 보여주는 HTML, CSS, JS ..

요즘 IT 뉴스 보면 꼭 나오는 단어,“마이크로소프트 Copilot”근데 도대체 뭘 해주는 건지, 그냥 AI 비서 정도인 건지 잘 감이 안 오시죠?이번 포스팅에서는 Microsoft 365에 통합된 Copilot이 어떤 AI 기능을 제공하는지,그리고 실제 어떤 업무에서 도움이 되는지 초보자도 이해할 수 있게 설명해드릴게요.✅ Copilot이 뭐야?Microsoft Copilot은Word, Excel, PowerPoint, Outlook 같은 오피스 프로그램 안에 들어간 생성형 AI 기능이에요.ChatGPT의 기술력을 기반으로, 업무 생산성을 AI로 도와주는 비서라고 보면 됩니다!📌 Copilot이 할 수 있는 일 예시📄 Word에서회의록을 요약해줘아이디어만 주면 보고서 초안 자동 작성문체 바꾸기 (예..

온라인 셀링을 시작하려는 분들 사이에서 자주 나오는 질문!"스마트스토어가 좋을까, 쿠팡윙이 좋을까?"두 플랫폼 모두 셀러 입장에서 직접 상품을 판매할 수 있지만, 운영 방식과 수익 구조에는 분명한 차이가 있습니다.이번 포스팅에서는 초보 셀러의 눈높이에서 두 플랫폼을 비교해드릴게요.✅ 두 플랫폼 기본 비교항목스마트스토어쿠팡윙운영사네이버쿠팡판매 방식일반배송, N배송일반배송, 로켓그로스정산 방식구매확정 후 익일 정산 (빠른정산 신청 시 결제 익일 정산 가능)2주 단위 정산 (15일/말일)수수료2~6% + 네이버페이 수수료평균 13% 내외광고 운영검색 키워드 기반, 직접 설정로켓배송 진입 후 자동 노출 ↑CS/배송셀러가 직접 처리로켓그로스 쿠팡이 대부분 처리 💰 수익 구조 예시 비교예시 상품: 여성용 티셔츠 ..

🛒 아이허브(iHerb) 구매대행, 어떻게 시작할까? 실전 흐름 정리해외직구는 처음이라 어렵게 느껴지시나요?이번 포스팅에서는 대표적인 해외 건강식품 쇼핑몰인 **iHerb(아이허브)**를 기준으로,해외구매대행이 어떻게 진행되는지 흐름을 쉽게 따라가 볼 수 있게 정리해드릴게요.이제 더 이상 해외구매 어렵게 느껴지지 않을 거예요!✅ 아이허브(iHerb)란?**아이허브(iHerb)**는 미국의 대표적인 건강식품 전문 쇼핑몰이에요.영양제, 비타민, 운동보조식품, 유기농 식품 등을 합리적인 가격에 직배송 받을 수 있어한국에서도 많은 분들이 애용하고 있죠.🧭 구매대행의 전체 흐름 한눈에 보기👉 구매대행은 아래 5단계로 이루어져 있어요.아이허브 사이트에서 상품 고르기배송대행지 주소 입력하기결제하기 (해외카드 o..

🤝 GitHub Desktop으로 Pull Request 보내기와 충돌 해결하기– 협업의 시작, 이렇게 하면 쉬워요!🌱 들어가며혼자서 프로젝트를 하다가,이제는 친구와 함께 또는 팀과 함께 작업하게 되었다면?바로 Pull Request(PR) 를 알아야 할 때예요!오늘은✅ GitHub Desktop으로 브랜치 작업✅ Pull Request 생성✅ 충돌(Conflict) 해결까지 함께 알아보겠습니다! 💪🌿 1. 브랜치에서 작업 시작하기1. 기존 저장소에서 Branch → New Branch 클릭→ 새로운 브랜치 이름 작성 (예: feature/button) 2. 파일을 수정하거나 새로운 파일을 추가해요→ 변경된 내용이 자동 감지돼요3. 커밋 메시지를 작성하고 Commit to 브랜치명 클릭→ 변경사..

1. Visual Studio Code 첫 화면 살펴보기처음 VS Code를 실행하면 깔끔한 화면이 딱 나타나요.너무 복잡해 보일 수도 있지만, 핵심 구성만 알면 금방 익숙해질 수 있어요! 2. 기본 구성요소 설명🔹 사이드바(Side Bar)왼쪽에 위치하며 프로젝트를 탐색하거나, Git, 확장 프로그램 등을 사용해요.탐색기(Explorer): 폴더/파일 구조를 한눈에검색(Search): 전체 프로젝트 내에서 키워드 검색소스 제어(Git): Git 상태 확인 및 커밋 가능확장(Extensions): 유용한 플러그인 설치🔹 에디터(Editor)화면 가운데에 위치하며 실제 코드를 작성하는 공간이에요.파일을 더블 클릭하면 탭 형식으로 열려요.🔹 상태 표시줄(Status Bar)하단에 위치하며 현재 언어, ..

💬 GitHub Desktop으로 커밋과 푸시, 브랜치 만들기까지– 마우스 클릭만으로도 실전 깃 사용법 완성!🌱 들어가며이제 우리는 GitHub Desktop에서저장소도 만들고, 복제도 해봤죠?이제부터는 진짜 실전 작업에 돌입해요!오늘은✅ 커밋(Commit)✅ 푸시(Push)✅ 브랜치 만들기와 전환까지 GitHub Desktop으로 쉽게 해볼 거예요! 🚀📄 1. 파일 변경 후 커밋하기1. 저장소에 파일 추가 or 기존 파일 수정→ 파일이 변경되면 GitHub Desktop이 자동 감지해요 2. 커밋 메시지 작성Summary: 변경 내용을 짧게 요약Description: (선택사항) 좀 더 자세한 설명3. Commit to main 버튼 클릭! ✅ 이걸로 로컬(내 컴퓨터)에 변경 사항이 저장된 거예..

이전 포스팅 에서는 HTML이 뭔지, 누가 쓰는지 알아봤습니다!이번 포스팅에서는 HTML 문서의 기본 뼈대를 설명 해드리겠습니다.앞으로 작성할 HTML은 모두 이 기본 구조 안에서 만들어집니다!🧱 HTML 문서의 기본 구조란?HTML 문서는 웹페이지의 기본 설계도예요.아래는 가장 기본적인 HTML 문서 구조예요: 안녕하세요! 이것은 나의 첫 HTML 문서예요. 🔍 태그 하나하나 알아보기✅ 이 문서는 HTML5로 작성되었다는 걸 브라우저에게 알려주는 선언이에요.한 번만 쓰면 되고, 항상 맨 위에 있어야 해요!✅ ~ 전체 HTML 문서를 감싸는 가장 바깥 태그예요.모든 내용은 이 안에 들어가야 해요.✅ 웹페이지에 직접 보이진 않지만 중요한 정보들을 담는 공간이에요.예: 페이지 제목(..

📁 GitHub Desktop으로 저장소 만들기와 복제하기– 내 컴퓨터에서 깃허브까지, 첫 프로젝트를 시작하겠습니다!🌱 들어가며이제 GitHub Desktop도 설치했고, 로그인도 완료했죠?그럼 본격적으로 저장소(Repository) 를 만들어서내 프로젝트를 GitHub에 연결해볼 차례예요! 🎉오늘은✅ 내 컴퓨터(Local)에서 새 저장소 만들기✅ GitHub에 올리기(Push)✅ 다른 저장소를 복제해서 가져오기(Clone)까지 실습해볼 거예요.🆕 새 저장소 만들기 (로컬 → 깃허브)1. GitHub Desktop 실행 후→ 좌측 상단 File 메뉴 → New Repository 클릭2. 저장소 정보 입력Name: 저장소 이름 (예: my-first-repo)Description: 설명은 선택Lo..

🧑‍💻 GitHub Desktop이란?– 설치부터 첫 실행까지, 깃허브 데스크탑 입문 가이드🌱 들어가며“명령어 너무 어렵다...”“Git 배우고 싶은데 뭔가 복잡해 보여...”이런 생각 한 번이라도 해봤다면,GitHub Desktop이 여러분을 위한 최고의 도구일지도 몰라요!오늘은 GitHub Desktop이 뭔지, 왜 쓰는지, 그리고처음 설치하고 실행하는 방법까지 친절하게 안내해드릴게요 🙌🧩 GitHub Desktop이란?GitHub Desktop은 Git과 GitHub을 더 쉽고, 더 눈에 보이게 사용할 수 있도록 만든 무료 데스크톱 앱이에요. 명령어 한 줄도 몰라도✅ 저장소 만들기✅ 파일 변경 추적✅ 커밋하고 푸시하기✅ 브랜치 만들기이 모든 걸 마우스 클릭만으로 할 수 있어요!💻 GitH..