본문 바로가기

개발자 도전기107

[Bootstrap] Container 클래스의 속성 이해 Container를 잘 써야 의도한 대로 반응형 웹사이트가 동작한다. .container, which sets a max-width at each responsive breakpoint .container-{breakpoint}, which is width: 100% until the specified breakpoint .container-fluid, which is width: 100% at all breakpoints container-md를 예로 살펴보자 //예시 코드 // container-md에서 'md'는 breakpoint를 의미한다 화면 가로 길이가 768px~992px라면, Container를 720px로 설정한다. 화면 가로 길이가 768px보다 짧다면, Container를 100%로.. 2022. 10. 28.
공부일지 | #3. Git 사용법 숙지 후 GitHub 업로드 완료 개인 프로젝트만 수행해왔기 때문에 Git 공부를 뒤로 미루왔다. 취직 준비를 하면서 이제서야 공부했다. Git에 대한 개념과 간단한 사용법을 습득했다. 포트폴리오에 링크로 걸어두기 위해 GitHub에 모든 소스 코드를 업로드했다. 이번에 GitHub를 시작했다보니 잔디가 거의 없다. 개발 초기부터 꾸준히 업로드를 했다면, 지금에는 잔디가 빼곡했을텐데 아쉽다. 앞으로 꾸준히 커밋해야겠다. https://github.com/taehyunahn taehyunahn - Overview taehyunahn has 9 repositories available. Follow their code on GitHub. github.com 생활코딩으로 기본적인 Git의 개념을 이해하려고 했는데, 실제로 나의 파일을 업로드하.. 2022. 10. 28.
[Bootstrap] 설치 방법 (리눅스OS Ubuntu 기준) 설치방법 3가지 1. 소스파일 다운로드 - 개발 공부하기 전에 가장 익숙한 방식 - 윈도우OS에는 적합하나, 리눅스OS에는 적합하지 않음. 2. CDN - 태그만 추가하면 되는 방식 - 그러나 추후에 속도가 느리기 때문에 현업에서 사용하지 않는 듯 3. npm 사용 - 리눅스OS를 사용하는 경우에 간편히 설치할 수 있는 프로그램 실제 사용한 설치 방법 → npm 리눅스OS를 사용하고 있다면, npm으로 설치하는 방법이 가장 편하다. 1. npm 설치 (터미널 명령어 사용) npm install // npm 설치, Node Pakage Manager의 약자로 자바스크립트 프로그래밍 언어를 위한 패키지 관리자 2. 패키지 설치 (package.json 생성됨) npm init // 패키지 설치 명령어 3. .. 2022. 10. 28.
[GitHub] 최초 등록 방법 Git과 GitHub에 대한 이해 git : 버전관리 시스템 gitHub : 온라인 repository, 원격 저장소 원격 저장소를 사용하는 이유 : 백업과 협업 로컬저장소를 원격저장소에 백업 git init // repository 생성 명령어 git branch -M main // gitHub에서는 기본 브랜치 이름을 main으로 변경해야 한다고 하는데, 진위여부는 확인 필요 git push // 현재 작업 폴더에 있는 로컬 저장소를 원격 저장소에 푸쉬 git push -u https://github.com/taehyunahn/lesson.git main // 예시) git push -u '저장소주소' '기본브랜치 이름' // -u를 쓰는 이유? -u라는 옵션은 기억하라는 뜻. 한번 작성하면, 이후에.. 2022. 10. 26.
[Git] 주요 명령어(2) git branch 생성, 변경, 병합 1. git branch 생성 git branch '생성할 브렌치 이름' // ex) git branch test (test는 생성할 브랜치 이름) git branch // 브렌치 목록 표시 2. git branch 변경 git branch '변경할 브렌치 이름' // ex) git switch test (test2는 변경할 브랜치 이름) 3. git branch 병합 (git merge) git switch master // 메인 브렌치로 이동한다 git merge '병합할 브렌치 이름' // ex) git merge peter (peter는 변경할 브랜치 이름) git log --oneline --all --graph // 로그를 보여줄 때, 시각적 그래프로 표현하도록 옵션 설정 이 외에도 충돌이 발.. 2022. 10. 25.
[Git] 주요 명령어(1) git status, add, commit -m '내용', log Git을 이해하기 위해서는 세 가지 공간(working tree, staging area, repository)을 알아야 한다. 1. Working Tree(작업 트리) :흔히 말하는 폴더 - add 전 2. Staging area :커밋을 실행하기 전의 저장소와 작업 트리 사이에 존재하는 공간, 인덱스(Index)라고도 함 - add 후, commit 전 3. Repository(저장소) - commit 후 돌아보면 쉬운 것 같은데, 처음에는 이 부분이 이해가 잘 안 됐다. 강의를 들어도 무슨 소린지 잘 모르게 코드만 따라서 작성했다. 내가 아는 상식 선에서 이해하려고 하지 말고, 새로운 상식은 머릿속에 주입하니 간단히 이해했다. 주요 명령어 1. git status 공식문서 설명 : Displays .. 2022. 10. 24.

티스토리툴바