개념 배열 내의 모든 요소 각각에 대해서 map()의 return값을 적용시켜 새로운 함수로 만든다. foreach()처럼 배열의 length만큼 반복시켜 배열 값들에게 return값을 적용. Array.map(callbackFunction(elementValue, index, array) 1. elementValue 배열 내에서 현재 값 2. index 배열 내에서 현재 인덱스 번호 3. array 배열 length만큼 배열을 출력한다. 사용방법 let mapping = [1, 2, 3, 4, 5]; let remap = mapping.map(function(element){ return element * 10; }) console.log(remap); // [10, 20, 30, 40, 50] 출력 ..

개념 내부함수가 외부함수에 접근 할 수 있는 것을 클로저 라고 한다. 원래는 외부 함수의 실행이 끝나면 외부 함수가 소멸되어 내부 함수가 외부 함수의 변수에 접근할 수 없습니다. 하지만 외부 함수의 실행이 끝나고 외부 함수가 소멸된 이후에도 내부 함수가 외부 함수의 변수에 접근할 수 있는 구조 사용방법 const btn = document.getElementById('btn'); function increa(){ let count = 0; return function(){ count++; console.log(count) } } let add = increa(); btn.addEventListener('click',add); let add = increa() btn.addEventListener('cli..

개념 동일한 프로젝트를 수행하는 중 독립적으로 어떤 작업을 따로 진행하기 위해서 필요에 의해 만들어지는 폴더 폴더?! 를 브랜치라고 한다. 만약, 독립적인 진행 결과가 동일한 프로젝트에 필요한 부분일 경우 합병(merge)를 하여 동일한 프로젝트에 흡수 된다. branch 만들기 브랜치 생성 👉 git branch second branch생성 명령어는 git branch 이다. 명령어를 치고나면 아무것도 나오지 않는다. 잘 만들어진거다. 👉 git branch 만들어진 branch를 확인 할려면 또는 branch 현황을 볼려면 git branch명령어를 사용하면 지금까지 만든 branch를 볼수있다. *master(초록색으로 표시)가 된 의미는 지금 현재 master라는 branch를 사용(접속중)하고 ..

-Remote repository(원격 저장소) 개념 네트워크 상에서 다른 사람들과 협업을 할 수 있고 파일을 공유할 수 있는 저장소를 말한다. 원격 저장소의 종류로는 github, gitlab, Yobi 등이 있다. -Remote repository(원격 저장소)에 파일 올리기 1. 원격저장소 만들기 github에 접속하여 new repository를 클릭한다. 그러면 위 사진처럼 화면이 뜬다. repository name을 testing으로 정하고 public으로 설정 후 저장소를 만든다. 생성하게 되면 이런 화면이 나온다. 2. git remote add git remote add origin 저장소 url 위 사진에 …or create a new repository on the command li..

-git 폴더 생성 1. git init 개인 컴퓨터 작업폴더에 git 폴더 생성하기 관리하고 싶은 폴더에 git을 부른다. 반드시 필요한 명령이다. (git을 생성하는 명령어) -Working Directory → Stage Area (stage) 1. git add Working Directory(작업폴더) 에서 stage area로 보낸다. git add명령어 사용 후 git status명령어를 사용해서 보면 파일 이름이 빨간색에서 초록색으로 바뀐다. 초록색이 된 상태면 commit을 (stage area → local repository) 할 수 있다. 2. git add . Working Directory(작업폴더) 에서 stage area로 한번에 보낸다. -Working Directory ←..

-개념 최신 원격저장소 내용을 로컬 저장소에 가져와서 기존에 있는 내용이랑 비교하여 변경된부분을 합병(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..

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

-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-..

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

개념 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..

-개념 배열의 한 바퀴 돌면서 걸러내는 메서드이다. 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..

-개념 다루고 싶은 모든 데이터의 집합소 -프로퍼티(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객체를 이루..

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

-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..

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