728x90
반응형
SMALL

전체 글 123

마크 다운(Markdown)

# 제목 (Header)# 제목1 ## 제목 2### 제목 3#### 제목 4##### 제목 5###### 제목 6 제목1제목 2제목 3제목 4제목 5제목 6 => # [띄어쓰기(필수)] 제목 1~6 : 제목의 숫자가 낮을수록 크기가 큼제목의 크기에 따라 # 개수 조절# 문장(Paragraph)동해물과 백두산이 마르고 닳도록하느님이 보우하사 우리나라 만세코드 상에는 줄바꿈 처리를 하였지만 보여지는 마크다운 파일에서는 줄바꿈 처리가 되질 않음 그냥 작성하면 됨* 줄바꿈 처리 : 문장 끝에 줄바꿈 처리를 할 부분에 띄어쓰기를 2번 하면 됨  또는 태그를 사용하여 줄 바꿈 처리#줄바꿈(Line Breaks)동해물과 백두산이 마르고 닳도록하느님이 보우하사 우리나라 만세무궁화 삼천리 화려 강산대한 사람 대한으로..

Javascript - 형 변환

숫자를 문자열로 변환하기숫자 + 문자열숫자와 문자열을 + 연산자로 연결하면 숫자의 타입이 문자열로 바뀝니다.10 + "cookies" // "10cookies"100 + "" // "100" : 숫자에 빈 문자열을 더해 숫자 타입을 문자열로 바꿀 수 있음("0000" + 12).slice(-4) // "0012" 앞부분에 0을 넣어 4 자릿수 정수를 표현하는 문자열로 만듦 toString 함수를 이용하여 문자열로 변경하는 법var n = 26;n.toString(); // 인수를 지정하지 않으면 10진수 문자열로 변환n.toString(2); // 11010 : 2잔수 문자열로 반환 즉, String 함수에는 모든 데이터 타입을 문자열 타입으로 바꾸는 기능이 존재합니다.String(26) // "26"S..

카테고리 없음 2024.07.03

Javascript - 연산자 종류 및 특징

연산자에는 피연산자의 개수에 따라 단항 연산자, 이항 연산자, 삼항 연산자로 분류합니다.단항 연산자 - +a이항 연산자 - a + b삼항 연산자 - ?: (Only 이것만 존재) 그룹 연산자 () - 그룹 연산자 ()를 사용하게 되면 계산 순서의 우선 순위가 최우선으로 연산 됩니다. 산술 연산자산술 연산자는 피연산자가 숫자인 연산자로 피연산자가 숫자가 아닐 때는 연산자가 피연산자 타입을 숫자 타입으로 바꾸어 계산합니다. 이때, 연산 결과로는 숫자 값이 나오지만 숫자로 바꿀 수 없거나 계산할 수 없는 값일 경우에 NaN이 출력됩니다.  + : 더하기 / A + B / A와 B를 더한 값- : 빼기 / A - B / A와 B를 뺀 값* : 곱하기 / A * B / A와 B를 곱한 값/ : 나누기 / A / ..

카테고리 없음 2024.07.03

Javascript - 변수 및 함수의 기초, 배열

자바스크립트에서는 변수 타입이 없으므로 변수 선언자는 var 하나만 존재합니다.그렇기에 var 변수 선언자에 모든 데이터 타입의 값을 저장할 수 있습니다. 이때, 쉼표(,)를 사용하면 변수 여러 개를 1개의 문장으로 선언할 수 있습니다.var a,b,c,d,e,f,...a;var a=1,b=2,c=3; ※ 변수 선언 생략 : var 문으로 선언하지 않는 변수 값을 읽으려고 시도하면 참조 오류가 발생하게 됩니다. 그렇기에 꼭 변수 선언(초기화)를 필수로 설정해야 합니다.console.log(X);// RefereneceError : is not defined 변수를 선언(초기화)를 하지 않으면 오류가 발생하게 됩니다.x = 2; // 변수 선언console.log(x); // 2 변수를 선언(초기화)하면은..

카테고리 없음 2024.07.03

Javascript 프로그램 기본 작성법

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

카테고리 없음 2024.07.03

Javascript - Nullish 병합, 삼항 연산자

// 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 병합 연산자(??)는 왼쪽..

카테고리 없음 2024.07.02

Javascript - 논리 연산자

// 논리 // 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..

카테고리 없음 2024.07.02

Javascript - 부정, 비교 연산자

부정 연산자부정 연산자는 출력되는 값과는 정반대의 결과를 콘솔 창에 출력함! - 부정 연산자 ( 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개만이 아닌 여러 개를 사용하여도 무관하지만 가독성 및 실용적인 측면에서 활용도가 떨어지기에 사용하지 ..

카테고리 없음 2024.07.02

Javascript - 산술, 할당, 증감 연산자

산술 연산자// 산술 연산자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 이라는 함수를 지정하여 숫자를 나누었..

JavaScript 기초 지식

태그 사이에 위 표기를 추가하여 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..

카테고리 없음 2024.07.02
728x90
반응형
LIST