코딩공부

See the Pen 배열 - 자바스크립트 by nilgi (@nilgi) on CodePen. 배열 배열은 하나 이상의 값을 가지는 특수한 변수 nilgi에 1개의 값이 아닌 수백개의 값을 주려면 let nilgi1 = 값1 let nilgi1 = 값1 let nilgi1 = 값1 . . . let nilgin = 값n 이라 써야한다. 이를 해결하기 위해 배열을 사용한다. const nilgi = ["tistory", "blog", "game"]; const nilgi = [ "tistory", "blog", "game" ]; 요소, 번호로 불러오기 요소 변경하기 값에 이름 붙이기 값의 수 length 마지막 요소 불러오기 length-1 요소 추가 push 추가 요소 추가 length 추가 배열 인식..

See the Pen 숫자메서드 by nilgi (@nilgi) on CodePen. • 숫자메서드 : toString() 숫자를 문자열로 반환 • 숫자메서드 : toExponential() 숫자는 반올림, 지수 표기, 소수점 뒤 수를 문자로 반환 • 숫자메서드 : toFixed() 소수를 지정된 자릿수만큼 문자로 반환 • 숫자메서드 : toPrecision() 지정 길이만큼 문자 반환 • 숫자메서드 : valueOf() 숫자를 숫자로 반환. 필요 없음 • 변수를 숫자로 변환 Number(), parseInt(), parseFloat() - Number() 변수를 숫자로 - parseInt() 문자 구분, 정수 반환, 공백허용, 첫 숫자만 반환 - parseFloat() 문자 구분, 숫자 반환, 공백허용..

See the Pen 자바스트립트 숫자 쓰는 방법 by nilgi (@nilgi) on CodePen. let x = 12; let y = 12.24; // 숫자는 소수를 포함하거나 포함하지 않는다. • 매우 크거나 작은 숫자는 지수 표시 가능 • 최대 15자리, 소수 최대 17자리 • 불안한 소수점 계산과 보정 let a = 100; let b = 200; let c = a + b; > 결과 300 // 숫자로 인식 let a = "100"; let b = "200"; let c = a + b; > 결과 100200 // 문자로 인식 let a = 100; let b = "200"; let c = a + b; > 결과 100200 // 문자로 인식 let a = "100"; let b = 200; le..

See the Pen 문자 대체하기 보간 by nilgi (@nilgi) on CodePen. 문자 템플릿은 역따옴표 `` ▸ 역따옴표 안에 따옴표 표시는 `내용 "내용"` 으로 쓴다. ▸ 역따옴표 안의 문자는 여러줄로 쓸 수 있다. 변수 대체하기 $()

See the Pen match, includes by nilgi (@nilgi) on CodePen. let text = "닐기의 블로그는 닐기입니다. 참 닐기스럽지요."; document.getElementById("tm1").innerHTML = text.match(/닐기/g); // 문자에 '닐기'가 있으면 모두 찾아 표시 let text2 = "NilGi's blog is nilgi. It's so nifty."; document.getElementById("tm2").innerHTML = text2.match(/nilgi/g); // 문자에 nilgi를 찾아 모두 표시. 대소문자 구분 let text3 = "NilGi's blog is nilgi. It's so nifty."; document..

See the Pen 문자 검색, 검사 by nilgi (@nilgi) on CodePen.

See the Pen 문자열 메서드 by nilgi (@nilgi) on CodePen. concat() : 문자 합치기 let t3 = t1.concat(" ",t2); let t3 = "닐기" + " " + "티스토리 블로그"; // concat()은 '+' 연산과 같다. trim() : 공백 제거 padStart, padEnd : 앞뒤로 숫자 추가 charAt() : 지정한 문자 표시 charCodeAt() : 문자를 UTF-16 코드로 표시 text[]

See the Pen 문자 대체 by nilgi (@nilgi) on CodePen. 인생은 찰나다. 삶의 선택 닐기에 오신걸 환영합니다. 여기는 닐기입니다. 버튼 NILGI's blood type is AB. 혈액형 NILGI's blood type is AB. 혈액형 NILGI's blood type is AB. Type AB is stupid. 혈액형 nilgi's blood tyoe is ab. 대문자 NILGI'S BLOOD TYOE IS AB. 소문자

See the Pen string method by nilgi (@nilgi) on CodePen. - 문자의 길이(수) : length - 문자 선택 3가지 방법 slice(시작n, 끝n+1) : n은 음수 허용 substring(시작n, 끝n+1) : 음수 없음 substr(시작n, 글자수) : 음수 허용 자바스크립트 첫 번째는 0이다. 끝n의 숫자는 +1이라 생각한다. - slice(시작n, 끝n+1) -substring(시작n, 끝n+1) - substr(시작n, 글자수)

See the Pen 문자열 by nilgi (@nilgi) on CodePen. - 문자열(strings) : 텍스트를 저장하고 조작 - 문자는 "", ''안에 쓰고 0개 이상 글자 let text = "nilgi"; let text = 'nilgi'; - 문자안에 ", '를 표시하려면 ' ', " " 쓴다. let text = "nilgi 'tistory blog'"; let text = 'nilgi "tistory blog"'; - 글자수 length - \(백슬래시) 쓰는 방법 - 긴 코드 줄 바꿈 document.getElementById('id').innerHTML = "bloodtype AB"; document.getElementById('id').innerHTML = "bloodtype \..

See the Pen event by nilgi (@nilgi) on CodePen. Event : HTML 페이지 반응 HTML 웹 페이지 로드할 때, HTML 입력 필드가 변경됐을 때, HTML 버튼을 클릭했을 때 코드를 실행 또는 눌러 // html의 요소를 변경 눌러보시게~ // 자체 요소 변경 눌러줘ㅠ-ㅠ - event 종류 onchange : HTML 요소 변경 onclick : HTML 요소 클릭 onmouseover : HTML 요소 위에 마우스를 올렸을 때 onmouseout : 마우스가 HTML 요소에서 나올 때 onkeydown : 키를 누를 때 onload : 페이지가 로딩될 때

See the Pen 자바스크립트 개체 by nilgi (@nilgi) on CodePen. • 자바스크립트 개체(object) let menu = "lucy" // menu 변수에 lucy라는 값을 할당 const ng = {name:"nilgi", Btype:"AB", blog:"tistory"}; // 개체도 변수이며 많은 값을 가진다. const ng = { name:"nilgi", Btype:"AB", blog:"tistory" }; // 보기 편하게 줄 바꿈을 사용해도 된다. - 개체 속성 엑세스 objectname.propertyname objectname["propertyname"] // 개체 속성은 이렇게 쓴다. 개체 속성은 css와 비슷하다. class를 css에서 .classname으..

See the Pen by nilgi (@nilgi) on CodePen. - 자바스크립트 function : 특정 작업 - function name(parameter1, parameter2, parameter3) { } // parameter : 문자, 숫자, 밑줄, $ - function 호출 클릭했을 때 이벤트 구현, 자바스크립트 호출, 자동 자체 호출 - function return 스크립트 다음에 코드를 실행하기 위해 return을 사용 return은 연산하며 호출자에게 다시 값을 지정 - function : 재사용 가능하여 여러가지 결과를 만든다. - 변수는 function 영역에서만 엑세스됩니다.

See the Pen 자바스크립트 데이터 유형 by nilgi (@nilgi) on CodePen. let a = 3; // 숫자 let b = "Tstiory Blog"; // 문자 let c = {name:"nilgi", BloodType:"AB"}; // 개체 let a = 3 + "nilgi"; // 숫자 + 문자 let a = "nilgi" + 3; // 문자 + 문자 : 문자 뒤에 오는 숫자는 문자 처리 let a = 1 + 5 + "nilgi"; >> 6nilgi let a = "nilgi" + 5 + 1; >> nilgi51 let c = 22; c = 12; c = jj // 적용 문자열은 ", '를 사용한다. let a = "nilgi"; let b = 'nilgi'; 숫자 소수점 표현..

See the Pen 자바스크립트 할당 응용 by nilgi (@nilgi) on CodePen. let a = 12; // 기본 let b = 4; b += 4; // 4 증가 let c = 33; c -= 2 // 2 감소 let d = 7; d *= 9; // 곱하기 9 let e = 99; e /= 4; // 나누기 4 let f = 99; f %= 4; // 4로 나눈 나머지 값

See the Pen JS 산술 by nilgi (@nilgi) on CodePen. • 수학처럼 곱하기, 나누기, ()를 먼저 계산하다.

See the Pen 자바스크립트 연산 by nilgi (@nilgi) on CodePen.