이 포스팅에서는 github , git을 이용해서 내 컴퓨터로 프로젝트로 가져오는 실습위주로 진행하려 한다. git, github는 그 원리 보다는 사용법이 더 중요하다 판단하여 이런 방식으로 진행하려 한다. 순서는 이러하다. (git은 이미 설치가 되어있다고 가정하고 설명하도록 하겠다.) github 가입하기 github에서 오픈소스 검색하기 검색한 오픈소스에서 fork하여 내 github계정으로 가져오기(fork) 내 계정으로 가져온 프로젝트를 내 컴퓨터로 가져오기(clone) 1. github 가입하기 2. 오픈소스 검색하기 왼쪽 상단을 보면 검색창이 있다. 여기서 검색하면된다. 나는 tetris라고 검색을 해보았다. 결과가 약 3만개 정도 나온다. 제일 위에 있는 리액트 테트리스 프로젝트를 가져와..

한창 프로그래밍을 배울때 (지금도 배우고 있지만) 친구에게 오픈소스에 대한 이야기를 들었다. "오픈소스에 기여해봐! 실력향상에 좋대!" 아 오픈소스.. 그렇구나 오픈소스 어떻게 하는거지? ... 구글에 쳐봐도 네이버에 쳐봐도 오픈소스에 기여하면 좋다는 내용만 나올뿐 당췌 어떻게 하는지 감조차 오지 않았다. (아마 내가 검색을 잘 못한것이 100%일 것이다.) 그렇게 오픈소스에 대한 나의 관심은 사그러져 들어가게 된다. 한 1년쯤 지났을까? git, github을 사용하는 법을 배우게 되었는데 그때도 github에 오픈소스가 있는지 몰랐다. 그냥 소스 관리만 하는 도구인줄만 알았던 것이다. 그러다가 우연히 어떤 강의를 듣게 되는게 거기서 reactJS에 대한 이야기가 나왔다. reactJS는 오픈소스입니다..

1. Working Directory(작업공간) 실제 코드를 작성하는 파일이 모여 있는 폴더라고 생각하면 된다. 말 그대로 작업 공간이다. 내가 어디서 코드를 작성하는지 정하는것은 매우매우 중요하다. 작업 디렉토리 - 위키백과, 우리 모두의 백과사전 ko.wikipedia.org 2. git repository(git 저장소) git이 소스코드에 대한 버젼을 관리하기 위해서는 내가 정한 working directory를 git이 알아야 한다. 이 과정을 git repository를 만드는 것이라고 한다. git repository는 git init 이라는 명령어로 만들어 줄수가 있다. working directory에서 git init 명령어를 실행하게 되면 git은 본격적으로 내 컴퓨터에 작업폴더를 관..

자바스크립트에서 함수를 선언하는 방법은 2가지가 있다. 1. 함수 선언문 function myFunc(){ // do something... } 2. 함수 표현식 const myFunc2 = function(){ // do something... }; 두 가지 표현 모두 다 호출하는 방식은 동일하다. myFunc(); myFunc2(); 두 선언방식의 차이점 함수 선언문은 이른바 호이스팅(hoisting)이라는 자바스크립트의 고유한 특성에 영향을 받는다. 호이스팅? hoisting : 끌어 올리기; 들어올려 나르기. (네이버 영어사전) 호이스팅은 무언가를 끌어 올린다는 뜻이다. 자바스크립트에서 코드가 실행될때 의미상 특정 코드가 위로 끌어 올려지게 된다. 호이스팅을 변수 및 함수 선언이 물리적으로 작성한..

1. 값을 저장하는 방식 자바스크립트뿐만 아니라 대부분의 프로그래밍 언어들은 값을 변수에 저장하는 방식이 크게 2가지가 있다. 1. 어떤 값을 메모리 공간에 직접 넣고 변수를 할당하는 방법 2. 어떤 값을 저장한 메모리의 주소를 변수에 넣는방법 이렇게 2가지가 있다. 1번의 경우를 그림으로 생각하면, 2번의 경우를 그림으로 생각하면, 보통 2번의경우는 객체를 저장할 경우 이런방식으로 값을 할당하는데, 객체는 이른바 힙(heap)이라는 메모리 공간에 할당되어 진다. 7. Memory : Stack vs Heap gribblelab.org 제일 아래쪽 when to use the Heap? 을 읽어보면 좋다. 1번의경우도 물론 주소가 있지만 사용하지는 않는다. 변수에 값을 직접 할당하는 경우( 1번 )는 일..

배열의 순회 메서드는 인자(argument)로 함수(callbackFunction)를 받는다. 함수를 받은 배열은 자신의 길이(length)를 확인한후 그 길이만큼 배열요소에 접근하여 함수(callback)를 실행시킨다. 즉, 내가 함수를 호출하는게 아니라 배열의 순회 메서드가 함수를 호출한다. 호출자가 누구인지 명확히 알아야 이해가 잘될것이다. 대표적인 배열의 순회 메서드 몇개를 가지고 예제를 보면 이해가 될것이다. 1. Array.forEach() element로 number type 5개를 가진 배열이 있다. let arr = [1,2,3,4,5]; function callback(element){ console.log(element); } arr.forEach(callback); 이 배열에서 fo..

문자열의 길이가 가장 짧은 문자열 찾기. sol 1) 첫번째 파라미터를 가장작은 길이의 문자열로 생각하고 두번째, 세번째 파라미터와 비교한다. function findShortestOfThreeWords(one,two,three){ let shortest = one; if(shortest.length > two.length){ shortest = two; } if(shortest.length > three.length){ shortest = three; } return shortest; } sol 2) 파라미터들을 배열로 넣고 reduce를 이용하여 비교한다. function findShortestOfThreeWords(one,two,three){ let arr = []; arr.push(one,two,..

Linux리눅스는 운영체제다. 우리가 대표적으로 알고있는 windows os 나 mac os 처럼 단지 운영체제중 하나일 뿐이다.리눅스보다는 운영체제가 무슨 일을 하는지가 더 중요하다고 생각한다.os를 이용해서 문서를 쓰고, 파일도 만들고, 인터넷에 연결해서 여러 정보들을 보고, 네트워크를 통해서 게임도 하고,때에 따라서는 서버로도 사용을 한다. 리눅스도 별반 다를게 없다.단지 리눅스의 큰 장점이라면 오픈소스인것, 이것이 너무나도 큰 장점이다. 전세계의 개발자들이 리눅스의 버그나 보안취약등을 빠른시간에 수정 배포하기 때문이다.torvalds/linuxLinux kernel source tree. Contribute to torvalds/linux development by creating an accou..

배열은 객체의 한 종류다. 따라서 배열은 프로퍼티(property)과 메서드(method)를 가지고 있다. 배열이 가지고 있는 메서드는 대부분이 배열 내부의 요소(element)를 조작하는 기능을 가지고 있다. 그 내부가 궁금하다.. 자바스크립트가 가진 함수중에 console.dir() 이라는 함수가 있다. 이 함수는 Console.dir() The Console method dir() displays an interactive list of the properties of the specified JavaScript object. developer.mozilla.org object 내부의 프로퍼티를 보여주는 함수다. 사용을 해보면, 내부에 수많은 매서드들이 있는것을 알수가 있다. 배열 메서드는 그 대부..

객체(object)는 관련된 데이터와 함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티(proprty)와 메소드(method)라고 부름)의 집합이다. 1. 선언 curly bracket({})사이에 데이터들의 집합(프로퍼티와 메소드) 를 작성해주면 된다. (리터럴(literal)로 선언한다고 한다.) 2. 작성 사용은 괄호안에 key값과 value값의 pair로 작성을 해주면 사용할수가 있다. obj = { name : "lee", age : 20, city : ["seoul","busan"], isMarried : false, greeting : function(){ console.log("hello!"); } } // name, age, city, isMarrie..