본문 바로가기

프로그래밍

(19)
Git과 GitHub의 뜻 그리고 GitHub연결하기 Git 과 GitHub 은 뭘까? ▲ 보고서를 예로 들어보자, 보고서를 계속 수정하고 개편하다 보면 수없이 많은 파일이 생성된다. 각 파일에 대해 변경점을 한눈에 알아볼 수 없고, 다 기억할 수 없다. ▲ 파일이나 폴더를 복사하지 않고도 변경된 점을 기록하고 비교할 수 있게 해주는 것이 없을까? ▲ 그걸 해주는 것이 Git 이다. ▲ 하나의 폴더에서 프로젝트의 초기 코드를 작성 한다. 그리고 회원가입 기능, 로그인 기능, 로그아웃 기능을 개발하면서 순서대로 Git으로 저장을 할 수 있다. 만약, 로그아웃 기능을 개발하다가 에러가 났는데 이 에러를 고칠 시간적 여유가 업을경우 로그아웃 기능을 개발하기 전 단계인 로그인 기능을 개발한 시점으로 롤백이 가능하다! ▲ 여러분이 과제 나 코딩을 하고 있다가 컴퓨터..
Git 설치 하고, GitHub 가입하기 개발중인 코드를 버전관리 및 협업을 위해 Git Hub 를 연결하기 위해 사전작업을 해보자. 각자 사용중인 OS에 맞게 아래 링크에 접속한다. 윈도우 : https://git-scm.com/download/win 리눅스 : http://git-scm.com/download/linux 맥 : http://git-scm.com/download/mac ▲ 윈도우 아키텍쳐에 맞는 설치파일을 다운로드 받아준다. ▲ 다운로드 된 Git 프로그램을 실행한다. ▲ Next를 눌러 다음 단계로 이동합니다. ▲ Next를 눌러 다음 단계로 이동합니다. ▲ Next를 눌러 다음 단계로 이동합니다. ▲ Next를 눌러 다음 단계로 이동합니다. ▲ Use Vim (the ubiquitous text editor) as Git’..
HTML 개발환경 VS Code 구성하기 HTML 개발환경을 VS Code를 통해 구성해보자 ▲ 구글에 VS Code 를 검색한다 최상단의 오피셜 사이트로 접속 ▲ 메인에서 드롭다운 메뉴를 눌러준다 ▲ 그럼 본인이 사용중인 컴퓨터의 OS에 맞는 버전을 다운받을 수 있다. ▲ 다운로드 완료, 실행 해준다. ▲ 설치 자체는 쉬운편, 별도로 세팅할 것은 없다. " 다음(N) > " 클릭 ▲ 전체 선택 후 " 다음(N) > " 클릭 ▲ " 다음(N) > " 클릭 ▲ 설치가 진행 되는중... ▲ 설치 완료 이제 유용한 익스텐션(확장 프로그램)을 설치해보자 ▲ 빨간색 네모칸의 블록 아이콘을 눌러준다 ▲ 검색창에 korean 을 입력 후, 최상단에 표시되는 지구본을 찾은다음, install 을 눌러 설치한다. ▲ 설치가 완료되면 언어 변경을 위해 VS Co..