yh-jeon Full stack

대 소 문자 구분- 자바스크립트 프로그램은 알파벳 대문자와 소문자를 구별합니다. 예를 들어서 알파벳 m 과 알파벳 M은 각기 다른 문자로 취급합니다. 또한 console.log를 Console.log로 작성하게 되면 다음과 같은 참조 오류가 발생합니다.Uncaught ReferenceError:  Console is not defined 토큰 : 프로그램을 구성하는 최소 단위를 토큰(어휘)라고 합니다.예를 들어, Javascript is powerful 에서 토큰은 각각 Javascript / is / powerful 입니다.공백 문자 - 일반적인 띄어쓰기를 의미합니다. 만약에 return n을 returnn으로 작성하게 되면 이 또한 n을 반환하는 것이 아닌 아무런 값을 반환하지 않는 것이 되므로 오류..

// Nullishconst n = 0;const number1 = n || 7;console.log(number1); => 또는 연산자는 조건문에 참 값이 존재하게 되면 왼쪽에서부터 가장 먼저인 참 값을 콘솔 창에 출력하게 됩니다. 이 경우에서는 n은 0이므로 false 값이 되고 7 은 true 값이기에 콘솔 창에는 7이 출력되게 됩니다. // Nullish 병합(Nullish Coalescing)// OR 연산자를 사용한 경우const n = 0;const number1 = n || 7;console.log(number1); // 7// Nullish 병합 연산자를 사용한 경우const num2 = n ?? 7;console.log(num2); // 0 => Nullish 병합 연산자(??)는 왼쪽..

// 논리 // AND 연산자const a = trueconst b = falseif(a && b) {  console.log('a와 b 변수의 조건 모두가 참!')} 변수 a와 b 모두 조건값이 true가 아니기에 콘솔 창에는 아무것도 출력이 되질 않지만, 변수 b의 조건이 true로 변경이 되면 콘솔 창에는 'a와 b 변수의 조건 모두가 참'이라는 글씨가 출력이 됩니다.A && B (AND 연산자) : 조건 A와 B 모두가 참이어야지 조건이 실행됩니다.  // 논리 const a = trueconst b = false// AND(그리고) 연산자if(a && b) {  console.log('a와 b 변수의 조건 모두가 참이어야지 참!')}// OR(또는) 연산자if(a||b) {  console.lo..

부정 연산자부정 연산자는 출력되는 값과는 정반대의 결과를 콘솔 창에 출력함! - 부정 연산자 ( true 및 false 값을 정반대하여 전환시켜 연산)// 부정console.log(!true);console.log(false);console.log(!0);console.log(!!0);console.log(!!!0);console.log(!null);console.log(!undefined);console.log(!NaN);console.log("");console.log(!{});console.log(![]); 이렇게 입력하면 아래와 같이 콘솔 창에 결과 화면이 출력됩니다. 이때, 부정연산자(!)는 1개만이 아닌 여러 개를 사용하여도 무관하지만 가독성 및 실용적인 측면에서 활용도가 떨어지기에 사용하지 ..

산술 연산자// 산술 연산자console.log(1 + 2);console.log(5 - 7);console.log(3 * 4);console.log(10 / 2);console.log(7 % 5); => 연산자는 +, -, *, %, / 이고 피연산자는 숫자를 가리킵니다.나머지 연산자(%) / 나누기 연산자(/)// 산술 연산자console.log(1 + 2);console.log(5 - 7);console.log(3 * 4);console.log(10 / 2);console.log(7 % 5);function isEven() { return num % 2 === 0 }console.log(isEven(3))console.log(isEven(12)) isEven 이라는 함수를 지정하여 숫자를 나누었..

태그 사이에 위 표기를 추가하여 html과 javascript 문서를 연결함 표기법dash-case(kebab-case) : HTML & CSS 단어 표기법ex) the-quick-brown-fox-jumps-over-the-lazy-dogsnake_case : HTML & CSS 단어 표기법ex) the_quick_brown_fox_jumps_over_the_lazy_dogcamelCase : JavaScript 표기법 - 거의 대부분 경우ex) theQuickBrownFoxJumpsOverTheLazyDogParcelCase : JavaScript 표기법 ( new 생성자 함수) - 특수한 경우ex) TheQuickBrownFoxJumpsOverTheLazyDog Zero-based Number..

원시형 - String, Number문자열 데이터 => " " (큰 따옴표) 또는 ' '(작은 따옴표) 내부에 작성합니다.※ 백틱 ( `` 1번 왼쪽 키보드 )  -> 보간 역할 - 데이터를 문자 데이터 내부에 채워 넣는 경우 {템플릿 리터럴}const string1 = 'Hello'const string2 = 'Hello ${string1} ?!'console.log(string3) =>  콘솔 창에 Hello Hello ?! 으로 출력됨 / 문자 내용에 ${  } 내부에 추가할 내용을 작성하는 것연산을 추가할 때, const 변수명 = 3.14 처럼 부동소수점형으로 작성이 가능함 / 만약 const 변수명 = 0.14인 경우에는 const 변수명 = .14 으로 작성해도 무관합니다. const num..

※이때, 직접 이동할 폴더를 작성하여도 되고 아래 명령어로 파일을 만든 후, 그 파일로 이동하여 만드는 경우도 있습니다.mkdir 폴더 명 -> "폴더 명"인 폴더를 만들기 {make directory}cd 폴더 명 -> 생성 된 "폴더 명" 폴더로 이동하기 {change directory} 1. 깃허브에 업로드할 폴더를 생성합니다. 해당 폴더 에서 git bash를 열어 아래 명령어를 입력합니다.# 현재 프로젝트에서 변경사항 추적(버전 관리)룰 시작$ git init => 위 명령어를 입력하고 숨긴 파일 표시를 체크하여 .git 파일이 생성되면 성공적으로 생성된 것입니다.2. 깃 환경 설정하기#개행 문자 설정$ git config --global core.autocrlf input (Mac OS$ gi..

※버전 : 유의미한 변환가 결과물로 저장된 것패치 : 시급한 오류 해결을 동반하거나 규모가 작은 버전업데이트: 새롭게 추가되는 기능을 담은 버전 Git : 버전 관리를 도와주는 소프트웨어(명령어로 동작하는 소프트웨어)Github : 원격 저장소 호스팅 서비스 (깃으로 버전을 관리하는 프로젝트들이 모여 있는 웹 사이트) 깃 설정하기$ git config —global user.name “만든 사람”$ git config —global user.email “이메일주소”$ git config —list 깃이 관리하는 3개의 공간 ⇒ 작업 디렉터리, 스테이지, 저장소작업 디렉터리 : 버전 관리의 대상이 위치하는 공간스테이지( = 스테이징 영역, 인덱스 ) : 작업 디렉터리 내에서 변경된 파일들 중에서 새로운 버..