jonbeo 님의 블로그

1. Visual Studio Code 설치 준비하기Visual Studio Code(이하 VS Code)는 Windows, macOS, Linux 모두 지원해요.설치를 위해 아래 공식 사이트에 접속해주세요.👉 https://code.visualstudio.com/2. Windows에서 설치하는 방법홈페이지 접속 후 Windows 버튼 클릭다운로드가 시작되면 .exe 파일 실행설치 마법사가 실행되면 다음(next) → 동의 → 설치 → 완료3. macOS에서 설치하는 방법홈페이지 접속 후 macOS 버튼 클릭.zip 파일이 다운로드됨압축 해제 후, Visual Studio Code.app을 응용 프로그램 폴더에 드래그4. Linux에서 설치하는 방법홈페이지에서 Linux 탭 클릭사용하는 배포판에 맞는 ..

1. Visual Studio Code란?Visual Studio Code는 마이크로소프트에서 만든 무료 코드 편집기예요.처음 개발을 시작하는 분들부터, 현업 개발자까지 널리 사용하는 대표적인 툴이죠.다양한 프로그래밍 언어 지원가볍지만 강력한 기능Git, GitHub과 쉽게 연동 가능확장 프로그램을 통한 무한한 기능 추가Visual Studio Code2. 누가 사용할까?VS Code는 아래와 같은 사람들에게 정말 유용해요.코딩 입문자: HTML, CSS, JavaScript 공부할 때웹/앱 개발자: 프로젝트 관리와 협업에 필수데이터 분석가: Python, Jupyter Notebook 사용 가능GitHub 사용자: 깃과 깃허브를 연동해서 편하게 커밋/푸시3. 공식 사이트로 이동하기아래 링크를 클릭하면 ..

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

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

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

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

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

✅ 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 설..