본문 바로가기

전체 글139

Git · GitHub 시작하기_4. 소스트리(SourceTree) 사용해 보기 [ GitHub 사용법 요약 정리 ] github에 소스 업로드하고 다른 사람과 공유하기 - 저장소 클론(복사) 후 > 업로드할 파일 선택하고 add > commit > push 1. github 가입 2. github 저장소(repository) 생성 3. github 저장소 클론 4. 내 컴퓨터의 내 문서 아래에 생성된 프로젝트 디렉토리에서 파일 생성 및 작업 완료 5. 커밋할 파일들 선택해서 스테이지에 올리기(add) - 커밋하기 전에 저장을 원하는 파일들을 묶는일을 해야 한다. 이 작업을 스테이지에 파일을 올린다(add)라고 한다. (ex : 1~10 중 1~5번만 add한다.) 6. 커밋하기(commit) - 게임의 저장하기에 해당하는 행동을 git에서는 커밋이라고 한다. 다시 말해 언제든지 커.. 2022. 4. 8.
깃(Git)과 깃허브(GitHub)란 무엇인가? - 버전관리와 형상관리 [ '버전관리'와 '형상관리' ] 버전 관리 : 소프트웨어의 소스 코드 변경사항을 '버전'이란 개념을 통해 관리하는 것을 말한다. 형상 관리 : 소프트웨어의 변경사항을 체계적으로 추적하고 통제하는 것의 포괄적 의미로, 소프트웨어 소스 코드 뿐 아니라 개발 환경, 빌드 구조 등 전반적인 환경 전반적인 내역 등 프로젝트와 관련된 모든 변경사항을 관리하는 것을 말한다. 버전 관리는 '클라이언트 - 서버 모델(CVCS)'과 '분산 모델(DVCS)' 2가지로 나뉜다. 분산 모델(DVCS)은 프로젝트에 참여하는 모든 클라이언트(개발자)가 전체 저장소에 대한 개별적인 로컬 저장소를 갖고 작업하는 형태이다. 클라이언트-서버 모델과는 다르게 클라이언트(개발자) 각자가 온전한 전체 저장소의 사본을 로컬에 가지게 된다. 이.. 2022. 4. 7.
Git · GitHub 시작하기_3. Git CLI 설치 및 첫 번째 저장소 클론하기 [ Git CLI 설치 ] - CLI (Command Line Interface) : 명령줄 인터페이스 또는 명령어 인터페이스, 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식을 말한다. (*위키트리) Windows 사용자들이 접하게 되는 CMD 창과 Mac OS 사용자들이 접하게 되는 *Terminal 창 같은 것들이 바로 명령 줄 인터페이스를 제공하는 프로그램이다. 1. Git 주소 : https://git-scm.com/downloads 에서 운영체제에 맞게 다운로드 하기 2. Git 다운로드가 완료되면 Git bash를 실행 후, git 명령어 입력시 정상적으로 실행되면 준비 완료 - 다른 방법 : 내 문서 > 우클릭 > git bash here 클릭 : 특정 디렉토리에서 git bash 열어.. 2022. 4. 6.
Git · GitHub 시작하기_2. 토큰 생성하기 [ 토큰 생성하기] 과거에는 id/pw 방식으로 로그인 및 인증을 하였으나, 2021년 8월 13일 이후로부터 github정책이 변경되어 Git 작업을 인증할 때 비밀번호 대신 반드시 토큰을 사용하도록 변경되었다. 권한 지정 후 토큰을 생성한다. 생성한 토큰은 안전한 곳에 보관해야 한다. 토큰 생성 이후 권한은 변경 가능하다. 유출에 주의해야 한다. 1. Setting > 좌측 Developer settings > Personal access tokens > Generate new token 2. 토큰 생성 하기 - Note : 토큰의 용도에 따라 이름을 지어준다. - Expiration : 토큰 만료 날짜 > 보통 90일마다 갱신해 주는 것이 적당하다. - Select scopes : 토큰에 부여할 권.. 2022. 4. 6.
Git · GitHub 시작하기_1. 깃허브 회원가입 [ GitHub 가입 후 로그인] - GitHub 주소 : github.com [ Settings ] 1. Settings - Public profile에서 Public email 설정하기 - 처음에는 Public email 설정이 불가하게 되어있다. - 그럴 경우, 'email settings' 를 클릭하여 'Keep my email addresses private'에 check를 풀어준다. - 다시 돌아오면 'Public email' 선택이 가능 하다. 이메일 선택 후 Update profile 한다. - 개인 github 프로필을 잘 꾸며주는 것이 좋다. * 본 포스팅은 'Git과 GitHub 시작하기'_인프런 호눅스님 강의를 참고하였습니다. 2022. 4. 6.
드림코딩_자바스크립트_쇼핑몰 미니게임 클론코딩 [ 쇼핑몰 미니게임 클론코딩 ] 1. HTML / CSS 정적인 페이지 완성시키기 ellie와 내 코드를 비교한 결과 및 보완해야 할 점 - 일정한 수치값을 변수로 사용하여(통일성 있게) 재사용 한다. - 각각의 태그별 class를 거의 대부분에 사용하여 css를 적용시킨다. - 가로 세로정렬 모두 flex를 사용해 더 간편하게 정렬하였다. - 쇼핑 리스트 ul>li 하나를 먼저 구현해 놓고 추후 JS에서 동적으로 변경하였다. - section.class 사용하여 섹션을 구분한다. (div_con사용x) - div_con 감싸지 않고 바로 tag 사용(ex, 바로 ul>li사용, 간단한 프로젝트라 그런 것 같다.) 2. data폴더 안에 data.json 파일 생성하여 data 보관하기 JS에서 배열을 .. 2022. 4. 2.