전체 글 97

자바스크립트, 문자열 메서드(공백제거,스타일치환,꺼내기,치환하기,배열화하기,검색하기)

string.trim(): string문자열의 양쪽 공백 제거. 문자열 양쪽 끝의 공백을 제거한 새로운 문자열을 반환. 여기서 공백은 space, tab, NBSP, 개행문자(\n).string.trimStart(): stringstring.trimEnd(): string양쪽 끝의 공백제거를 주로 쓰지만, 앞과 뒤를 따로 사용할 수도 있다.const str1 = ' Removes Whitespace from\n';const str2 = 'both ends of a String';console.log(str1);console.log(str1.trim());console.log(str1.trim() + str2); 영어 대소문자의 변환string.toLowerCase(): string string.t..

자바스크립트 , 문자열 관련 배열 / for..of / forEach , ...사용 / 구조분해할당 / toString, delete, value 메서드

가볍게 알아보는 배열'use strict';let str = '@ Javascript &';for (let i = 0; i - 문자열에 대한 배열 인덱싱을 제공한다는 것을 알 수 있다.console.log('@ Javascript &'[0]); console.log('@ Javascript &'[str.length - 1]);-문자열 자체에 대한 배열 인덱싱도 가능하다. * 배열 연산법  : 첫주소 + 인덱스 *타입크기 * 배열 접근 3요소 : 1. 첫주소 2. 인덱스 3.인덱스 종료값(배열 길이-1)배열 리터럴 생성, 삭제의 특징 let ar1 = []; let ar2 = ar1; console.log(ar1.length);console.log(ar1[0]); ..

예제로 만나보는 자바스크립트

문제 : 이와 같이 두정수의 값 비교를 할것.큰수를 출력하게하고 , 같으면 같다고 출력하게 할것.    요점값을 받을 두 창이 필요하다.마지막에 값을 판단하여 창을 띄우는데 2가지 방향으로 제시된다.  답안+'use strict';let n1, n2;n1 = +prompt('정수1 : ');n2 = +prompt('정수2 : ');if (n1 === n2) { alert('두 수는 같음');} else { alert(`큰 수는 ${n1 > n2 ? n1 : n2}`);}  부족했던점처음에 else에 대하는 조건을 처음으로 이런식으로 직관적으로 쓰게 되었다. if (num1num2){ alert(`큰 수는 ${num1} 입니다.`) }else{ alert(`두..

자바스크립트 가볍게 알아보는 == 와 === / 값의 부정평가(!)

if (value == 0) break;  == (equal) : 피연산자들의 값만 비교. 단, 숫자형태의 문자열은 다른 숫자 타입의 값과 비교시 숫자 타입으로 형변환되어 비교.따라서 입력된 문자열 '0'과 '확인' 버튼을 눌렀을 때 반환되는 빈 문자열 ('')은 모두 숫자 0으로 변환되어 비교.단,원시값 중 빈 문자열('')과 false 만 추상 동등 비교(==) 시 0 으로 변환되어 평가.숫자 형태의 문자열과 숫자 형태가 아닌 모든 문자열은 복합 대입 연산자에 의해 문자열 결합 연산 처리되는 것을 확인 가능. === (strict equal) : 피연산자들의 값뿐만 아니라, 타입까지 포함하여 비교. 따라서 이 때에는 숫자 형태의 문자열이더라도 다른 숫자 타입과 비교시 형변환이 되지 않아 무한루프 탈출..

자바스크립트 , 누적합구하기/ 최대값,최소값구하기 /거듭제곱구하기 원리

누적합 구하기 원리*현재 누적 합 = 과거 누적합 + 현재 대상값. ( K = K + N) 최초의 상황일 때 과거 누적합이 없기 때문에 최초 가상 누적합에 의미없는 수(0)를 넣어 선언.누적합에 해당하는 변수선언 , 현대 대상값에 해당하는 변수 선언,최초 가상 누적합에 초기화.가 필요함을 알수 있음. 'use strict';// 1부터 10 까지의 누적합을 입력받아 출력해보자.let tot =0 , min, max; //최초 가상 누적합min= +prompt(`작은값 : `);max= +prompt(`큰값 : `);for (let i = min; i 최소값을 최대값까지 반복하게 될것이고,합계를 저장할 저장공간을 마련한다.최초의 가상누적합이 존재하지 않기 때문에 0의 의미없는 수를 넣어서 선언.시작 : 최..

자바스크립트의 반복문(for / while / do..while)

for 문 형식 : for ( 초기식 ; 조건식 ; 증감식 ){반복실행블럭}for ( 처음 ; 끝 ; 규칙 )반복(회전)수 결정 조건 : 1) 처음 2) 끝 3) 일정한규칙 끝을 비워두면 무한루프가 형성됨.탈출 조건을 걸어야 함.if (탈출 조건 ) break; true 일때 반복.( 0이 아닌 수를 true )false 일때 반복 끝. (0이 false) 반복 루트 : 초기식(처음) > 조건식(끝이니 아니니?) > 반복실행블럭(실행해볼게) >증감식(끝이아니니, 끝까지 가보자) > 조건식(아직도 끝이 아니니?) > 반복실행블럭(또 실행해볼게)  // 34 ~ -68for (let i = 35; i > -68;){ i--; console.log(i); }// 241 ~ 169..

자바스크립트 , 조건문 if 와 switch

조건문 if 자바와 형식이 비슷하나,자바에서는 true 또는 false 로 표현되고,자바 스크립트에서는 0이 false , 0이 아닌 수를 true로 판단 하는 차이가 있음. 추후 숫자를 이용해 값을 판단하게 될때 ,0 이라는 숫자가 필요한데 조건문을 통해 false로 빠지는 상황이 생길 수 있음. else 가 따로 없다면 그 외의 조건에 대해서 실행되지 않기 때문에,else는 필요에 의해 사용할 수 있다. if (조건문){} 아닐때는 실행되지 않음.if(조건문){조건 참이면 실행}else{아닐때 실행}if(조건문1){조건1이 참이면 조건 2로}else if(조건문 2){조건 2가 참이면 실행}if(조건문1){조건1이 참이면 조건 2로}else if(조건문 2){조건 2가 참이면 실행} else{ 아닐때..

자바스크립트 , backtick(``) / 자리 표시자 ${} /prompt / alert/ confirm

백틱 `` (키보드상에 tab 위의 ~키)문자열 및 내장된 표현식을 허용하는 문자열 리터럴.문자열을 줄내림을 하더라도 , 하나의 문자열로 인식함. 자바와 같이 %d 로 표현이 가능함. 단 , 실수표현은 불가하다.+연산시 자동 문자열로 변환되어 문자열 결합 연산이 적용되는 것이지,타입 확장의 개념이 아님에 유의할것.산술 연산 적용시 자바와 같이 / 와 % 가 있는것이아니라 나누기 결과 값이 실수로 표현.실수로 표현되는것을 나중에 메서드와 함수를 통해 정수로 표현이 가능하다.  자리 표시자 ${} 다양한 표현식을 직접 표현이 가능하다.자바의 우변과 같이 변수나 숫자를 사용할 수 있다고 생각하면 됨.함수 호출과 같은 표현 식도 가능하다. console.log(`n1 = ${7}, n2 = ${9} 출력완료`)..

자바스크립트, 기초 중 기초 ! 변수

자바와 자바스크립트의 차이 자바에서는123 - 숫자“123”-문자열‘1’-문자자바 스크립트에서는123 - 숫자“123” -문자열‘1’-문자열 로 인식하는 차이가 있다. 즉 ‘’ 와 “” 의 차이가 없다. 자바 스크립트의 실행console : 콘솔화면에 보여지는것.ctrl + alt + n 실행실행시에 document 가 있다면 , 오류가 생김. document : 브라우저 화면에 표현 , 기존 html 의 alt + L + O 를 하면 브라우저 화면에 표현되는 부분을 말함.개발자 도구에서도 콘솔을 수정 할 수 있다. ->바디 안에서 스크립트를 적용시킬 수 있는데 ,당연하게도 브라우저 화면은 html 의 상단 순서부터 나열이 된다.conlsole 로 실행되는 부분은 개발자 도구에서 콘솔에서 확인 이 가능하..

deep 한 margin 의 세계로 , 수직 마진 / 마진의 특성 / 마진을 이용한 수평 수직과 요소 중첩.

블럭 요소의 수직 마진 공유 특성. 중첩되는 수직 마진은 서로 상쇄되어 하나의 마진으로 공유된다.수직마진이 서로 다른 경우 중첩되어 상쇄되는 특징으로 인해,마진이 큰 쪽으로 수렴되어 통합된다.부모요소와 자식관계의 수직 마진을 지정시에부모요소 안에 자식 요소안에 배치되는데 수직 마진이 서로 닿지 않는 경우서로 공유 되지 않았음을 확인 할 수 있다.point ! 블럭 요소의 마진이 서로 맞닿는가 ?  2) 경우 두 박스를 동일 마진을 줌으로써 , 중간에 맞닿은 마진 부분이 상쇄되어 마진이 10px 20px 10px 로 보이는 것이 아닌10px 10px 10px 로 변경됨을 볼 수 있음. 3 )경우 두 박스를 다른 마진을 줌으로써,중간에 맞닿은 마진이 상쇄되면서 , 마진이 큰 쪽으로 수렴됨.20px 30px ..

Developer/HTML_CSS 2024.04.28
728x90