(Git) git pull (2018/10/18)
개발노트/Git2019. 10. 18. 10:35(Git) git pull (2018/10/18)

-개념 최신 원격저장소 내용을 로컬 저장소에 가져와서 기존에 있는 내용이랑 비교하여 변경된부분을 합병(merge)하는 것 원격저장소와 로컬저장소와의 commit 상태가 다를 경우 원격저장소로 push할 경우 충돌(Conflict)이 생긴다. 이를 해결 하기 위해서 원격저장소의 파일을 pull명령어로 내려받아 로컬저장소의 파일들과 다른 부분을 merge해서 다시 원격저장소에 push해야 한다. git pull = git fetch + git merge -git pull 사용방법 1. 파일 내용 수정 하고 로컬저장소에 pull 하기 현재 github에 있는 저장소에 pulltest.txt파일에 git pull test 내용이 담겨있다. github에서도 파일 내용을 수정해서 commit 할수있다. git m..

(Git) github 원격저장소 파일 삭제 (2019/10/18)
개발노트/Git2019. 10. 18. 09:28(Git) github 원격저장소 파일 삭제 (2019/10/18)

-원격 저장소 파일 삭제 명령어 1. git rm 2. git rm –cached git rm 원격 저장소와 로컬 저장소에 있는 파일을 삭제한다. git rm -cached 로컬 저장소에 있는 파일은 삭제하지 않고 원격 저장소에 있는 파일만 삭제한다. -원격 저장소 파일 삭제 하기 1. 원격 저장소와 로컬 저장소에 특정 파일 삭제 git rm. githubtest.txt 지금 원격 저장소와 로컬 저장소에 githubtest.txt라는 파일이 있다. gitbash에서 git rm 명령어를 사용하여 로컬 저장소와 원격 저장소에 있는 githubtest파일을 삭제한다. 로컬 저장소는 잘 삭제되어 파일이 없지만! 원격 저장소를 보면 아직 해당 파일이 남아있다! (원격 저장소와 로컬 저장소를 철저히 별개로 봐야 ..

[HTML/ CSS/ JS] random 끝말잇기 게임 - 리팩토링
개발노트/Code2019. 10. 18. 07:59[HTML/ CSS/ JS] random 끝말잇기 게임 - 리팩토링

-HTML Random 끝말잇기 게임 게임 방식은 다음과 같습니다. 1.플레이 인원을 정한다. 2.닉네임을 정한다. 3.게임 순서는 매 턴 마다 Random!! 으로 정해진다. 4.GAME START에 단어를 작성하여 게임을 시작한다. 참가자 인원수 -reset.css body{ margin: 0; padding: 0; background: rgb(220, 20, 60); font-family: 'Noto Sans KR', sans-serif; } h1, h2, h3, h4, h5, h6, p, div, span, a, button, input, label, ul, ol, li, img{ padding: 0; margin: 0; line-height: 1.3em; font-size: 16px; font-..

(Git) .gitignore (2019/10/17)
개발노트/Git2019. 10. 17. 08:31(Git) .gitignore (2019/10/17)

-개념 .gitignore파일 하나 만들어서 git버전 관리에서 제외시킬 파일들을 .gitignore파일에 담아 버전관리에서 제외시킨다. - .gitignore 파일생성하기 1. 폴더에 메모장으로 파일 만들기 git으로 관리 하고 싶은 폴더에 파일이름은 아무이름하고 확장자는 메모장으로 해서 만든다. 지금은 .gitignore로 만들었다. 엔터 눌리면 파일이 확장자 .txt로 만들어진다. 확장자 txt로 만들서 github에 올리면 적용이 안된다. 2. 명령창 열기 해당 폴더 안에서 shift를 눌리면서 마우스 오른쪽 커서를 눌리면 위 사진과 같은 메뉴판이 나온다. 꼭 해당 폴더 안에서 메뉴판을 불러야한다. 아니면 귀찮게 경로를 찾아 들어가야한다. 여기서 명령 창 열기를 클릭한다. 3. 파일명 바꾸기 re..

[JS] Boolean 데이터 타입
개발노트/Javascript2019. 10. 15. 21:57[JS] Boolean 데이터 타입

개념 Boolean은 데이터 타입중에서 한 종류 이다. 데이터 타입에는 Number, String, Boolean, Function, Object, Null, undefined, Array가 있다. Boolean의 값으로는 true(참), false(거짓) 2개가 있다. 사용방법 비교 하기 console.log(1===1) // true 출력 console.log(1===2) // false 출력 👉 console.log(1==1) , console.log(1==2) 비교연산자를 써서 숫자 1 과 1이 맞으니깐 true를 출력하고 1 과 2가 다르니깐 false를 출력한다. 이렇게 데이터 타입을 비교하여 true 인지 false인지 알 수 있다. 조건문 사용하기 let booleanValue = true..

(JS) filter() (2019/10/14)(보충필요!)
개발노트/Javascript2019. 10. 14. 18:22(JS) filter() (2019/10/14)(보충필요!)

-개념 배열의 한 바퀴 돌면서 걸러내는 메서드이다. array.filter(callbackFunction(element, index, array){}) 1. element 배열을 순회하면서 배열의 값을 출력한다. 2. index 배열을 순회하면서 인덱스 번호를 출력한다. 3. array 배열의 length만큼 배열 전체 값을 출력한다. -사용방법 1. 짝수 걸러내기 let numberArry = [1,2,3,4,5,6,7,8,9,10]; let filterArry = numberArry.filter(function(element){ return element % 2 === 0; }) console.log(filterArry); // [2, 4, 6, 8, 10] 출력 let filterArry = num..

(JS) 객체(Object) (2019/10/10)
개발노트/Javascript2019. 10. 10. 20:07(JS) 객체(Object) (2019/10/10)

-개념 다루고 싶은 모든 데이터의 집합소 -프로퍼티(property) 객체 내부에서 어떤 값을 나타내는 제목 (key)과 값(value)이 한 세트로 이루어진 것을 프로퍼티라고 한다. 즉, 객체는 프로퍼티들로 이루어 져있다. let cafe = { americano : 2800, caffeLatte : 3400, smoothie : 4000 } 객체 cafe 에서 값을 나타내는 제목(key)은 americano, caffeLatte, smoothie이고 값(value)은 2800, 3400, 4000 이 된다. 프로퍼티(property)는 americano : 2800, caffeLatte : 3400, smoothie : 4000이 각각의 개별적 프로퍼티이고 개별적 프로퍼티가 모여서 cafe객체를 이루..

(JS) 함수형 프로그래밍 (2019/10/9)
개발노트/Javascript2019. 10. 9. 12:07(JS) 함수형 프로그래밍 (2019/10/9)

-함수형 프로그래밍 함수형 프로그래밍은 소프트웨어를 구성하는 패러다임 중 하나이다. 패러다임 종류에는 객체지향 프로그래밍, 절차 프로그래밍 그리고 함수형 프로그래밍이 있다. 패러다임 중에서 함수형 프로그래밍은 오류를 줄이고, 모듈화를 강조한다. 또한, 언제 평가해도 같은 값을 출력하는 순수 함수들을 만들고 순수 함수들을 값으로 들고 다니면서필요한 시점마다 평가하면서 만드는 로직을 만든다. 함수형 프로그래밍에서 핵심은 1. 순수 함수(pure functions) 동일한 인자가 들어올 경우 항상 동일한 값을 출력한다. 또한, 리턴 값 이외에는 외부와 소통하지 않는다. 따라서 외부의 변수를 수정하지 못한다. 이를 부수효과가 없다 라고 한다. 부수효과란, 외부의 상태에 영향을 미치는 것을 부수효과라고 한다. 이..

[HTML/ CSS/ JS] random 끝말잇기 게임
개발노트/Code2019. 10. 7. 16:27[HTML/ CSS/ JS] random 끝말잇기 게임

-html Random 끝말잇기 게임 게임 방식은 다음과 같습니다. 1.플레이 인원을 정한다. 2.닉네임을 정한다. 3.매 턴 마다 랜덤으로 순번이 정해진다. 4.GAME START에 단어를 작성하여 게임을 시작한다. 참가자 인원수 -reset.css body{ margin: 0; padding: 0; background: rgb(220, 20, 60); font-family: 'Noto Sans KR', sans-serif; } h1, h2, h3, h4, h5, h6, p, div, span, a, button, input, label, ul, ol, li, img{ padding: 0; margin: 0; line-height: 1.3em; font-size: 16px; font-weight: no..

(도서) 하루 3분 네트워크 교실 읽고 <1편> (2019/10/5)
개발노트/컴퓨터 공학2019. 10. 5. 21:38(도서) 하루 3분 네트워크 교실 읽고 <1편> (2019/10/5)

-네트워크 Network는 망(Net) + 작업하다(Work)으로 무언가와 무언가가 그물망처럼 무언가에 의해 연결되어 무언가를 운반하기 위한 것이다. 여기서 연결된 무언가는 컴퓨터를 뜻하고 운반하는 무언가는 정보(데이터)를 말한다. 컴퓨터와 컴퓨터가 그물망처럼 연결되어 정보(데이터)를 운반하는 행동을 네트워크라고 한다. -네트워크가 필요한 이유 (for 리소스(Resource)) 메일이나 파일, 인쇄하고 싶은 데이터 등 컴퓨터랑 사용자가 가진 것을 리소스(Resource)라고 한다. 이러한 리소스(Resource)는 다른 컴퓨터의 리소스를 네트워크로 주고받거나 자기 컴퓨터의 리소스(Resource)를 다른 컴퓨터에 넘겨주거나 한다. 즉, 복수의 컴퓨터에서 리소스(Resource)를 공유하여 자기가 가진 ..

(Git) local repository에 저장 하기 (2019/10/4)
개발노트/Git2019. 10. 4. 15:12(Git) local repository에 저장 하기 (2019/10/4)

-local repository(로컬 저장소) 개념 개인 PC에 파일이 저장되는 개인 전용 저장소이다. 이후, remote repository(원격 저장소)에 저장할 수 있다. -로컬 저장소에 저장 방법 1. git bash 또는 cmd명령 프롬프트에 접속하기 처음 들어가면 경로가 Desktop으로 나와있다. 명령어 : cd 들어가고 싶은 폴더명 위 명령어를 사용하여 git에 올리고 싶은 폴더 경로에 접속한다. 만약, 폴더 밖으로 나가고 싶으면 명령어 : cd.. 사용하면 상위 폴더로 나간다. 여기서 cd 입력하고 한 칸 띄우고.. 을 입력한다. 2. 폴더에서 Git 저장소 만들기 명령어: git init Initialized empty Git repository in C:/Users/경필/Desktop..

(JS) forEach() (2019/10/3)
개발노트/Javascript2019. 10. 3. 10:59(JS) forEach() (2019/10/3)

-개념 반복문처럼 배열의 length 만큼 한 바퀴 순회한다. array.forEach(callbackFunction(현재 값, 인덱스 번호, 배열 전체){ }) 1. 현재 값 한 바퀴 돌면서 배열의 값을 하나하나 출력한다. 2. 인덱스 번호 한 바퀴 돌면서 배열의 인덱스 번호 하나하나 출력한다. 3. 배열 전체 배열의 length만큼 배열 전체 값을 출력한다. -사용방법 1. 한 바퀴 돌면서 현재 값 가져오기 et array_foreach = ['foreach1', 'foreach2', 'foreach3']; array_foreach.forEach(function(value){ console.log(value); }) // foreach1 // foreach2 // foreach3 출력 array_fo..

(JS) push() (2019/10/2)
개발노트/Javascript2019. 10. 2. 18:54(JS) push() (2019/10/2)

-개념 배열의 끝에 원하는 값을 추가 시킨다. array.push(추가싶은 값) -사용방법 1. 배열 끝에 값 추가하기 let push_array = [1,2,3]; push_array.push(4); console.log(push_array); // [1, 2, 3, 4] 출력 push_array.push(4) push_array배열 마지막에 숫자 4가 들어간다. push()로 값을 추가하면 항상 배열 마지막에 값이 추가 된다. 또한, 문자도 추가할수있다. 2. 값 추가 후 배열 길이 가져오기 let push_array = [1,2,3,4]; let push_length = push_array.push(5); console.log(push_length); // 5 출력 let push_length = ..

(JS) charAt() (2019/10/1)
개발노트/Javascript2019. 10. 1. 20:58(JS) charAt() (2019/10/1)

-개념 문자열에서 특정 인덱스 값에 있는 문자를 반환한다. string에서만 사용 가능하다. String.charAt() -사용방법 1. 해당 인덱스 번호에 있는 값 출력하기 const charAt_string = 'charat'; console.log(charAt_string.charAt(1)); // h 출력 charAt_string.charAt(1) charAt() 함수에 1을 넣어서 인덱스 번호 1번에 해당하는 문자를 출력한다. charAt()와 비슷한 indecOf()는 찾고 싶은 문자 또는 숫자를 넣어서 해당 인덱스 번호를 출력한다. 2. charAt()에 찾고 싶은 문자를 넣었을 경우 const charAt_string = 'charat'; console.log(charAt_string.ch..

(JS) fill() (2019/9/29)
개발노트/Javascript2019. 9. 29. 17:20(JS) fill() (2019/9/29)

-개념 배열의 값을 원하는 지점부터 원하는 값으로 채워 넣을수있다. (배열의 값을 수정하고 싶을때도 가능하다) array.fill(value,start,end) 1.value 채우고 싶은 값의 자리 2.start 시작 지점의 인덱스 번호 3.end 끝 나는 지점의 인덱스 번호. 끝나는 지점의 이전까지만 값이 적용 된다. -사용방법 1. empty 배열에 값 넣기 let empty_array = Array(5); console.log(empty_array); // [empty × 5] 출력 empty_array.fill(1,0,5); console.log(empty_array); // [1, 1, 1, 1, 1] 출력 let empty_array = Array(5) Array()를 사용하여 빈공간이 5개가..

image