자바스크립트에서 return이라는 키워드를 사용하는데 이 return은 함수 내부에서 정해진 명령들을 실행하고 난 뒤에, 다시 돌려준다, 반환한다는 의미로 볼 수있다.return 키워드는 함수 내부에서 사용하고  return 값 옆에 되돌려줄 값을 입력해서 사용한다.이때 이 값을 '반환 값' 또는 '리턴 값' 이라고 부른다.  function getTwo() { return 2; } console.log(getTwo()); 이렇게 리턴 값이 작성 되면 함수를 호출하는 자리에 그 리턴 값이 전달이 되는데위 코드에서 getTwo 함수를 호출 했으니 이 함수에 리턴 값인 2가 전달이 돼서' console.log(2) '와 동일한 의미를 가진 코드가 되기..

console.log 함수를 사용하면서 소괄호 안에 값들을 입력했었다.함수를 호출할때 소괄호 안에 입력하는 값을 파라미터 즉 매개변수 라고한다. 매개변수는 함수 내에서 변수처럼 사용할 수있으며 함수를 선언하고 호출할 때 소괄호 내부를 잘 활용하면 좀 더 다양하게 함수를 활용 할 수있다. Prameter  function 함수이름 (매개변수) {명령들;}  함수 선언 부분에서 함수이름 바로 뒤 소괄호 내부에 파라미터를 작성하고함수 내부에서 파라미터를 변수처럼 사용하게 되면 함수를 호출 할때소괄호 값이 파라미터에 전달되는 개념이다. 지난 글에 작성했던 friend 함수를 가지고 파라미터를 활용해보자  function friend(sentence) { console.log('행섭'); ..

변수와 함께 중요한 요소인 함수가있다.변수를 짧게 요약하자면 '값을 저장하는 것' 이라고 했었는데함수는 '다양한 명령들을 저장하는 것' 이라고 생각하면 된다. 변수와 마찬가지로 함수도 일단 선언을 해야하는데에 "function"이라는 키워드를 사용한다. function function 함수이름 (매개변수) {명령들;} 한번 함수를 만들어보자 function friend() { console.log('행섭'); console.log('힝카인'); console.log('데셔'); console.log('넌적혈구'); console.log('찌듕'); } 이렇게 friend라는 함수의 선언이 완료되었다.그런데 저장하고 실행해보면 아무것..

한 카페에서 장사를 마무리하고 하루 정산을 하기위해 계산하려고한다.손님1: 아메리카노 2잔 ,손님2: 라떼 4잔, 모카2잔손님3: 라떼 1잔, 모카1잔손님4: 아메리카노 1잔, 라떼 4잔, 모카2잔손님5 :라떼 3잔 이런식으로 작성하면 금액 측정을 잘못하게 될 경우 코드가 100줄 200줄 이면 규모가 커지면서 문제가 생긴다.이 코드들이 어떤 의미인지는 작성한 본인은 알고 있지만 만약 다른사람이 볼 경우각 숫자들이 무엇을 의미하는지 모른다. 주석을 달아 코맨트를 달아야 할정도이다. 이처럼 코드를 읽고 실행하는 것은 컴퓨터가 정확하게 해주지만 코드를 작성하는 일은 결국 사람이 하는 것.지나치게 주관적인 코드를 작성하거나 오타를 내거나 이러한 실수를 할 가능성이 있다. 이러한 경우에는 추상화된 코드를 통해 ..

이벤트 프로그래밍▼ 이벤트 종류 1. 브라우저 이벤트2. 사용자 이벤트 • 브라우저 이벤트는 브라우저 자체에서 발생하는 이벤트이다• 사용자 이벤트란 애플리케이션 화면에서 사용자가 키보드 혹은 마우스로 발생시키는 이벤트를 의미한다.• 사용자 이벤트는 이벤트 종류에 따라 3가지로 구분해 볼 수 있다. - 마우스 이벤트- 키 이벤트- HTML FORM 관련 이벤트 ▼ 이벤트 프로그래밍 구조 • 애플리케이션에서 이벤트 처리를 하기 위해서는 이벤트 소스와 이벤트 핸들러를 리스너로 연결해야 합니다.• 이벤트 소스 : 이벤트 발생 객체• 이벤트 핸들러 : 이벤트 처리 내용• 리스너 : 이벤트 소스와 이벤트 핸들러를 연결 ▼ 방법1 - addEventListener() • 자바스크립트에서 이벤트를 등록하는 가장 기본적..

변수와 호이스팅• 호이스팅(Hoisting)은 ‘무언가를 끌어올린다’ 라는 의미의 단어로아래에 선언된 변수를 위에서 사용하게 해주는 기법이다.코드는 위에서 아래로 흐르면서 실행됨으로 코드 위치만 보자면 변수가 아랫부분에 선언되어 있다면윗 부분이 실행될때는 변수가 선언되지 않은 상태가 됨으로 에러가 발생되어야 하는데실행시에 아래에 작성한변수 선언 부분을 자동으로 위로 끌어올려서 에러 없이 코드가 진행되게 해주는 기법이다. • 변수를 선언하는 방법은 var, let, const 예약어중 하나를 이용하며이중 호이스팅을 지원하는 변수 선언은 var 이다. • 코드 아래에 선언된 변수가 호이스팅이 되면 어디선가 값 대입이 되기 전까지는 undefined 상태가 된다. • 변수 선언을 let 과 const 로도 선..

Git stashstash는 우리말로 안전한 곳에 보관하다, 넣어두다 라는 뜻을 가지고 있으며여기서는 워킹 디렉토리에서 작업하던 내용을 깃이 따로 보관을 해주는 역할을 해준다.이때 보관하는 장소를 'stack 스택' 이라고 하는데이 스택의 의미는 어떤 데이터를 저장하는 구조를 말한다. ▲ 그림을 보면 먼저 놓은 자료일 수록 다시 꺼낼 때 가장 나중에 꺼내지는 구조를 stack 이라고 한다. ▲ git stash를 하면 가장 먼저 저장했던 작업 내용이 가장 아래에 저장 되는 구조이며 다시 꺼낼 때 가장 나중에 꺼내진다.이런 자료 구조를 stack 이라고 한다. 한번 git stash를 실행해보자 git stash Saved working directory and index state WIP on premi..

커밋 히스토리를 보는 방법은 git log --pretty=oneline 을 사용한다 커밋 히스토리는 현재 위치해있는 브랜치의 히스토리를 보여주는데만약 다른 브랜치를 보려면 checked 커맨드 사용하면서 왔다갔다 했었다. 여기서 --all이라는 옵션을 붙여주면 --allgit log --pretty=oneline --all 이렇게 두 개의 브랜치가 한번에 다나오면서 각각의 모든 히스토리를 보여준다.그런데 이렇게 보면 햇갈릴수 밖에없다. 커밋 메시지마다 어떤 브랜치였는지 기억도 잘안나는 데다가섞여있는 느낌이 있다보니 더 햇갈린다. 이런 문제를 해결해주는 커맨드가 있다. --graph 이 옵션을 쓰면 커밋 히스토리가 각 브랜치와의 관게가 잘 드러나도록 그래프 형식으로 출력된다.git log --pretty..

간단하게 reset 에서 다시 되돌리는 방법을 설명하고자한다예를들어 premium 브랜치에서 LayoutStudy README.md 여기 커밋으로 reset을 해보겠다. git reset --hard bc92 실행하면 워킹 디렉토리에 있는 내용도 다 초기화 될 것이다.히스토리를 열어보면 맨 처음 파일 업로드 커밋을 제외한 README파일을 첫 커밋 했을때 내용만 들어가있다.즉 리셋이 잘 실행 되었다는 것을 알 수있다.  그럼 이때까지 작업했던 커밋들은 다 삭제가 돼버린걸까?그렇지는 않다. 리셋을 해도 리셋한 커밋 이후의 커밋들이 삭제 되는 것은 아니다.삭제 된것이 아니라는걸 보여주자면맨 위 사진에 보면 리셋 하기전 히스토리인데 ' 1caf ' 맨 위 커밋을 다시 리셋을 해보겠다 git reset --ha..

main 브랜치로 이동해서 README에 문구하나 작성해주자 git checked main '작심삼일' 이라는 문구를 넣어서 저장해주고 터미널에서 커밋해준다.이 커밋을 리모트 레포지토리의 main 브랜치에 반영하기위해 push 해준다. 자 상황 예시는 끝났다.지금 이미 main 브랜치의 리모트 래포지토리에 커밋이 올라가있는 상태인데이미 push 해버렸고 .. 취소하려면 어떻게 하면 될까? 저 문구를 지우고 그냥 다시 커밋을 하면 될것 같지만 이러한 동작을 한번에 해주는 커맨드가 존재한다.커밋 히스토리를 보자면.. 여기서 이 최신 커밋에서 한 작업을 되돌리고 다시 커밋을 해주는 커맨드가 있다.  Git revertrevert는 되돌리다, 복귀하다 라는 뜻을 가지고있으며 말 그대로 최신 커밋에서 한 작업을 ..