jonbeo 님의 블로그

HTML이란 무엇일까? 누가 왜 쓰는 걸까?

웹페이지를 만드는 기초 언어인 HTML과 CSS를 아주 쉽게 하나씩 설명 해보는 포스팅을 할까 합니다 😊첫 번째 포스팅은 HTML이란 무엇인지, 누가, 어떤 상황에서 사용하는지를 천천히 알아보도록 할게요!✅ HTML이란?HTML은 HyperText Markup Language의 줄임말이에요. 말 그대로, 하이퍼텍스트를 작성하기 위한 마크업 언어랍니다! 📌 여기서 잠깐!하이퍼텍스트란?👉 다른 페이지나 정보로 연결되는 문서예요. 우리가 인터넷에서 링크를 클릭해서 다른 페이지로 이동하잖아요? 그게 하이퍼텍스트예요!✅ HTML은 왜 필요할까?우리가 보는 모든 웹사이트는 결국 HTML로 구성되어 있어요.예를 들어, 네이버, 유튜브, 구글, 인스타그램 같은 사이트도 처음에는 HTML로 기본 뼈대를 만들어요.H..

GitHub에서 Pull Request로 기여하기

✅ GitHub에서 Pull Request로 기여하기– 실습으로 배우는 오픈소스 협업의 첫걸음✨ 들어가며GitHub에서 오픈소스 프로젝트에 기여하는 방법 중가장 핵심적인 기능이 바로 Pull Request(PR) 에요.“PR 좀 보내주세요~”라는 말, 한 번쯤 들어봤죠?오늘은 초보자도 이해할 수 있도록실습 중심으로 차근차근 Pull Request 과정을 알려드릴게요!🧩 1. Pull Request란?Pull Request는 내가 수정한 코드를 원래 프로젝트에 반영해달라고 요청하는 것!오픈소스 프로젝트는 수많은 사람이 함께 작업하기 때문에,직접 수정하는 게 아니라 "이런 수정 했는데 확인해줄래요?" 하고리뷰를 요청하는 방식으로 기여해요.🛠️ 2. Pull Request 실습 흐름 한눈에 보기다른 사람의..

GitHub에서 프로젝트 협업 시작하기

✅ GitHub에서 프로젝트 협업 시작하기– Fork, Issues, Discussions 이해하기✨ 들어가며GitHub는 단순한 코드 저장소가 아니에요.전 세계 개발자들이 협업하고 소통하는 커뮤니티 플랫폼이기도 하죠!이번 포스트에서는 GitHub에서 협업할 때 꼭 알아야 할Fork, Issues, Discussions 기능들을차근차근 쉽게 설명해드릴게요 😊🍴 1. Fork – 다른 사람의 프로젝트를 내 것으로 복사하기❓ Fork란?"Fork는 다른 사람의 저장소를 내 계정으로 복사하는 것"내가 직접 수정하거나 실험해볼 수 있는 나만의 사본을 만드는 거예요!📌 언제 사용하나요?오픈소스 프로젝트에 기여하고 싶을 때실험용으로 코드 구조를 바꿔보고 싶을 때협업을 위해 원본을 훼손하지 않고 수정하고 싶을 ..

쇼핑검색광고 등록하기 – *** 상품 광고 실습으로 쉽게 배워보기!

안녕하세요!지난 포스팅에서는 광고 계정을 만들고 결제수단까지 등록해봤습니다.이제 정말 중요한 광고 등록 실전으로 들어갈 차례예요! 이번 포스팅에서는✅ 쇼핑검색광고 등록✅ 상품 연결하기✅ 키워드 설정✅ 광고 문구 작성을 선풍기 상품 예시로 쉽게 따라 할 수 있게 알려드릴게요. 😊 ✅ Step 1. 쇼핑검색광고 캠페인 만들기광고 관리 > 광고 만들기 > 쇼핑검색 유형 선택그외 입력 형태들을 상황에 맞게 입력 ✅ Step 2. 상품 연결하기스마트스토어와 연동된 상품 목록이 자동으로 불러와져요→ 여기서 광고할 상품을 선택!예시: USB 겸용 탁상용 미니 선풍기 ✅ Step 3. 광고 문구(확장 소재) 작성하기광고 문구는 소재라고 불러요.노출 제목과 설명을 설정하는 단계예요.예시 문구:제목: 여름 필수..

.gitignore로 불필요한 파일 관리하기

✅ .gitignore로 불필요한 파일 관리하기– 꼭 필요한 파일만 추적하고, 나머지는 무시하세요!✨ 들어가며Git으로 프로젝트를 관리하다 보면"올리면 안 되는 파일"까지 같이 올라가는 경우가 있어요.예를 들어…개인 설정 파일 (.vscode/, .DS_Store)빌드 결과물 (dist/, *.class)보안 정보가 담긴 파일 (.env, api_keys.txt) 등등이런 파일들은 Git에서 추적하지 않도록 차단해줘야 하죠!그럴 때 사용하는 게 바로 .gitignore 파일이에요.📁 1. .gitignore란?.gitignore 파일은Git이 무시해야 할 파일이나 폴더를 지정하는 텍스트 파일이에요.이 파일에 적힌 내용은 Git이 추적하지 않아요.즉, git status, git add, commit 시..

Merge 충돌 해결하기 – 충돌이 났을 때 당황하지 마세요

✅ Merge 충돌 해결하기 – 충돌이 났을 때 당황하지 마세요– Git에서 가장 무서운 순간, 하지만 알고 보면 쉽게 해결 가능! ✨ 들어가며"뭔가 잘 따라 하고 있었는데… 갑자기 이런 메시지가!?"CONFLICT (content): Merge conflict in index.htmlAutomatic merge failed; fix conflicts and then commit the result. 처음 Git을 접한 사람이라면 진짜 놀라고 당황할 수 있어요 😨오늘은 이런 상황에서도 침착하게 Merge 충돌을 해결하는 방법을하나하나 쉽게 알려드릴게요! 📌 1. Merge Conflict란?두 명 이상의 개발자가 같은 파일의 같은 부분을 동시에 수정하면,Git은 자동으로 어떤 내용을 유지해야 할지..

네이버검색광고 시작하기 – 광고 계정 만들기부터 결제수단 등록까지!

안녕하세요!지난 포스팅에서 네이버 검색광고가 무엇이고 왜 중요한지 알아봤습니다.이번엔 광고를 직접 집행할 준비를 해볼 거예요.계정 만들기 → 스마트스토어 연동 → 결제수단 등록까지하나씩 이미지 보면서 따라오시면 어렵지 않아요 😊 ✅ Step 1. 네이버 검색광고 계정 만들기광고시작 페이지 접속👉 https://searchad.naver.com 에 접속하세요.네이버 아이디로 로그인하고, 광고주 등록을 진행합니다.사업자 정보 입력 (스마트스토어라면 사업자 등록증 필수!)약관 동의 후, 광고 계정 생성 완료 🎉 ✅ Step 2. 광고 계정 구성 확인하기계정을 만들면 광고 계정 이름이 자동으로 생성돼요.(예: 홍길동_쇼핑몰)광고 관리화면에 들어오면 이렇게 보여요: ✅ Step 3. 결제 수단 등록하기..

✅ GitHub Pages로 정적 웹사이트 배포하기 – 깃허브 저장소만 있으면 누구나 무료로 나만의 웹사이트 만들 수 있어요! ✨ 들어가며 웹사이트 만들고 싶은데 서버가 없다고요?도메인, 호스팅? 그런 거 몰라도 괜찮아요!GitHub Pages를 사용하면, 코드만 올려도✨ 전 세계 어디서나 접속 가능한 웹사이트를 만들 수 있어요.오늘은 HTML 한 장만 있어도 바로 배포할 수 있는 방법을정말 쉽고 부드~럽게 알려드릴게요 😊 🛠️ 1. GitHub 저장소 만들기 (정적 페이지용)GitHub 접속 후 로그인새 저장소 만들기 (예: my-first-website)필수 설정:저장소 이름이 yourusername.github.io 라면 → 자동으로 도메인 생성또는 그냥 아무 이름이나 만들고, Pages 설..

안녕하세요! 스마트스토어를 처음 시작하셨거나, 이제 막 광고를 해보려는 분들을 위해 네이버 검색광고 관련 포스팅을 해볼까 합니다 👋이번 포스팅에는 ‘네이버 검색광고’가 무엇인지, 어디에 노출되는지, 왜 꼭 필요한지 기초 개념부터 아주 쉽게 설명드릴게요. ✅ 네이버 검색광고란?네이버 검색광고는 사람들이 네이버에서 어떤 키워드를 검색했을 때, 검색 결과 상단 또는 하단에 노출되는 광고를 말해요.보통 우리가 보는 파워링크 광고가 바로 그것이죠! 🔍 예를 들어, 누군가 네이버에 “선풍기 추천” 이라고 검색했다고 해볼게요.그럼 아래와 같은 광고들이 검색 결과 상단에 노출됩니다. ✅ 광고는 어디에 노출될까요?네이버 광고는 크게 다음 2곳에 노출됩니다:PC 웹 검색 결과 상단/하단모바일 검색 결과 상단/하단..

✨ 들어가며GitHub를 사용한 협업에서 가장 중요한 흐름,바로 Pull Request (PR) 입니다! PR은 “내가 수정한 내용을 프로젝트에 반영해 주세요” 하고 요청하는 것이에요.오픈소스든, 회사 프로젝트든, PR을 이해하면 협업의 90%는 이해한 거랍니다 😎 📌 1. Pull Request란?PR은 수정한 내용을 저장소에 반영해달라고 요청하는 과정입니다.다른 사람이 만든 저장소(fork)에서 내가 작업한 브랜치를원본 저장소의 메인 브랜치(main/master)로 합치도록 요청하는 거예요. 🔍 예시 상황1. 오픈소스 저장소를 포크(fork)2. 내 로컬/깃허브에서 작업 3. 수정 내용이 완성되면 PR을 보내 반영 요청! 🛠️ 2. Fork해서 내 저장소로 복사하기PR을 보내고 싶은 깃허브 ..