jonbeo 님의 블로그

안녕하세요! 😊이전 포스팅에서 HTML 문서 구조를 배웠다면,이번에는 웹페이지 안에 실제로 글과 이미지, 링크를 넣어보는 방법을 알아보겠습니다!✍️ 텍스트 넣기: 태그HTML에서 일반적인 문장은 태그를 사용해요.p는 "paragraph", 즉 문단이라는 뜻이죠!오늘은 HTML 공부를 시작한 기념일이에요! 👉 이 코드를 브라우저에서 실행하면 이렇게 보여요:오늘은 HTML 공부를 시작한 기념일이에요!📝 제목 넣기: 부터 제목은 ~ 까지 있어요.숫자가 작을수록 더 중요한 제목, 글자 크기도 더 커요.가장 큰 제목조금 작은 제목이제 점점 작아져요🔗 링크 만들기: 다른 사이트나 페이지로 이동하게 하려면 링크 태그를 사용 해야합니다.구글로 이동 👉 결과: 구글로 이동Tip!href="" 안에는 연결할..

크롬 브라우저, 그냥 인터넷 할 때만 쓰고 계신가요?크롬 확장 프로그램을 활용하면 업무, 공부, 블로깅, 콘텐츠 수집까지생산성이 2배, 3배로 올라갈 수 있어요!이번 포스팅에서는 누구나 쉽게 설치하고 바로 활용할 수 있는 필수 확장 프로그램 10가지를 소개할게요.✅ 크롬 확장 프로그램이란?크롬 브라우저에 기능을 추가해주는 작은 앱입니다.PC에 설치하는 게 아니라 브라우저 안에서 작동하기 때문에가볍고 빠르게 사용할 수 있어요. 🏆 추천 크롬 확장 프로그램 TOP 101. Dark Reader눈이 편안해지는 웹사이트 다크모드 자동 적용→ 블로깅, 검색할 때 눈 피로 줄이기에 최고!2. GoFullPage전체 웹페이지 한 번에 캡처해서 이미지 저장→ 티스토리 블로그용 캡처할 때 필수 도구3. Notion ..

🌐 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)하단에 위치하며 현재 언어, ..