자바스크립트(9)
정규표현식 {아래 두가지 다 같은 뜻, 객체(찾고자하는변수)라는 것을 pattern에 저장)} 주요 작업 추출 : 긴 문자열 중에서 특정 정보를 빼내고 싶은지 테스트 : url이나 특정 문자열이 정말 존재하는지 테스트 치환 : 어떤 텍스트를 다른 텍스트로 - 리터럴 const pattern = / 찾고자하는 변수 /; - 객체 생성자 const pattern = new RegExp('찾고자하는변수'); 정규표현식 메소드 실행 (추출하고 싶을 때) -ex)const pattern = /a/; pattern.exec('abcde'); // ['a'] const pattern = /a./; //.(마침표)는 하나의 문자를 나타냄. pattern.exec('abcde'); // ['ab'] const patte..
자바스크립트(8)
모듈화 : 코드를 여러개의 파일로 분리하는 것. -자주 사용되는 코드를 별도의 파이롤로 만들어서 필요할 때마다 재활용할 수 있다. - 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. -필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다. Node,js에서의 모듈의 로드 node.circle.js (로드될 대상) const PI = Math.PI; exports.area = function (r) { return PI * r * r; }; exports.circumference = function (r) { return 2 * PI * r; }; node.demo.js (로드의 주체) const circle = require('./node.circle.js'); console.log( 'The a..
자바스크립트(7)
객체의 문법 - 중괄호 활용 const 무념상 = {'egoing':10, 'k8805': 6, 'sorialgi': 80}; 무념상 // {'egoing':10, 'k8805': 6, 'sorialgi': 80} 하나의 객체의 들어있는 3개의 인덱스 객체에서의 인덱스 : '문자' 10,6,80 => 각 인덱스의 값임.(어떠한 데이터 형식도 상관없음.) - 대괄호 활용 const 무념상 = {}; 무념상 ['egoing'] = 10; 무념상 ['k8805'] = 6; 무념상 ['sorialgi'] = 80; 객체의 값 가져오기 - 대괄호 활용 const 무념상 = {'egoing':10, 'k8805': 6, 'sorialgi': 80}; * key : egoing, k8805, sorialgi * va..
자바스크립트(6)
배열 : 연관된 데이터를 모아서 통으로 관리하기 위해 사용하는 데이터 타입. 문법 : 대괄호 사용 함수와 배열 EX) funtion 무념상 () { return ["코딩","천재","ㅋ"]; } const A = 무념상(); console.log(A[1]); // '코딩' console.log(A[2]); // '천재' 대문자 변환(내장 함수) 무념상 = "eoing" 무념상.toUpperCase(); //"EGOING" length 배열의 길이 값을 알려줌. 무념상.length // 3 배열과 for문 funtion 무념상(){ return["코딩",천재","ㅋ"]; } const A = 무념상(); for(let i = 0; i
자바스크립트(5)
함수의 정의 : 코드를 동작시키기 위한 것 문법 • function 무념상 () { } • const 무념상 = () => {}; 매개변수와 인자 대입 ex) funtion chanegeName(매개변수) { const people = "_people" return 매개변수 + people } const 무념상 = changeName(인자); // 인자_people ex2) Q. 이름 A, B를 넣었을 때, A_B_people을 반환하는 함수를 만들어라. funtion changeName(nameA, nameB) { return nameA +"_"+nameB + "_people"; } const result = changeName('무','상'); const result2 = changeName('무무'..
자바스크립트(4)
주석 /* */ 줄바꿈 - 반복문 - while (조건){ 반복해서 실행할 코드 } -for문 : 3가지 구성요소 : for(let i = 0; i * i++ i=0; alert(i++) // i++ 자리에 0이 온다 -> alert을 실행시키면 1이 증가한다. (기존의 값(i=0;)을 사용하고 i 값을 1 증가 시킴) * ++i i=0; alert(++i) // ++에서 1을 먼저 증가시키고 alert을 실행시킨다. (기존의 값에서 1을 먼저 증가시키고 사용) 반복문의 제어 - break : 반복작업을 중간에 중단 ex) for(let = 0; i
자바스크립트(3)
null : 값이 없다. undefined : 값이 정의되지 않았다. (값이 존재하기는 하는데 현재 어떤한 값도 들어있지 않다.) 변수(Variable) : 값을 담는 그릇. - var : 변수를 선언하겠다는 의미. (생략도 가능하지만 그냥 하지말자.) 주석 - // : 해석 안됨. 세미콜론 - ; : 줄 바꿀 때 사용. (꼭 필요한 상황 : 두 줄의 내용을 한 줄에 담을 때.( 1; alert(a); ) 비교 - == : 같다. (동등연산자 : 다른 형식일 때도 같다고 처리, 오류발생 가능성 많음.) (1과 '1'을 'true' 로 처리함. alert(true == 1) // 'true' ) - === : 같다. (일치연산자 : 같은 형식일 때만 같다고 처리) (alert 0 === -0) // tru..
자바스크립트(2)
* alert('egoing＼'coding everybody') :역슬래쉬(단축키=ㄱ+한자) 는 탈출(escape)키다. egoing 다음 따옴표를 문자의 끝이 아닌 따옴표로 인식해줌. * typeof : 문자의 형식을 설명해줌 ex) typeof 1 "number" typeof "1" (문자열) "string" ------------------------------------------------------------------------------------------------------------------------------------------- 오늘은 자바스크립트를 처음부터 다시 시작했다. 열정이 너무 넘쳐서 한꺼번에 많이 하려고 하니 몸이 너무 피곤해서 다시 천천히 하기로 했다. 재밌게 ..
자바스크립트(1)
* JavaScript 변수 3가지 (값을 바꾸냐 안 바꾸냐에 따라 나뉨) - const - 고정! (같은 파일 내에서 값을 바꿀 수 없음) - let - 바뀜! (값이 바뀔 수 있다) - var - 없다고 보면 된다. * JavaScript 표현 - '같다" : === - "틀리다" : !== *JavaScript 표현 -글자 : String (스트링) -숫자 : Number (넘버) * JavaScript 구성 - 이름 : 배열 이름 - 요소 : 각각의 값 - 인덱스 : 위치를 가리키는 숫자 배열 생성법 - var arr = [요소1, 요소2]; - var arr = Array(요소1,요소2); - var arr = new Array(요소1,요..