아.. 급하게 폴더 만들어서 거기다가 작업을 하고 있었는데,github에 올리고 싶으면 어떡해야하지 싶으신 분들은 글을 참고해주세요.폴더 하나 만들어서 정리하다가,"아.. 이거 깃헙에 올려야하는데, 새로 레포파서 처음부터 다 다시 해야하나??" 싶었는데 아니더라고요.1. GitHub에 새로운 레포지토리 생성먼저 레포지토리를 생성합니다.그리고 주소를 가지고 있는 상태에서 작업해둔 파일의 VSCode로 넘어갑니다. 2. Git 초기화VSCode로 넘어오셨다면, 작업중인 폴더, 즉 로컬 프로젝트 폴더에서 Git저장소를 초기화합니다.밑에 명령어는 해당 폴더를 Git저장소로 만들어주고, .git이라는 디렉토리가 생성됩니다.git init  3. GitHub레포와 로컬프로젝트 연결로컬저장소(git init으로 생성..

중간고사가 끝났는데, 10월도 끝나가네요. 2024년도 끝나가고요, 25년까지 100일도 안남았다는데,,사담은 각설하고 GitHub Profile Viewer 프로젝트 회고 정리합니다.https://www.notion.so/GitHub-Profile-Viewer-12aeaede9dc58013a601c71d15bfae5d?pvs=4시험이 끝나고 약 3일간의 일정을 잡고 개발을 진행했습니다.💡 GitHub Profile Viewer, 어떤 프로젝트인가요?kimjusnu/github_profile_viewer: GitHub_Profile_Viewer GitHub - kimjusnu/github_profile_viewer: GitHub_Profile_ViewerGitHub_Profile_Viewer. Cont..

GitHub에서 프로젝트를 체계적으로 관리하려면 이슈 템플릿을 활용하는 것이 좋습니다. 이슈 템플릿은 팀원들이 일관된 형식으로 작업을 정리하게 도와주어 커뮤니케이션 오류를 줄이고 업무 생산성을 높이는 핵심 도구입니다. 이번 글에서는 GitHub 이슈 템플릿을 쉽게 만드는 방법과 예시를 함께 알아보겠습니다.GitHub 이슈 템플릿 만드는 방법 🚀Step 1: 레포지토리로 이동하기GitHub에서 이슈 템플릿을 설정할 레포지토리로 이동합니다.상단 메뉴에서 Settings를 클릭합니다.Step 2: 이슈 템플릿 설정하기Settings 페이지 아래로 스크롤해 Issues 항목을 찾습니다.Set up templates 버튼을 클릭합니다.tep 3: 새로운 템플릿 생성하기Feature request나 Bug rep..

GitHub의 Label은 이슈와 PR을 정리하고, 협업을 효율적으로 관리하는 중요한 도구예요.이번 글에서는 라벨 설정의 필요성과 함께, 손쉽게 라벨을 생성하고 사용하는 방법을 소개할게요!1. GitHub Label 왜 중요한가요? 🤔라벨이 없다면..?이슈와 PR이 뒤죽박죽 섞여 정리되지 않은 프로젝트는 헷갈리기만 해요!라벨은 다음과 같은 이점이 있어요:✨ 명확한 작업 분류: 버그 수정, 기능 추가, 문서 작업 등을 쉽게 파악.🔍 빠른 검색과 필터링: 필요한 이슈만 모아볼 수 있어요.👥 팀 협업 최적화: 팀원 모두가 작업 현황을 빠르게 이해할 수 있죠.📌 우선순위 설정: 중요한 작업을 눈에 띄게 표시해요.2. GitHub 라벨 생성하는 법 🚀1. 레포지토리로 이동하기: 라벨을 설정할 프로젝트의 ..

Git에서 불필요한 파일이 저장소에 포함되지 않도록 하려면 어떻게 해야 할까요? 그 답은 .gitignore 파일에 있습니다. 이 글에서는 .gitignore 파일을 간단하게 설정하는 방법을 알려드리겠습니다..gitignore 파일이 뭐죠?.gitignore 파일은 Git이 추적하지 말아야 할 파일이나 폴더를 지정하는 파일입니다. 예를 들어, 로그 파일이나 빌드 결과물처럼 저장소에 포함될 필요가 없는 파일들을 제외할 수 있습니다.왜 .gitignore가 필요할까요?필요 없는 파일들이 Git에 올라가는 것을 막아, 코드 관리를 깔끔하게 유지하고 협업 시 혼동을 방지할 수 있습니다.게다가,GitHub에서는 한 파일의 크기가 100MB를 초과하면 저장소에 올릴 수 없습니다. 대용량 미디어 파일이나 자동으로 생..

Componique 프로젝트는 다양한 최신 기술 스택을 바탕으로 UI 컴포넌트 라이브러리를 구축했습니다. 이번 글에서는 이 프로젝트에서 사용한 기술 스택을 하나씩 설명드리겠습니다.1. 개발 프레임워크 및 언어Next.jsComponique의 개발은 Next.js로 이루어졌습니다. Next.js는 React 기반의 프레임워크로 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 지원합니다. 이를 통해 SEO에 유리하고, 빠른 페이지 로딩 속도를 유지할 수 있었습니다. 특히 컴포넌트 기반 개발을 통해 코드 재사용성을 극대화했습니다.TypeScriptTypeScript는 자바스크립트의 정적 타입 언어로, 코드의 안정성과 유지보수성을 높이기 위해 사용했습니다. 프로젝트가 커지면서 발생할 수 있는 타입 관..

이번 글에서는 Componique 프로젝트가 어떻게 진행되었고, 팀원 간의 협업은 어떤 방식으로 이루어졌는지에 대해 소개해드리겠습니다. 프로젝트의 성공적인 진행을 위해 체계적인 일정 관리와 협업 도구를 적극적으로 활용했습니다.1. 프로젝트 진행 단계Componique 프로젝트는 총 5단계로 나누어 진행되었습니다:프로젝트 기획프로젝트 기획 단계에서는 팀원들의 역할을 분담하고, UI 컨셉 및 페이지 디자인을 결정했습니다. 이를 바탕으로 일정 산출과 개발 환경 세팅을 진행했습니다.컴포넌트 개발본격적인 개발에 앞서, 각 컴포넌트의 요소를 선정하고, 디자인 시스템을 설정하여 개발을 시작했습니다.Docs 페이지 개발개발한 컴포넌트들이 어떻게 사용되는지 문서화 작업을 진행했습니다. 각 컴포넌트의 사용법을 형식화하여 ..

저번 포스트에서 git add와 commit을 알려줬지.실습해봤어? 어때 아직 익숙치가 않아서 낯설거야.나도 처음에는 그랬어.하지만 익숙해지면 별 생각없이 슥슥 투두둑 치게 될거야.오늘은 vsCode에서 사용하는 방법을 알려줄게.터미널에 입력을 하지 않아도 돼.왜냐하면 요즘은 어떤 에디터를 사용하든 대부분에 git이 내장되어 있거든! vsCode의 경우이렇게 실타래? 지렁이 같이 생긴 아이콘이 git이야.너가 코드를 변경하게 되면 저기에 1이라는 숫자가 표시될거야.여기서 추가해볼게.왼쪽 git 아이콘에 1이 추가된게 보이지? 저거를 클릭하면이런 화면이 나오는데, 저 Message부분에 git commit -m "변경"의 변경에 해당하는 메세지가 들어가는거야.나는 저기다가 화이팅을 적어서 commit해볼게..