JavaScript32 [자바스크립트 응용] 마우스 효과 03_ 조명 효과 마우스 효과 03 이번 시간에는 마우스 위치에만 배경이미지가 보이는 효과를 만들어 보겠습니다. 저번과 마찬가지로 GSAP를 활용해 볼 예정입니다. 원본 소스 보기 원본 사이트 JS 소스 const cursor = document.querySelector(".mouse__cursor"); // 원의 width값 구하기 // const circleW = cursor.offsetWidth;//200 // const circleH = cursor.offsetHeight;//200 // const circle2 = cursor.clientWidth;//190 : 보더값 제외 //요새는 이걸 많이 씀. 각종값을 객체로 반환 const circle = cursor.getBoundingClientRect(); cons.. 2022. 9. 22. [자바스크립트 함수]클래스를 알아보자 클래스 CSS의 클래스랑 다른 개념이에요! 이 클래스를 잘 사용하면 유지보수가 굉장히 쉬워집니다. 사용이유는 아무래도 재사용성이 좋기 때문인데요. 같이 알아볼게요 ■ 넌 뭐니? 함수의 집합체를 말합니다. ■ 기본문법 class study { constructor(num, name, job){ this.num = num; this.name = name; this.job = job; } result(){ document.write(this.num + ". 내 이름은 " + this.name + "이며, 직업은" + this.job + "입니다.") } } const info1 = new study("1", "웹쓰", "웹퍼블리셔"); const info2 = new study("2", "웹스토리보이", "프.. 2022. 9. 21. [자바스크립트 함수] 내부함수를 알아보자 내부함수 ■ 넌 뭐니? 함수 내부에 선언한 함수를 말합니다. ■ 스코프 변수 또는 함수의 유효 범위를 말합니다. 참조 대상 식별자를 찾아내기 위한 규칙을 뜻하기도 합니다. ■ 클로져 내부함수는 외부함수의 지역변수에 접근할 수 있는데요, 외부함수가 실행을 마치고 끝났는데도 내부함수가 외부함수의 변수에 접근할 수 있습니다. 이러한 메커니즘을 뜻하는 개념입니다. ■ 예시 function func(){ function funcA(){ document.write("함수가 실행되었습니다."); }; funcA(); //함수안에 함수가 들어감 : 내부함수 function funcB(){ document.write("함수가 실행되었습니다."); }; funcB(); } func(); 결과보기 함수가 실행되었습니다.함수.. 2022. 9. 21. [자바스크립트 함수] 콜백함수를 알아보자 콜백함수 콜백함수는 잘 쓰면 정말 좋은 함수죠. 콜백함수를 잘 사용한다면 함수의 실행순서를 내 멋대로 조절할 수 가 있게 됩니다. 대신 가독성저하는 사용횟수에 비례할듯;; ■ 넌 뭐니? 이름 그대로 나중에 호출되는 함수를 말합니다. 호출방식에 의한 구분입니다. 이 친구는 자체로 특별한 선언이나 문법적 특징을 가지진 않습니다. 다른 함수의 인자로써 넘겨진 후 특정 이벤트에 의해 호출되는 함수입니다. ■ 반복문 형식 첫번째 함수가 실행되고나서 다음 함수를 실행합니다. 함수에 순서를 부여(?), 반복문 사용해서 할 수 있습니다. // 콜백함수 반복문 function func(index){ document.write("함수가 실행되었습니다." + index); } function callback(num){ fo.. 2022. 9. 21. [자바스크립트 함수] 재귀함수를 알아보자 재귀함수 오늘은 자기자신을 반복 호출하는 함수! 재귀함수에 대해서 알아봅시다. 이 재귀함수는 잘 사용하기만 한다면 코드가 매우 간단해진답니다. ■ 넌 뭐니? 영어로 Recursive Call이라고 하는데요. 말 그대로 반복해서 호출한다는 뜻입니다. 여기서 반복대상은 나 자신입니다. 얘는 내 함수명령문 안에서 내 함수를 호출하는 형태입니다. ■ 문법 (내용 꼭 필독!) func recursivecall() { recursivecall() } 문법상 위 방식이 맞긴 하지만 이렇게 작성하고 함수를 실행하면, 아무런 제약없이 계속 자기자신을 호출하므로 컴퓨터는 과부하에 걸리게 되고 그렇게...(말잇못) ☞ 과부화 해결법 예시 function func(num){ if( num 2022. 9. 21. [자바스크립트]마우스 오버 메서드 _ mouseenter 와 mouseover메서드의 차이점을 알아보자 mouseenter와 mouseover 자바스크립트의 마우스이벤트에는 여러 종류가 있습니다. 그 중에서도 'mouseenter'와 'mouseover'는 같은 듯하면서 살짝 다른데요. 오늘은 이 둘의 차이점에 대해 알아보는 시간을 가져보겠습니다. ■ mouseenter 마우스 커서가 요소로 들어갈 때와 나갈때 발생합니다. ■ mouseover 마우스 커서가 요소로 들어갈 때와 나갈때 발생합니다. 버블링이 적용됩니다. ■ 둘의 차이점? mouseover 이벤트는 내부 div태그 안에 들어가도 이벤트를 또 발생시킵니다. 반면, mouseenter는 문서 객체의 안에 있는지 외부에 있는지만 따지기 때문에 이벤트가 한 번만 발생합니다. 🤷♂️ 버블링이 뭔가요? 한 요소에 이벤트가 발생하면, 이 요소에 할당된 .. 2022. 9. 5. [메서드] 요소 크기 메서드 요소 크기 메서드 이 메서드는 요소의 크기, 높이 등을 구하는 메서드입니다. element.clientWidth : 요소 가로값(margin/border 미포함) element.clientHeight : 요소 높이값(margin/border 미포함) element.clientTop : 요소 Y축값(부모기준) element.clientLeft : 요소 X축값(부모기준) element.offsetWidth : 요소 가로값(border/padding 포함한 값) element.offsetHeight : 요소 높이값(border/padding 포함한 값) element.offsetTop : 요소 Y축값(문서 기준) element.offsetLeft : 요소 X축값(문서 기준) element.getBounding.. 2022. 9. 1. charAt()메서드 charAt() 이 함수는 문자열 메서드 중 하나입니다. 오늘도 열심히 함수에 대해 배워보자구요! ■ 개념 이 함수는 문자열에서 지정한 index(위치값)에 해당하는 값을 문자열로 반환합니다. ■ 문법 "문자열".match("검색값"); "문자열".match(정규식); ■ 특징 ▶index가 문자열 길이를 벗어나면 빈 문자열을 반환합니다. ▶index를 제공하지 않으면 기본값이 0입니다. ■ 예제 이해를 돕기 위해 예시를 들어봅시다. 주석으로 결과값을 작성하였습니다. const str1 ="javascript reference"; const currentStr1 = str1.charAt(); //j const currentStr2 = str1.charAt("0"); //j const currentStr3.. 2022. 8. 22. match() 메서드 match() 이 함수는 문자열 메서드 중 하나입니다. 오늘도 열심히 함수에 대해 배워보자구요! ■ 개념 이 함수는 문자열을 찾아 배열로 반환합니다. 이 메서드도 정규식을 지원합니다. ■ 문법 "문자열".match("검색값"); "문자열".match(정규식); ■ 특징 ▶정규식을 지원합니다. ■ 예제 이해를 돕기 위해 예시를 들어봅시다. 주석으로 결과값을 작성하였습니다. const str1 ="javascript reference"; const currentStr1 = str1.match("javascript"); //['javascript'] const currentStr2 = str1.match("reference"); //['reference'] const currentStr3 = str1.matc.. 2022. 8. 22. search() 메서드 search() 이 함수는 문자열 메서드 중 하나입니다. 오늘도 열심히 함수에 대해 배워보자구요! ■ 개념 이 함수는 문자열에서 조건 문자열을 찾아서 몇번째 위치에 있는지 찾아주는 함수입니다. 조금 더 쉽게 말하자면 문자열의 index값(위치값)을 숫자로 반환합니다. 찾지 못하는 경우 -1을 반환하게 됩니다. ■ 문법 "문자열".search("검색값"); "문자열".search(정규식 표현); ■ 특징 ▶위치값을 찾아서 숫자로 반환해주는게 저번에 알려드렸던 indexOf()와 굉장히 유사한데요. indexOf()와 다른점은 정규식을 지원한다는게 가장 큰 차이입니다. ■ 예제 이해를 돕기 위해 예시를 들어봅시다. 주석으로 결과값을 작성하였습니다. const str1 ="javascript reference.. 2022. 8. 22. 함수의 유형 함수의 유형 함수는 저번에 함수에 대해서 배웠듯이 '선언적함수(일반 함수 문법), 익명 함수, 매개변수 함수, 리턴값 함수'로 나뉩니다. 이번에는 이 함수들을 응용해서 실전에서 자주 쓰이는 함수의 여러가지 유형에 대해서 배워보겠습니다. 함수가 뭔지 모른다구요? 얼른 달려가서 보고 와주세요!!! (☞함수 기본☜) 01_ 함수와 매개변수를 이용한 형태 함수와 매개변수를 응용한 케이스입니다. 각 매개변수에 실행문에 기입한 변수를 대입시켜 출력할 수 있습니다. function func(num, str1, str2){ document.write(num+"."+str1+str2+"되었니?"); } func("1", "함수", "실행"); //각각 "1" = "num", "함수" = "str1", "실행" = "st.. 2022. 8. 22. includes() 메서드 includes() 이 메서드는 여태까지의 검색 메서드와는 다르게 반환을 불린값으로 해준다는 특징이 있습니다. ■ 문법 문자열 포함 여부를 검색해서 불린(true/false)로 반환합니다. "문자열".includes(검색값) "문자열".includes(검색값, 시작값) ■ 특징 ▶ 검색값은 필수요소이며, 대소문자를 구분합니다. ▶ 시작값이 없으면 전체 문자열을 대상으로 합니다. ■ 예시 이해를 돕기 위해 예시를 들어봅시다. 주석으로 결과값을 작성하였습니다. const str1 ="javascript reference"; const currentStr1 = str1.includes("javascript"); //true const currentStr2 = str1.includes("j"); //true c.. 2022. 8. 17. padStart() / padEnd() 메서드 padStart()/padEnd() 이 메서드들은 주어진 길이에 맞게 앞/뒤 문자열을 채우고 이렇게 채운 새로운 문자열을 반환하는 메서드입니다. padStart() ■ 문법 길이에 맞게 앞의 문자열을 채웁니다. "문자열".padStart(길이) "문자열".padStart(길이, 문자열) ■ 특징 ▶ 문자열을 적지않고 본래길이보다 길게 길이를 요청하면 비어있는 자리는 공백처리가 됩니다. ■ 예시 이해를 돕기 위해 예시를 들어봅시다. 주석으로 결과값을 작성하였습니다. const str1 = "456"; const currentStr1 = str1.padStart(1, "0"); //456 const currentStr2 = str1.padStart(2, "0"); //456 const currentStr3 .. 2022. 8. 17. repeat()메서드 repeat() 이 메서드는 문자열을 복사해서, 복사한 새로운 문자열을 반환합니다. IE는 Edge부터 지원합니다. ■ 문법 이 메서드는 문자열을 복사하여, 복사한 새로운 문자열을 반환합니다. string.repeat( count ) ■ 특징 ▶ 반복문을 사용하여 반환도 가능합니다. ▶ 반복횟수인 count는 양의 정수여야 하며 무한대보다 적고, 최대 문자열 크기를 넘어서는 안됩니다. ■ 예시 이해를 돕기 위해 예시를 들어봅시다. 주석으로 결과값을 작성하였습니다. const str1 = "javascript"; const currentStr1 = str1.repeat(0); //'' const currentStr2 = str1.repeat(1); //javascript const currentStr3 =.. 2022. 8. 17. concat() 메서드 concat() 자바스크립트에서 문자열을 이어붙이는 방법은 세가지가 있습니다. 1. "+" 연산자를 사용하기 2. concat()함수를 사용하기 3. join()함수를 사용해서 배열을 문자열로 합치기 이 중에서 저번에 1번에 대해 학습했었는데요, 이번에는 2번의 내용 concat()메서드에 대해 학습하겠습니다. ■ 문법 이 메서드는 두개 이상의 문자열을 결합해서 새로운 문자열을 반환해줍니다. "문자열".concat(문자열) "문자열".concat(문자열, 문자열, ...) ■ 특징 ▶ 기존배열을 변경하지 않습니다. ▶ 추가된 새로운 배열을 반환합니다. ■ 예시 이해를 돕기 위해 예시를 들어봅시다. 주석으로 결과값을 작성하였습니다. const str1 = "javascript"; const currentS.. 2022. 8. 17. replace() / replaceAll() 메서드 replace() / replaceAll() 어떤 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환합니다. 그 패턴은 문자열이나 정규식(RegExp)이 될 수 있으며, 교체 문자열은 문자열이나 모든 매치에 대해서 호출된 함수일 수 있습니다. ■ 문법 원문은 'String.prototype.replace()'이나 String.prototype은 생략이 가능합니다. replaceAll의 문법또한 repalce와 같습니다. "문자열".replace("찾을 문자열", "변경할 문자열") "문자열".replace(정규식) "문자열".replace(정규식, 변경할 문자열) ■ 특징 ▶ 기존 replace()메서드는 중복된 문자의 경우 중복문자 중 첫번째 문자만 바꾸어준다는 특징이 있었습니다. 이러.. 2022. 8. 17. split() 메서드 split() 이 메서드는 문자열내에서 원하는 값을 찾아 배열형태로 반환해줍니다. ■ 문법 "문자열".split(구분자); "문자열".split(정규식 표현); ."문자열".split(구분자, 갯수); ■ 예시 이해를 돕기 위해 예시를 들어봅시다. 주석으로 결과값을 작성하였습니다. const str1 = "javascript reference"; const currentStr1 = str1.split(''); //['j', 'a', 'v', 'a', 's', ...배열로 출력] const currentStr2 = str1.split(' '); //['javascript', 'reference'] const currentStr3 = str1.split('',1); //['j'] const currentSt.. 2022. 8. 17. 소/대문자메서드, 공백제거 메서드 공백제거 메서드 와 대/소문자 메서드 자바스크립트에서는 문자열의 공백을 제거해주는 메서드도 있습니다. tirm(), trimStart(), trimEnd() 이렇게 세가지로 구성되어 있습니다. 또, 대/소문자를 변환해주는 메서드도 있는데요. 이 메서드들은 toUpperCase(), toLowerCase()가 있습니다. 같이 알아봅시다 공백제거 메서드 trim() 이 메서드는 앞과 뒤의 공백을 제거한 후 문자열의 복사본을 반환합니다. 예제와 결과를 통해 바로 알아보시죠 특징 ▶ 문자열 내부의 공백은 제거하지 않습니다 예시 const str2 = ' javascript '; const currentStr2 = str2.trimStart(); consolo.log(currentStr2) 결과보기 javascr.. 2022. 8. 17. 문자열 결합 / 템플릿 문자열 문자열 결합 / 템플릿 문자열 자바스크립트에서 문자열을 이어붙이는 방법은 세가지가 있습니다. 1. "+" 연산자를 사용하기 2. concat()함수를 사용하기 3. join()함수를 사용해서 배열을 문자열로 합치기 이 중 저희는 1번의 내용에 대해 학습하겠습니다. 내장된 표현식을 허용하는 문자열 리터럴({}같은것)입니다. 따옴표 대신 ``(백틱)문자로 문자열을 감싸서 만들고 ${}안에 표현식을 넣습니다. ■ 예시1 const str1 = "자바스크립트"; const str2 = "제이쿼리"; console.log(str1 + str2); 결과보기 자바스크립트제이쿼리 ■ 예시2 const num1 = 100; const num2 = 200; console.log(num1 + num2); 결과보기 300 ■.. 2022. 8. 17. 문자열 검색 메서드(indexOF/lastIndexOf) indexOF() 문자열 검색 메서드 중 indexOf()라는 친구에 대해서 알아보겠습니다. indexOf()란 문자열에서 특정 문자의 위치를 찾아서 문자열이 '첫번째'로 나타나는 위치를 숫자값(index값)으로 반환해주는 자바스크립트 메서드 입니다. 문법 기본 문법은 다음과 같습니다. "문자열".indexOf(검색값); "문자열".indexOf(검색값, 위치값); 특징 ▶ 찾는 문자열이 없으면 -1을 반환합니다. ▶ 문자열을 찾을 때 대소문자를 구분합니다. 예시 이해를 돕기 위해 예시를 들어봅시다. 주석으로 결과값을 작성하였습니다. const str = "javascript reference"; const currentStr1 = str.indexOf("javascript") //0 const curr.. 2022. 8. 16. 문자열변경메서드(slice/substring/substr) 문자열 변경 메서드 문자열 변경 메서드란 이름 그대로 문자열의 특정위치를 바꾸기도 하고, 공백을 제거하기도 하고, 마음대로 변경할 수 있게 도와주는 메서드 인데요. 오늘은 그 중에서도 특정 값을 찾아 변경하기전 값을 추출해줄 수 있게 도와주는 메서드에 대해서 알아보도록 하겠습니다. 이런 특정 문자열 값 추출 메서드에는 slice(), substring(), substr() 등이 있습니다. 01_ Slice() 문자열에서 원하는 값을 찾아서 추출해내고 그 추출한 값의 문자열을 반환하는 메서드 입니다. slice는 시작위치 값이 끝나는 위치값보다 클 경우 출력이 되지 않으므로 주의를 요합니다. -기본문법 "문자열".slcie(시작위치) "문자열".slcie(시작위치, 끝나는위치) [시작위치 값 < 끝나는위치.. 2022. 8. 16. 정규식 표현 정규식 표현 정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다. 반복문과 조건문을 사용한 복잡한 코드도 정규표현식을 이용하게 된다면 매우 간단하게 표현할 수 있습니다. 다만...가독성은 떨어지게 됩니다. 처음 접하는 저희같은 초보들에겐 이해하기 힘든 내용인데요. 그래도 좌절하지말고 열심히 공부해봅시다. ■ 표현 정규표현식을 만드는 방법은 두가지가 있습니다. 01_ 정규 표현식 리터럴 슬래시로 패턴을 감싸서 작성합니다. 스크립트를 불러올 때 컴파일 되므로, 바뀔일이 없는 패턴일 경우에 사용하기에 용이합니다. const re = /ab+c/ // /:시작,종료 기호 ab+c:패턴 02_ RegExp 객체의 생성자 호출 정규 표현식이 런타임에 컴파일 됩니다. 바뀔 수 있는 패턴이나.. 2022. 8. 16. 내장 함수 내장함수 내장 함수란 자바스크립트에 기본적으로 내장이 되어있는 함수들을 말합니다. 자바스크립트가 기본적으로 우리에게 제공하는 함수라고 할 수 있습니다. 01_ 인코딩, 디코딩 함수 자바스크립트는 기본적으로 '%'뒤에 사용할 수 없는 문자의 문자 코드를 16진수로 변환해서 연결합니다. 그래서 "http://abc.com/search?query=자바스크립트"처럼 URL주소에 쿼리 정보를 전송해서 데이터를 처리해야 하는 프로그램의 경우 한글과 같은 유니코드문자가 포함되어 있다면 오류가 발생할 수 있습니다. 그렇다면 이런 오류를 어떻게 해야 해결할 수 있을까요? 인코딩 함수를 사용해서 문자를 부호화 한뒤, 부호화 된 문자를 다시 디코딩 함수를 이용해서 원래 문자로 되돌릴 수 있습니다. 인코딩은 데이터를 다른 형.. 2022. 8. 12. 배열 메서드(join/push/pop) 배열 메서드 배열은 다양한 메서드를 제공합니다. 그 중에서 오늘은 기본적인 배열의 길이를 구하는 .length와 요소들을 연결해서 하나의 문자열로 만들 수 있는 join()과 배열 끝의 데이터를 조정할 수 있는 push()/pop()에 대해서 공부하겠습니다. 01_ length length 속성은 배열의 코드 유닛 수를 구해서 숫자로 반환합니다. 빈 문자열일 경우에는 0을 반환합니다. //01 const arrNum = [100, 200, 300, 400, 500]; //02 const arrTxt = ['a', 'b', 'c', 'd', 'f']; //03 const arr = [1, 2, ['a', 'b']]; 리턴값(결과)는 마우스를 갖다대면 보여요! 번호 기본값 메서드 리턴값 1 [100, 200.. 2022. 8. 11. 요소 선택 요소 선택 자바스크립트에서 요소를 입맛대로 제어하기 위해서는 요소를 선택해야겠죠? 오늘은 이렇게 요소를 선택하기 위한 메서드 중 직접 선택하는 메서드에 대해서 알아보겠습니다. 요소 직접 선택 메서드 메서드 설명 getElementByld() document.getElementByld("content")일 경우 HTML요소 중 id 속성이 "content"인 요소를 선택합니다. getElementsByClassName() document.getElementsByClassName("menu")일 경우 HTML요소 중 class명이 "menu"인 요소들을 선택합니다. getElementsByTagName() document.getElementsByTagName("ul")일 경우 HTML요소 중 태그명이 "ul.. 2022. 8. 5. 지역/전역 변수 지역변수/전역변수 변수는 함수 블록{}을 기준으로 변수의 선언 위치에 따라 '전역/지역 변수'로 나뉩니다. 전역 변수는 함수 블록{} 밖이나 안에서 자유롭게 사용 가능하지만 지역 변수는 함수 블록{} 내에서만 사용 가능합니다. 전역 변수와 지역 변수 선언 위치 전역 변수 지역 변수 var변수; function 함수(){ } function 함수 () { var 변수; ; 함수블록 {}안에 있는 kor 변수는 전역 변수입니다. ∴ getScore()함수를 호출하게 되면 kor 변수 값이 90에서 100으로 바뀝니다. var kor = 90; function getScore() { kor = 100; // 전역 변수 console.log(kor); // 100 } getScore(); console.log(.. 2022. 7. 28. 함수 함수 함수는 자바스크립트의 기본적인 구성 중 하나입니다. 함수는 작업을 수행하거나 계산하는 문장 집합 같은 개념입니다. 함수는 쉽게말해 실행문이라고 생각하면 편합니다. 01_ 선언적 함수 가장 기본이 되는 함수 방식입니다. function func(){ document.write("함수가 실행되었습니다.1") }; func(); 결과보기 함수가 실행되었습니다.1 02_ 익명 함수 함수의 이름이 선언되지 않아 변수 이름을 따라갑니다.(변수 속의 함수) const func = function(){ document.write("함수가 실행되었습니다.2"); } func(); 결과보기 함수가 실행되었습니다.2 03_ 매개변수 함수 함수의 매개변수(parameter)란 함수를 호출할 때 인수로 전달된 값을 함수 .. 2022. 7. 26. 데이터 타입 데이터 타입 데이터 타입은 변수에 저장되는 데이터의 유형으로 원시데이터 타입과 객체데이터 타입으로 나눌 수 있습니다. 01_ 숫자(number) 데이터 숫자데이터는 정수, 소수점, 지수를 표현할 수 있습니다. var num1 = 10; var num2 = 10.5; var num3 = 1e+2; consloe.log(num1); //10 consloe.log(num2); //10.5 consloe.log(num3); //100, 1e+2는 1*10의2승을 의미합니다 02_ 문자(string) 데이터 문자데이터는 ''또는 ""으로 표현할 수 있습니다. 문자안에 문자가 들어갈 경우 서로 다른 따옴표로 표시합니다. var str1 = "문자"; var str2 = '문자'; var str3 = "문자는'문자'.. 2022. 7. 25. 조건문 조건문 특정 조건 만족 시(true) 실행하는 명령의 집합입니다. 조건문은 if문, switch문이 있습니다. 01_ if문 if문에는 3가지 형식이 있습니다. 1) 조건이 true 인 경우 실행문을 실행합니다. if (조건식) { 실행문; } 2) 조건이 true 인 경우 실행문1을, false일 경우 실행문2를 실행합니다. if (조건식) { 실행문1; } else { 실행문2; } 3) 조건1이 true일 경우 실행문1을, false일 경우 조건2를 비교하여 조건2가 true일 경우 실행문2를, 아닐경우 실행문3을 실행합니다. (조건이 false일 경우 다음 조건식을 비교합니다.) if (조건식) { 실행문1; } else if(조건식2) { 실행문2; }else { 실행문3; } 4) if문은 i.. 2022. 7. 25. 반복문 반복문 반복문은 프로그램에서 필요한 결과값을 도출하기 위해 실행문의 순서를 반복적으로 실행시키는 문법을 말합니다. 반복문에는 while문, do while문, for문이 있으며, for문을 가장 많이 사용합니다. 01_ for문 자체적으로 초기식, 표현식, 증감식을 모두 포함하고 있는 반복문입니다. for (초기 값 ; 조건식 ; 증감값){ 실행문; } 02_ while문 조건문이 참일 때 실행되는 반복문입니다. 조건은 문장 안이 실행되기 전에 참, 거짓을 판단합니다. 초기 값 while (조건식) { 실행문; 증가감식; } 03_ do while문 while문과 다르게 실행문을 먼저 한번실행하고 조건을 따져 출력합니다. 초기 값 do { 실행문; 증가감식; } while (조건식) 0부터 99까지 출력.. 2022. 7. 21. 이전 1 2 다음 반응형
