본문 바로가기
반응형

내가 공부하려고 올리는100

깃(git)/깃허브(github) 독학하기(git 공부방법) 개발에 처음 입문하면 여기저기 조언으로 많이 듣게 되는 조언이 깃을 잘 다뤄야 한다는 조언입니다. 잔디를 열심히 심어야 한다느니 버전 관리를 잘해야 한다느니 알 수 없는 은어와 같은 조언들이 제가 처음 개발 공부를 할 때 인터넷에서 흔히 봤던 조언들이었습니다. 그런 조언을 실천하기 위해 또 그런 조언을 실천하는 방법을 찾고 있는 저 같은 개린이들을 위해 오늘은 두 가지 깃/깃허브 공부 방법을 추천드리려고 해요! 1. 호눅스 님의 깃/깃허브 무료 강의 https://www.inflearn.com/course/git-and-github [무료] Git과 GitHub 시작하기 - 인프런 | 강의 배우기 어려운 Git의 사용법을 쉬운 Gui 프로그램인 SourceTree를 통해 익혀봅시다., [임베딩 영상] g.. 2021. 12. 28.
깃 커밋 메시지 컨벤션(Git Commit Message Convention) 개인적으로 공부하면서 몇 개의 정말 소소한.. 작고 소중한.. 개인 프로젝트를 진행했었는데 이러한 프로젝트는 모두 '깃으로 형상관리를 해야지~~'라는 원대한 목표화 함께 깃허브에 업로드해두었습니다. 하지만 지금도 잘못하지만 이제 와서 깃과 깃허브에 대한 공부를 조금이라도 하고 보니 얼마나 묘상한 커밋을 해왔는지 느낄 수 있었습니다.. 살짝 수치스러운 느낌이라 누군가 볼까 부끄러운.. 다시 돌이켜보니 저는 깃을 이용해 제 토이 프로젝트의 '형상 관리'를 했다기보단 그냥 깃과 깃허브를 제가 이만큼 했다고 어필하기 위한 '저장소'쯤으로 활용한 것 같습니다. 토이 프로젝트를 진행했을 때는 너무나 미숙해서 어느 부분까지 끊어서 커밋해야 하고 어느 부분까지가 연결되는 내용인지를 파악하지 못해서 그랬던 것 같아요 (.. 2021. 12. 28.
브라우저 동작 원리(쉽게 알아보기) - 최종 (8) 이 글은 이스라엘 개발자 탈리 가르시엘(Tali Garsiel)이 html5rocks.com에 게시한 "How Browsers Work: Behind the scenes of modern web browsers"를 인용하고 있습니다. 아무것도 모르는 초보자의 시선에서 하나하나 모르는 용어는 용어대로 찾아가면서 정리해보는 글입니다. 저와같이 아무것도 모르는 초보자를 기준으로 글을 작성했습니다. 부디 이 글에 마지막에는 글을 쓰고 있는 저도, 독자도 어렴풋이라도 브라우저가 어떻게 동작하는지 이해할 수 있었으면 좋겠습니다. 🙏 이 글은 브라우저 동작 원리 8편입니다. 다른 편은 아래 링크나 블로그에서 참조해주세요! 브라우저 동작 원리 1편 브라우저 동작 원리 2편 브라우저 동작 원리 3편 브라우저 동작 원리 .. 2021. 12. 13.
HTML/CSS/JavaScript를 사용해 개인 포트폴리오 사이트 만들기(2) 저번 글에 이은 HTML/CSS/JavaScript를 사용해 개인 포트폴리오 사이트 만들기 2편입니다. 오늘은 저번 글에 이어서 각 섹션에 따로 적용되는 CSS 요소와 JavaScript를 확인해보겠습니다. 저번 글을 확인하고 싶은 분들은 아래 링크를 이용해주세요! HTML/CSS/JavaScript를 사용해 개인 포트폴리오 사이트 만들기 1편 #CSS 구성 확인하기 / nav.css 내비게이션 바의 기본 CSS입니다. 내비게이션 바의 경우 스크롤을 내려도 계속해서 화면 상단에 위치해야 하기 때문에 'position: fixed' 속성을 부여합니다. 화면 크기에 맞추기 위해 'width: 100%' 속성을 부여하고, 다른 페이지 부분과 겹칠 경우z 축을 기준으로 가장 위에 있어야 하기 때문에 'z-ind.. 2021. 12. 11.
HTML/CSS/JavaScript를 사용해 개인 포트폴리오 사이트 만들기(1) 오늘은 HTML과 CSS, JS를 이용해 만든 개인 포트폴리오 사이트를 정리해 보려고 합니다. 우선 최종 완성된 페이지의 모습을 확인해 보겠습니다. 개인적으로 확인해보실 분들은 다음 페이지에서 확인 부탁드립니다! http://determination.dothome.co.kr/ (도메인 만료) #페이지 소개 영상 우선 홈 화면입니다. 보유한 스킬이 쓰이고 지워지는 애니메이션을 추가했습니다. 내비게이션 바를 만들었고 'Determination'에서 'tion'의 경우 스크롤이 내려가 화면이 고정되면 색이 통일되도록 하였습니다. 메뉴바에 마우스를 올리면 색깔이 변하도록 스타일을 주었습니다. 다음은 섹션 화면입니다. 메뉴바를 클릭 시 해당 섹션으로 이동할 수 있도록 했습니다. 스크롤을 내려도 순서대로 해당 섹션.. 2021. 12. 11.
Web - REST API 이번 글에서는 REST API에 대해서 알아보겠습니다. REST API를 설명하기 위해 우선 API가 무엇인지 알아보겠습니다. API란? 위의 그림으로 API가 무엇인지 알아보겠습니다. 리모컨은 TV의 기능을 사용하기 위해 존재합니다. 비단 리모컨만이 아니라도, 컴퓨터의 마우스나 키보드 역시 컴퓨터를 동작시키기 위해 존재합니다. 이러한 리모컨, 마우스, 키보드를 '제어장치'라 하고 'Interface'라고도 합니다. 이런 하드웨어적인 제어장치 말고도 소프트웨어적인 제어장치도 존재합니다. 예를 들어 웹 사이트에는 스크롤 바, 버튼과 같이 다양한 제어장치, 즉 인터페이스(Interface)가 존재합니다. 이러한 인터페이스를 UI(User Interface)라고 부릅니다. 앞서 설명한 제어장치들은 사람의 요청.. 2021. 11. 22.
반응형