본문 바로가기

분류 전체보기

(223)
[깃, 깃허브 배우기] 깃 명령어 생성(mkdir), 초기화(init) 및 제거(rm) -2- (by. 드림코딩) 깃에 관련된 전체적인 명령어에 대해서 이해하고 사용하는 연습을 해보자. 깃은 명령어 단위로 이루어진 간단한 프로그램이다. 터미널에서 깃을 이용하는 연습을 해보며, 깃은 정말 간단하게 "git 명령어"형식으로 되어있다. 여기서 "git config"이면 configuration에 관련된 명령어를 수행할 수 있다. "git commit", "git add"이런식으로 깃 다음에 나오는 명령어는 무엇인 지, 어떤 일을 하는 지, 어떨 때 쓰면 좋은 지 위주로 알아보자. "git 명령어 -option" 보통은 명렁어 다음에 옵션들이 여러가지 있어서 같은 명령어를 수행하더라도 어떤 옵션을 붙이냐에 따라서 조금씩 다른 방식으로 진행할 수 있기 때문에 자주 쓰이는 명령어와 또 자주 쓰이는 옵션들을 위주로 알아보자. g..
[깃, 깃허브 배우기] 깃 다운로드 및 환경설정 -1- (by. 드림코딩) 깃은 명령어를 기본으로 한 명령어 프로그램이다. 그래서 터미널에서 커맨드로 배워야지 깃을 정확하게 사용하는 방법을 익힐 수 있다. 깃을 깃허브에 호스팅하는 경우라면 ui 어플리케이션으로 깃허브 데스크탑 어플리케이션은 할 수 있는게 많이 없고, Sourcetree는 다양한 기능들을 포함하고 있기에 좋지만 순수 명령어를 이용해서 할 수 있는 것들보다는 기능들이 작게 포함되어 있다. UI를 중요시 한다면 GitKraken도 좋다. 하지만, 깃에서 제공하는 모든 기능을 담은 UI 어플리케이션을 찾기도 힘들고 버튼을 클릭했을 때 어떤 일이 발생하는지 정확하게 알기 힘들기 때문에 깃을 처음 배울때는 터미널을 이용해서 명령어로 하나씩 공부하는 것을 추천한다. 깃을 설치하기에 앞서 터미널이 필요하다. (윈도우 - cm..
Git(깃) / GitHub(깃허브) Git(깃) 분산 소스 버전 관리 시스템(Distributed Version Control System)으로서 서버를 분산시켜 구축할 수 있다. Git는 개발자의 시스템에 있는 복사본 디렉터리를 하나의 저장소 서버로 삼을 수 있다. 개발자는 수정 후 개발 팀장의 저장소로 수정된 소스를 푸시(Push)한다. 개발 팀장은 수정된 소스를 리뷰한 후 문제가 없다고 판단되면 바로 중앙 서버에 커밋한다. 여러 개발자가 수정한 소스를 개발 팀장의 복사본 디렉터리에 보내면 Git는 강력해진 통합(merge) 기능으로 각 소스를 통합하여 중앙 서버로 한 방에 커밋하는 기능을 제공한다. 속도 문제 또한 개선된다. SVN(SubVersioN)을 사용할 때는 중국에 위치한 SVN 서버의 네트워크 속도가 느리고, 개발자의 커밋..
(생활코딩) Javascript 라이브러리와 프레임워크 소프트웨어를 만든다고 하면 혼자 만드는 경우는 없다. 우리는 누군가가 만든 소프트웨어 위에서 동작하는 소프트웨어를 또 만들고 있다. (이를들면 웹브라우저) 아니라고 하더라도 우리가 소프트웨어를 만들 때 혼자 만드는 것보다는 다른 사람이 이미 잘 만들어 놓은 것을 부품으로해서 내가 만들고자 하는 것을 빠르게 조립해서 만들어 가는것이 오늘날 소프트웨어를 만드는 기본이라고 할 수 있다. 생산자로서 소비자가 되며 소프트웨어의 사회성을 알아보자. 라이브러리(Library) 와 프레임워크(Framework)가 있다. 이 두 가지는 다른 사람의 도움을 받아 소프트웨어를 만든다는 점에서 비슷한데 라이브러리는 일단 도서관이라는 뜻으로 내가 만들고자하는 프로그램에 필요한 부품이 되는 소프트웨어를 잘 정리정돈해놓은, 재사용..
(생활코딩) Javascript 파일로 쪼개서 정리 정돈하기. 태그가 있는 html파일에는 수정사항이 모두 다 반영되므로 유지보수하기 쉽다. 또한 가독성이 좋아지며 코드가 훨씬 더 명확해지며 코드의 의미를 파일의 이름을 통해서 우리가 확인할 수가 있다.
(생활코딩) Javascript 객체 -3- 객체프로퍼티(property)와 메소드(method)에 대해서 알아보자. 객체에는 데이터를 담을 수 있다. 전에는 문자를 담았지만 배열, 숫자, 함수등등 다 담을 수 있다. 여기서 객체에 함수를 담아보자. coworkers는 이미 만들어 놓은 게 있으니까 그대로 활용하고, coworkers라는 객체에 메소드를 추가해보자. showALL이라는 메소드를 추가해서 coworkers에 있는 각각의 데이터들을 iterate해서 화면에 출력하는 for(var key in coworkers)코드를 넣어 놓는다. 해당 코드를 출력하면 위와같이 나오는데, 아주 좋은 방법은 아니다. coworkers라는 객체명이 coworkers[key]라고 박혀있기 때문에, 만약에 이 객체의 이름이 바뀐다면 데이터를 못가져오는 현상이 ..
(생활코딩) Javascript 객체 -2- 객체에 대해서 간단히 알아보자. 객체는 배열과 다르게 중괄호({ })를 사용해서 값을 선언한다. coworkers라는 객체에 "yeony"라는 정보를 "programmer"라는 딱지를 붙여서 저장한 것이다. 해당 정보를 꺼낼 때는 coworkers.programmer로 값을 꺼낼 수 있다. 여기서 ".(점)"은 object access operator라고 부른다. 즉 이 객체에 액세스, 접근하는 오퍼레이터이다. 위에서 객체를 만드는 방법과 만들어져있는 객체에서 데이터를 가져오는 방법을 살펴보았다. 이미 객체가 만들어진 상태에서 정보를 추가하고 싶다면 객체명.저장할 값명="저장할 값"형태로 추가하면 된다. 저장할 값명에 띄어쓰기(공백)가 들어가는 경우에는 문법적으로 오류이기 때문에 ".(점)"을 쓸 수 없..
(생활코딩) Javascript 객체 -1- 객체를 알아보자. 영어로는 Object라고 부른다. 객체는 함수 기반위에서 객체라는 것이 존재한다. 프로그래밍을 하다보면 코드가 많아지고, 그 코드들을 잘 정리정돈하기 위해서 함수라는걸 쓴다. 또 함수가 많아지고, 그 함수와 연관되어 있는 변수들이 많아지면 복잡도의 한계에 도달된다. 그러한 한계에서 서로 연관된 함수와 변수들을 같은 이름으로 그룹핑해서 잘 정리정돈하기 위한 도구를 객체라고 한다. 전에 함수 포스팅에서의 코드를 보면 중복되는 부분들이 있다. 저 중복된 코드들을 함수로 독립시켜보자. 5줄의 코드가 1줄의 함수로 줄어든 것을 볼 수 있다. 그리고 해당 부분의 코드가 중복이 되니 함수로 정의해준다. 물론 한 줄 밖에 되지 않기 때문에 함수화시키는 것은 별로 의미가 없을 수도 있지만, 의미가 불명..