전체 글
-
Github - 저장소들을 합치고 싶을 때 (feat. subtree)카테고리 없음 2021. 6. 27. 20:16
오늘도 한 걸음 내디뎠다. 이 글에 들어오신 분들은 아마 저와 똑같은 고민을 하셨을 거예요. 깃허브를 체험하며 신나는 마음에 레파지토리를 이것저것 만들어 놨는데 하나의 레파지토리로 합치고 싶어진 거죠 ! 그럴 때를 위하여 간단하게 작성했습니다 ㅎㅎ 1. 시나리오 Apple, Banana, Orange 이 3개의 레파지토리를 FruitBox에 담을 것입니다. 기존 레파지토리 폴더 안에는 이렇게 Seed, Leaf, Fruit.html 파일들이 담겨 있다. 하나 하면 다음 것은 반복작업이라 Apple 레파지토리를 옯겨 보겠습니다 2. 기존 저장소 복사하기 git clone cd FruitBox 터미널에 위 명령어를 적으면 github의 FruitBox가 내 폴더에 복제 된다. 그리고 cd로 복제된 Fruit..
-
Chrome - 개발자 도구 사용법카테고리 없음 2021. 6. 22. 23:22
HTTS, CSS, JS를 공부중일 때 사이트 분석하기 좋은 툴은 구글에서 제공하고 있습니다. 그것은 크롬 개발자 도구 개발자 도구는 F12 나 Ctrl+Shift+I를 통해서 편리하게 실행할 수 있다. 크롬 개발자 도구의 장점 ① 제작한 웹페이지의 문제점을 찾기 유용하다. HTML코드를 위에서부터 하나하나 리뷰하지 않아도 된다 ! ② 웹사이트가 어떤 구조로 이루어져 있고, 어떤 스타일이 사용되었는지 참고하기 좋다. 구조 살펴보기 ① 검사도구 : 검사하고 싶은 영역을 선택하게 도와줌 ② 디바이스 모두 : 디바이스별 화면을 확인 ③ Elements : 태그를 분석하고 실시간 수정하게 도와줌 ④ Console : JS의 콘솔 메시지 출력 정보 확인 ⑤ Sources : 웹페이지 포함된 모든 리소스 볼 수 있..
-
WEB1 - HTML & Internet | HTML 시작WEBn 2021. 6. 1. 21:29
공부할 목록이다. 1) HTML 2) CSS 3) JavaScript HTML이란? HTML(Hyper Markup Language)는 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다. HTML은 elements로 구성되어 있으며, 각 컨텐츠의 여러 부분들을 감싸고 마크업 합니다. tags는 웹상의 다른 페이지로 이동하게 하는 하이퍼링크 내용들을 생성하거나, 단어를 강조하는 등의 역할을 합니다. 세팅하기 -ATOM- 공부를 위해 ATOM 에디터를 사용합니다. ATOM을 다운 받고 web폴더에 프로젝트를 시작 !