티스토리

코딩 공부 일지
검색하기

블로그 홈

코딩 공부 일지

cocoon1787.tistory.com/m

개발 블로그

구독자
203
방명록 방문하기

주요 글 목록

  • [GitHub] 리액트 프로젝트 GitHub Pages에 호스팅하기 🚀 작년에 포트폴리오를 HTML, CSS, JS로 만들어서 GitHub Pages에 Hosting 호스팅 하였는데 Web관련 지식이 많이 부족했던 시기였고 썡 HTML로 작성해서 프로젝트가 추가될 때마다 업데이트해야 하는 작업이 많아 조금 비효율적이었었습니다. 그러나 리액트도 좀 배웠고 빠르게 만들고 유지보수도 하기 쉬울 것 같아서 기존에 있었던 포트폴리오 페이지를 리액트로 리뉴얼하려고 합니다! 1. git 저장소 생성 2. 리액트 설치 프로젝트를 설치하고자 하는 경로에서 우클릭으로 Git Bash Here을 클릭해줍니다. (Git Bash가 없으신 분들은 설치하시면 되고 혹은 vscode 터미널로 입력하셔도 됩니다.) npx create-react-app 파일명 저는 파일명을 "portfolio"로 하.. 공감수 2 댓글수 0 2022. 3. 1.
  • [GitHub] 깃허브 프로필 꾸미기 (stats, 백준 Solved.ac, 언어 사용량, 네임 배지, Hits) 1. GitHub Nick name으로 Repository 생성하기 먼저 깃허브에서 레포지토리를 생성해야 하는데 자신의 닉네임으로 레포지토리를 생성하려고 하면 K-Junyyy/K-Junyyy is a ✨special ✨ repository that you can use to add a README.md to your GitHub profile. Make sure it’s public and initialize it with a README to get started. 위와 같이 {Nickname}/{Nickname} 은 깃허브 프로필에 README.md를 사용할 수 있는 특별한 저장소입니다.라고 알려줍니다. 깃허브에서 위(cocoon)가 Name, 아래(K-Junyyy)가 Nickname입니다. 저장소를.. 공감수 9 댓글수 2 2022. 2. 28.
  • [Git] 깃(Git)과 깃허브(Github) 차이 🚀 "git과 github의 차이를 아시나요?" 최근 면접에서 들었던 질문인데 말로 제대로 설명하지 못했었습니다. 왜 대답을 잘 못했는지는 아직도 잘 모르겠지만,,,,😥 다음번에도 그런 일이 발생하지 않도록 하기 위해 이번 포스팅을 하게 되었습니다. 🤔 버전 관리가 필요한 이유 개발자 간의 협업을 위해 전체 개발 소스를 공유하면서 개발 파트를 나눌 수 있고 같은 모듈을 개발하더라도 소스를 공유하며 개발할 수 있기 때문! 📌 Git 오픈 소스 버전 관리 시스템(VCS: Version Control System) 로컬에서 버전 관리 소프트웨어 개발 및 소스 코드 관리에 사용 git은 본인의 코드와 그 수정내역을 기록하고 관리하도록 돕는 버전 관리 프로그램이며, 로컬에서 프로젝트의 기록을 스스로 관리할 수 있.. 공감수 18 댓글수 2 2021. 10. 30.
  • [Git] 좋은 커밋 메시지 작성법 🚀 프로젝트 협업을 할 때 커밋 메시지 작성은 필수입니다. 입사 면접에서도 커밋 컨벤션에 대해 종종 질문이 나오는 걸로 알고 있습니다. 아직까지 협업 경험이 없는 상태에서 개인 프로젝트를 진행하면서 미리 좋은 커밋 메시지 습관을 들여놓는 게 좋겠다고 생각하여 좋은 커밋 메시지 규칙들에 대해 한번 알아보았습니다. 제목과 본문을 한 줄 띄워 분리하기 제목은 영문 기준 50자 이내로 제목 첫 글자를 대문자로 제목 끝에 . 금지 제목은 명령조로 Github - 제목(이나 본문)에 이슈 번호 붙이기 본문은 영문 기준 72자마다 줄 바꾸기 본문은 어떻게보다 무엇을, 왜에 맞춰 작성하기 type: Subject body footer feat : 새로운 기능 추가 fix : 버그 수정 docs : 문서 수정 style.. 공감수 7 댓글수 0 2021. 10. 26.
  • [GitHub] 기술스택 배지로 깃허브 프로필, README.md 예쁘게 꾸미기 안녕하세요. 📌 이번 포스팅은 깃허브에서 많이 볼 수 있는 스킬 배지에 관한 포스팅입니다. 🚀 사용법 기본 구조 예를 들어 html5라고 글씨가 써져있고 html마크가 새겨졌으면 좋겠다! 하신다면 아래와 같이 작성하시면 됩니다. 속성명들을 읽어보시면 입맛대로 바꿀 수 있습니다! 원하는 기술 스택 배지를 표시하기 위해 아래의 사이트에서 정해진 색상을 가져오는 것도 추천드립니다. https://simpleicons.org/ Simple Icons 2064 Free SVG icons for popular brands. simpleicons.org 이렇게 검색을 하면 추천(?) 해주는 색상을 복사할 수 있습니다 (#E34F26 클릭 시 자동 복사!) 물론 자기가 원하는 색으로 해도 됩니다. 그래서 마크다운에 코.. 공감수 24 댓글수 3 2021. 10. 19.
  • [GitHub] 깃허브로 무료 호스팅 하는 방법 2년 전 친구한테서 깃허브로 호스팅 할 수 있다는 얘기를 듣고 그냥 흘려버렸었습니다. 최근 들어서야 포트폴리오를 만들어야 하는데 호스팅 업체에서 도메인을 구매하기엔 좀 부담스럽고 좋은 방법이 없을까 생각하던 중 깃허브로 무료 호스팅이 가능한지에 대해 한번 알아보았습니다. 1. 깃허브에서 저장소를 생성합니다. (이미 생성된 저장소를 호스팅 할 시엔 3번으로 건너뛰세요.) 꼭 public으로 생성하셔야 합니다. 2. html 파일을 생성합니다. Hello World! 3. 저장소의 설정 탭에 들어간 뒤 Pages탭에서 Branch를 설정 후 Save 합니다. 4. 호스팅 주소가 발행됩니다. 5. 호스팅 주소/main.html로 접속하면 호스팅 된 웹사이트가 보이게 됩니다. k-junyyy.github.io/.. 공감수 3 댓글수 0 2021. 4. 9.
  • [GitHub] 시작 github.com/cocoon1787 cocoon1787 - Overview GitHub is where cocoon1787 builds software. github.com 개발자가 되기위해 꾸준하게 블로그활동을 해왔는데 깃허브도 꼭 해봐야겠다는 생각이 들어서 매번 미루고있다가 오늘부터 시작하려고 한다. 시작은 허접하겠지만 오픈소스를 함으로써 누군가 나의 소스코드를 보았고 도움이 되었다면 왠지모를 보람과 뿌듯함을 느낄 수 있을것 같았다. 그리고 그냥공부할 때랑 블로그에 포스팅하기위해 내용을 정리하고 글을쓰는거랑 나중에 되서 기억하는 내용에 많은 차이가 있듯이, 나의 오픈소스 코드들이 누군가가 보고있다고 생각하면서 코드들을 정리하면 나 또한 스스로 제일 많이 도움이 될것같다. 그리고 회사에들어가서 프로.. 공감수 0 댓글수 0 2020. 11. 24.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.