학습 (39) 썸네일형 리스트형 [CSS]반응형 웹 만들기 미디어 쿼리를 사용한다. 예시) @media (min-width:1000px) { h1{ font-size:20px; } } @media의 옆에는 브라우저의 창크기를 입력하는데 min-width의 경우 해당 크기값 이상일 때 적용이 되며, max-width의 경우 해당 크기값 이하일 때 적용이 된다. min- width를 사용할 경우 가장 작은 크기를 시작으로 레이아웃을 작성하여 점점 커지는 방향으로 max-width를 사용할 경우 가장 큰 크기를 시작으로 레이아웃을 작성하여 점점 작아지는 방향으로 나아간다. [Git]협업 및 작업 관련 명령어 1. 로컬 레포지토리의 커밋과 리모트 레포지토리의 커밋이 다른 경우 서로 다른 개발자에 의해서 다른 내용이 커밋되는 경우가 있다. 이럴 경우는 로컬 레포지토리에서 git push를 해도 에러가 발생한다. 우선 git pull을 하게되면 conflict가 된다. git pull을 하게 되면 리모트 레포지토리의 커밋과 로컬 레포지토리의 커밋과 머지를 하게 된다. 기존 conflict 해결방법과 같이 해결하면된다.(파일 수정) 2. git fetch git pull은 머지를 하게 되는데 git fetch는 가져오는 단계까지만 진행된다. 리모트 레포지토리에 있는 브랜치의 내용을 일단 가져와서 확인한 후 머지하고 싶을 때 사용 git fetch로 리모트 레포지토리를 가져온 다음 git diff 로컬브랜치 orig.. [Git]branch, merge 1. branch 하나의 코드 관리 흐름(나뭇가지) 맨 처음 커밋(root commit) 예를 들어 유료, 무료 버전으로 나눈다고 할 때 두 개의 branch를 쓸 수 있다. 2. branch 만들기 git branch 브랜치이름 3. branch 이동 git checkout 브랜치이름 4. branch 조회하기 git branch 5. git branch -d 브랜치이름 branch 삭제하기 6. branch를 만들면서 이동하기 git checkout -b 브랜치이름 7. 브랜치 merge하기 git merge 가져올브랜치이름 다른 branch의 내용을 가져오기 / 커밋 메시지 작성창이 뜬다. 8. conflict란? merge를 하다가 충돌이 발생했다는 뜻. 9. conflict 해결방법 1. con.. [Git]Github와 commit 1. git push 깃허브와 연결 후 레포지토리 변경사항을 보낼 때 깃허브에서 README 파일은 바로 열람할 수 있게한다. 2. 로컬 레포지토리에서 새로운 커밋을 할 때마다 리모트 레포지토리에 업데이트 해줘야한다 3. git pull 리모트 레포지토리의 내용을 로컬레포지토리에 반영한다. 4. 기본적으로 자신만 git push를 할 수 있다. 해당 리모트 레포지토리의 collaborator로 지정하면 다른 사용자도 git push를 사용할 수 있다. 5. git clone 복사할깃허브레포지토리주소 해당 주소의 레포지토리가 복사된다 6. git log 커밋 히스토리 출력 커미잇의 아이디(커밋 해시)도 출력 7. git log --pretty=oneline 커밋 히스토리를 깔끔하게 출력 8. git sho.. [Git]Git 작업 영역 및 파일 상태 1. Git 3가지 작업 영역 - working directory - staging area - repository 2. working directory 작업을 하는 프로젝트 디렉토리 3. staging area git add를 한 파일들이 존재하는 영역 4. repository commit 한 파일들이 저장되는 영역(.git) 5. git status git이 현재 인식하고 있는 프로젝트 관련 내용 출력 6. git add . 현재 폴더 전체를 git add 한다 7. Git 파일 4가지 상태 Untracked Tracked - Staged - Unmodified - Modified 8. Untracked 상태 Git에 의해서 그 변동사항이 추적되고 있지 않은 상태 완전 새로운 파일을 생성했을 때 9... [git]git과 github, repository와 commit 1. git의 주목적은 버전 관리 지난 과정 확인 가능 이전 버전으로 돌아갈 수 있음 2. github는 다른 컴퓨터에 작업물 보내기 가능 백업 / 외부 컴퓨터 무료 제공 -> 다른 사람과 협업 가능 3. github는 git으로 관리하는 프로젝트를 올려줄수 있는 사이트 원격 저장소를 대신 제공해주는 서비스 4. git init 레포지토리 생성 (.git 폴더) 5. repository와 commit repository는 commit의 저장소 commit은 현재 폴더의 상태를 하나의 버전으로 저장 6. 첫번째 commit을 하기전에 해야할 것 : git에게 commit한 사람 알려주기 $ git config user.name "유저이름" 유저이름 설정하기 $ git config user.email "이메.. [리눅스]리눅스 기본 명령어 1. ctrl+c 프로세스 강제종료, 현재 작성 중인 문장 취소 tap키를 누르면 자동완성 가능 2. pwd print working directory 현재 위치의 디렉토리의 위치가 출력됨 3. cd change directory 4. cd - 이전 디렉토리 5. ls List 디렉토리 안 파일들을 표시함 6. ls 디렉토리명 인수 안에 있는 파일들을 표시함 7. 절대 경로 루트 디렉토리 기준 상대 경로 작업 디렉토리 기준 ./ 현재 디렉토리 ../ 상위 디렉토리 파일이나 디렉토리 이름에 공백이 있을경우 "" '' \ 를 사용한다. 하지만 그낭하다면 공백이 없이 작성하는 좋다 ex)hello_world 8. ls 중요 옵션 -a 옵션 모든 파일과 디렉토리를 보여줌(숨겨진 파일 포함 파일 이름이 .으로 시.. [CSS]그리드(Grid) 1. grid 2차원으로 배치하는 방법 grid-template-rows(columns) gap grid-auto-rows(columns) grid-row(column), span grid-area, grid-template-areas 2. grid 나누기 grid-template-rows: 간격, 간격...(원하는 개수만큼) 로우 나누기 grid-template-columns : 간격, 간격, 간격 ...(원하는 개수만큼) 컬럼나누기 grid-template : row1 row2 ... / col1 col2 ... 한번에 작성하기 3. 유연한 크기와 유용한 함수들 grid-template : 1fr 1fr ... / 1fr 1fr... fr(fraction)을 사용하면 그리드 박스 크기 기준으로 비율을.. 이전 1 2 3 4 5 다음