분류 전체보기 (46) 썸네일형 리스트형 @media @media 타입 and (기능) { 스타일 } 기능에 들어가는 값을 Breakpoint라고 함 타입 screen : 화면 출력 스타일 지정 print : 인쇄될 때 스타일 지정 tv : tv에서 all : 기본값 타입을 안적으면 and도 안적어도 됨 안적으면 all and가 적인 적힌 것과 같음 기능 max-width : 최대 가로너비보다 작을 경우 스타일 min-width : 최초 가로너비보다 클 경우 스타일 orientation - portrait : 가로보다 세로가 더 긴 경우 - landscape : 세로보다 가로가 더 긴 경우 사용방법 css 파일 하나로 관리하지 않고 css파일을 쪼개서 관리할 수 있다. link태그의 속성으로 media 속성에 css에서 쓰던 @media의 기능 부분에 있던.. node.js - npm 프로젝트 시작하기 npm 프로젝트를 시작하는 방법에 대해서 글을 작성해봅니다. npm이란, node package module의 약자로, nodejs를 통해서 package(module)을 관리해주는 툴이라고 생각하면 됩니다. npm을 이용하면, index.html에 script 태그의 src 속성을 통해 넣었던 외부 API들의 설치, 사용, 업데이트, 삭제를 보다 용이하게 할 수 있습니다. 저의 실습 환경은 vscode이고, node.js를 다운로드 한 후에 진행해보았습니다. google 검색창에 node.js를 검색해서 들어갑니다. Node.js LTS 버전을 다운로드 받고, Next를 눌러서 설치합니다. vscode 를 열고 Ctrl + `(백틱) 키를 눌러서 터미널을 열어봅니다. npm init 을 입력하면 npm.. GIT CLI - 협업 git은 여러개의 저장소를 서로 연결시켜 상호 간에 동기화를 시킬 수 있습니다. 이러한 특성을 이용하면 서로 다른사람들이 각각의 저장소에서 작업을 하고, 이것을 모아서 하나의 프로젝트를 할 수 있는, 즉, 협업의 도구로 git을 사용할 수 있습니다. 이 때, 내부적으로는 branch가 사용됩니다. branch의 개념을 이미 알고 있고, branch와 branch를 병합할 때, 발생하는 conflict를 다룰 수 있는 준비가 되었다면 이미 협업에 필요한 준비가 끝난 상태입니다. [git으로 혼자 작업하기] git bash에서 a라는 저장소를 하나 만들어서 work.txt파일에 1이라고 적고, work 1이라는 commit message를 달아서 버전을 만들었습니다. git init a nano work.. GIT CLI - Backup(github연결,push,clone,pull) 지역 저장소를 하나 마련해봅니다. 기존에 앞 글들을 따라했다면, 만들어져 있는 저장소를 아무거나 사용해도 됩니다. [이미 존재하고 있는 저장소를 커멘드라인으로 연결하는 방법] git remote add origin [url] git에서 원격저장소관련 명령어는 remote 입니다. 원격 저장소를 추가할 것이기 때문에 add, 뒤에 url을 적어주며 되는데 github,gitlab 모두 내 저장소에 대한 HTTPS, SSH의 url을 제공해줍니다. 우리는 HTTPS로 할꺼에요 https 주소를 복사하고 붙여넣어봅시다. 모든 저장소의 url을 외울 수 없고, 여러개의 원격저장소에 별명을 붙여봅시다. add 뒤 url 앞에 적으면 되는데요. origin이라는 이름을 관습적으로 사용합니다. 저의 경우에는 gi.. GIT CLI - Backup(github, gitlab), 용어 정리 생활코딩 GIT3 - CLI 백업 수업을 듣고 작성한 글입니다. 해당 수업은 아래와 같은 내용을 알아야 진행할 수 있습니다. 1.저장소 만드는 법 2.버전을 만드는 법 3.버전을 열람하는 법 4.버전을 수정하고 삭제하는 법 저장소를 만들었을 때, git은 버전을 .git이라는 숨김디렉토리에 보관합니다. .git 디렉토리를 Onedrive, Dropbox 등에 보관함으로써, 좀 더 확실한 Backup을 진행할 수 있습니다. 인터넷에 연결 된 컴퓨터 한 대, 한대를 host라고 부릅니다. 인터넷서비스 중에는 hosting이라는 이름을 붙이고 있는 서비스들이 있는데, 이러한 서비스들은 인터넷에 연결되어서 원격으로 사용할 수 있는 서버를 임대하주는 서비스를 hosting이라고 합니다. git host.. GIT CLI - reset vs checkout 이 글은 생활코딩의 GIT CLI - Branch & Conflict 수업을 듣고 작성한 글 입니다. 부록 : reset vs checkout - 생활코딩 부록 : reset vs checkout 2019-01-25 16:02:38 수업소개 비슷하면서 다른 개념인 reset과 checkout에 대해서 알아보는 시간입니다. 강의 1 강의 2 댓글을 작성하려면 로그인하셔야 합니다. 코딩드림 한 달 전 23.10.17 GoodNow 10개월 전 230113 감사합니다! 헤밍웨이 1년 전 220907 완료 dign3328 1년 전 2020 08 15 완료 toonfac 1년 전 220715 오후 10시 36분 완료 육도 1년 전 2022.05.16 완료 Wilbur0306 1년 전 202... www.opent.. GIT CLI - Conflict, 3 way merge, p4merge 이 글은 생활코딩의 GIT CLI - Branch & Conflict 수업을 듣고 작성한 글 입니다. git은 3way merge라는 것을 이용해서 충돌(conflict)를 처리한다. 3way merge라는 것을 실습을 통해 알아보고, p4merge라는 외부 도구를 활용해서 gui를 통해 conflict를 해결해보자 conflict라는 branch와 branch를 merge할 때 일어난다. 협업을 할 때에도 branch를 사용하는 것이기 때문에 conflict가 일어나게 된다. 이 문제를 해결하려면 conflict를 잘 이해해야 할 필요가 있다. git은 3 way merge라는 것을 이용해서 병합처리한다. 3 way merge master branch에 A, B, C, D 가 담겨 있는 상태에서.. GIT CLI - Branch & Conflict(기본사용법) 이 글은 생활코딩의 GIT CLI - Branch & Conflict 수업을 듣고 작성한 글 입니다. 이 수업을 통해 알 수 있는 것 Brunch : 버전관리를 통해 만든 여러개의 버전에서 일부를 수정하여 새로운 버전을 만들고 싶을 때 Merge : 여러가지 수정 버전의 일부를 기존 또는 새로운 버전의 일부로 가져오고 싶을 때 Conflict : Merge할 때, 버전끼리 같은 부분을 수정했다면 어떻게 할 것인가? 3 way merge와 p4Merge(tool) : git의 3 way merge알고리즘과 외부 도구를 사용한 Conflict의 처리 2. 실습환경 준비 영상 강의를 통해 실습을 위한 기본적인 환경(directory, file 등의 상태)을 준비하는 단계 실습하고자 하는 디렉토리에 들어.. 이전 1 2 3 4 5 6 다음
