jonbeo 님의 블로그

1. Git 설치 여부 확인먼저 Git이 설치되어 있어야 VS Code에서도 Git을 사용할 수 있어요!VS Code 터미널 열기 (단축키: `Ctrl + ``)아래 명령어 입력git --version 설치되어 있다면 버전 정보가 출력됩니다. 없다면 Git 공식 사이트에서 설치하세요.2. GitHub 계정 만들기 (이미 있다면 생략 가능)https://github.com/ 접속우측 상단 Sign up 클릭이메일, 비밀번호 입력 후 계정 생성3. 로컬 Git 저장소 만들기VS Code에서 만든 웹 프로젝트 폴더 열기터미널에서 다음 명령어 실행git init 3. 변경된 파일을 Git이 추적할 수 있도록 스테이징git add . 4. 커밋 메시지와 함께 첫 커밋git commit -m "처음 ..

공개로 만든 저장소, 비공개로 바꾸고 싶다면 이렇게 하세요!✅ Public과 Private의 차이점 먼저 알아볼까요?구분 Public 저장소 Private 저장소 접근 권한누구나 접근 가능초대된 사람만 접근 가능검색 노출GitHub 검색 및 Google 검색 가능검색에 노출되지 않음오픈소스 공유누구나 포크, 이슈, PR 가능초대한 사람만 협업 가능보안민감 정보 노출 주의 필요민감한 내용 보호에 유리💡 Tip:팀 협업이나 오픈소스를 위한 저장소는 Public이 적합하지만, 개인 프로젝트나 민감한 정보를 담고 있는 경우에는 Private으로 설정하는 게 좋아요.🔁 Public 저장소를 Private으로 바꾸는 방법GitHub에 로그인 후, 비공개로 바꾸고 싶은 저장소로 이동해요.👉 GitHub 접속 ..

1. 새로운 폴더 만들기바탕화면이나 원하는 위치에 새 폴더 생성이름 예: my-first-websiteVS Code 실행 후 [파일 > 폴더 열기] 클릭 → 방금 만든 폴더 선택 2. 새 파일 만들기폴더가 열리면 왼쪽 사이드바에서우클릭 > 새 파일 선택다음 3개의 파일을 만듭니다:index.html style.css script.js 3. HTML 기본 구조 작성index.html 파일에 다음 코드 입력: Hello, VS Code! 눌러보세요 4. CSS로 디자인 추가style.css 파일에 다음 코드 입력:body { font-family: 'Arial'; text-align: center; padding-top: 100px; background-color: #f0f8ff;}h1 ..

✍ 포스팅 본문 요약2025년 5월, 마이크로소프트가 미국 워싱턴주에서 약 2,000명의 직원을 정리해고했습니다.놀라운 건 이 중 약 절반에 해당하는 817명이 소프트웨어 엔지니어였다는 점입니다.해고 사유는 단순한 구조조정이 아닌, AI 도입으로 인한 역할 축소였다는 공식 입장이었습니다.🤖 AI가 코드를 작성하는 시대사티아 나델라 마이크로소프트 CEO는“AI가 일부 프로젝트에서 전체 코드의 약 30%를 작성하고 있다”고 밝혔습니다.실제로 마이크로소프트가 인수한 GitHub에서 제공하는 Copilot은기본적인 코드 작성, 반복 작업, 테스트 자동화 등 다양한 역할을 AI가 직접 처리할 수 있는 수준에 이르렀습니다.📰 해고 상세 내용항목내용전체 해고 인원약 2,000명소프트웨어 엔지니어817명 (약 40..

💡 이런 분께 꼭 필요한 내용이에요!광고 클릭은 많이 나는데 매출은 안 나오는 분광고 성과를 숫자로 정확히 확인하고 싶은 분네이버 스마트스토어 전환 분석이 어려운 초보 사장님!🌀 Step 1. 전환이란? 클릭만으로는 부족해요!광고의 진짜 목표는 ‘클릭’이 아니라 ‘구매’입니다!그래서 우리는 클릭률(CTR)보다 전환률(CVR), 그리고 **ROAS(광고 수익률)**를 함께 봐야 해요. 용어뜻예시CTR클릭률 = 광고를 본 사람 중 몇 명이 클릭했는가1000회 노출 중 50회 클릭 → 5%CVR전환률 = 클릭한 사람 중 몇 명이 구매했는가50회 클릭 중 3명 구매 → 6%ROAS광고수익률 = 광고비 대비 매출10,000원 광고비로 50,000원 매출 → 500%📊 Step 2. 스마트스토어 통계에서 전환..

처음 네이버 광고를 시작하면 이런 고민이 생깁니다.“광고 문구는 어떻게 써야 클릭률이 올라갈까?”“문구를 바꿔도 효과가 있는지 어떻게 알 수 있지?”오늘은 이 궁금증을 확실하게 해결해드릴게요!직접 A/B 테스트까지 실습해보며, 문구 효과를 비교하는 방법까지 알려드릴게요 😊✅ Step 1. 클릭률 높은 문구의 특징클릭률이 높은 광고 문구는 몇 가지 공통점이 있어요:공통 요소설명 예시✔️ 명확한 상품 특징“저소음 USB 탁상용 선풍기” – 한눈에 어떤 상품인지 파악 가능✔️ 숫자 사용“30% 할인 중!”, “리뷰 1,200개 돌파” 등 신뢰와 혜택 전달✔️ 감성 자극“소음 없이 조용한 여름”, “집중력 높여주는 선풍기” 등 감정 공감✔️ 긴급성/한정성“이번 주만 특가!”, “오늘만 무료배송!” 등 행동 유..

1. 확장 프로그램(Extensions)이란?VS Code는 기본도 강력하지만, 확장 프로그램을 설치하면 코드 자동완성, 디자인 예쁘게 정리, Git 도구 연동 등더 다양한 기능을 사용할 수 있어요!말 그대로 내가 원하는 기능을 ‘플러그인’처럼 끼워 넣는 느낌이에요.2. 확장 프로그램 설치 방법방법 ① 사이드바에서 설치하기왼쪽 사이드바에서 확장(Extensions) 아이콘 클릭 (블럭처럼 생긴 아이콘)검색창에 설치하고 싶은 확장 프로그램 이름 입력결과에서 클릭 → Install 버튼 클릭방법 ② 명령 팔레트 사용Ctrl + Shift + P (Mac: Cmd + Shift + P)Extensions: Install Extensions 입력 후 Enter동일하게 검색 후 설치 진행3. 초보자 추천 확장 프..

💡 GitHub에서 협업할 땐 프로젝트 관리도 중요해요!GitHub는 코드 저장소만을 위한 곳이 아니에요.팀원들과 함께 효율적으로 작업하고,진행 상황을 한눈에 볼 수 있도록 프로젝트 관리 기능도 제공한답니다!대표적으로는✔️ Projects (프로젝트 보드)✔️ Milestones (마일스톤)이라는 두 가지 기능이 있어요.📌 Projects – 할 일을 시각적으로 관리하는 보드Projects는 Trello나 칸반보드처럼작업을 "할 일(To Do) → 진행 중(Doing) → 완료(Done)" 단계로 나누어 관리할 수 있어요.이걸 활용하면 혼자 작업할 때도, 팀 작업할 때도진행 상황을 한눈에 확인할 수 있어요!✅ 프로젝트 보드 만들기GitHub 저장소로 이동하세요상단 메뉴에서 Projects 탭을 클릭"..

1. 왜 테마와 글꼴을 바꿔야 할까?코딩을 오래 하다 보면 눈에 편한 화면이 정말 중요해요.내가 좋아하는 스타일로 꾸미면 작업할 때 기분도 더 좋아져요!실력보다 먼저 나만의 개발 환경부터 만들어보는 재미도 쏠쏠해요 😄2. 테마 변경하는 방법🔹 명령 팔레트로 변경하기Ctrl + Shift + P (Mac: Cmd + Shift + P)“Color Theme” 입력 후 Enter원하는 테마 선택🔹 톱니바퀴 메뉴로 변경하기좌하단 톱니바퀴 클릭Color Theme 선택 후 테마 지정3. 추천 테마 몇 가지Dark+ (기본 다크 테마)Monokai: 따뜻한 색감Dracula: 진한 퍼플 계열, 인기 최고One Dark Pro: 많은 개발자들이 사용하는 VS Code 인기 테마4. 글꼴(Font) 바꾸는 방법..

🤝 협업에서 유용한 GitHub 기능들– 팀워크를 빛나게 해주는 작은 마법들🌱 들어가며혼자서 프로젝트를 할 땐 괜찮지만,팀 프로젝트를 시작하면 협업이 핵심이 되죠?그럴 때 GitHub의 다양한 기능들이우리의 협업을 훨씬 더 빠르고, 깔끔하고, 효율적으로 만들어줘요!이번 포스팅에선 협업에 유용한 GitHub 기능들을 쏙쏙 정리해볼게요!1️⃣ Collaborator 초대하기 – 함께 일할 사람 추가하기✅ 저장소 Settings → Collaborators에서 팀원을 초대할 수 있어요!초대한 사람은 write 권한 이상이 생겨요함께 코드 수정, 커밋, Push 등 가능2️⃣ Issue – 할 일과 버그를 깔끔하게 정리새로운 기능 제안, 버그 제보, 질문 등을 남길 수 있어요마치 프로젝트 게시판 같은 역할!..