[ Javascript ] 반복문

반복문: 프로그램이 특정 작업을 반복하도록 작성한 명령문#1 while 문while문은 조건식을 검사한 후에 실행문을 수행한다. 조건식이 참이면 실행문을 계속 실행한다.while(조건식){ 실행문 }while문을 멈추려면 조건식을 거짓으로 만들거나 break문을 사용한다.let i = 0;while(true){ i++; if(i === 5){ break; }}let i = 0;while( i #2 for문for문도 반복문이다. for문은 시작, 조건식, 종료식, 실행문으로 구성된다.for(시작;조건식;종료식){ 실행문 }for문은 시작식을 시작으로 조건식을 검사한 수 실행문을 실행하고 종료식을 실행한다. 조건식이 참이면 조건식부터 종료식까지 반복한..

• format_list_bulleted 프로그래밍 언어/JavaScript
• · 2024. 10. 17.

[ Javascript ] 조건문

조건문: 주어진 조건에 따라 코드를 실행하거나 실행하지 않는 문#1 if 조건문의 기본형식if 조건문은 예약어 if 뒤에 조건식과 실행문으로 구성한다.if(조건식){ 실행문}조건식이 참일 경우에 실행문이 실행이 되고, 거짓인 경우에 실행하지 않는다. 조건식에 거짓인 값을 넣으면 조건문은 실행하지 않는다.NaN, 0, '0', '', undefined, null#2 else 문을 활용한 두 방향 분기else문을 활용하면 두방향으로 분기할 수 있다. 조건식이 거짓이면 else문이 실행된다.if(false){ 'hello, if';} else { 'hello, else';}#3 else if를 사용해 여러 방향으로 분기하기경우의 수에 따라 여러 방향으로 분기할 수도 있다. 점수 분포에 따른 성..

• format_list_bulleted 프로그래밍 언어/JavaScript
• · 2024. 10. 17.

[ Javascript ] 변수

변수: 값을 저장하고 불러오는 것선언: 변수를 만드는 행위변수의 초기화: 변수의 선언과 동시에 값을 넣는 행위선언문: 변수를 만드는 명령문#1 변수 선언let 키워드를 통해 변수를 선언할 수 있다.let variable = 'Hello variable!';변수에 할당연산자(=)를 통해 값을 넣을 수 있다. 선언과 동시에 변수에 값을 넣는 행위를 변수의 초기화라고 한다. 위의 명령어는 변수를 선언하는 문장이라고하여 선언문이라고 한다. 문은 식과 달리 값을 반환하지 않는다.#2 변수명 짓기변수명에는 $, _를 제외하고는 특수문자가 들어가서는 안된다.변수명은 의미를 최대한 구체적으로 표현하고 있어야한다.변수명에는 예약어를 사용할 수 없다.#3 변수의 값 수정하기한번 저장한 값을 바꿀 수 있다.let varia..

• format_list_bulleted 프로그래밍 언어/JavaScript
• · 2024. 10. 17.

[ Javascript ] 자료형

값: 프로그램에서 조작할 수 있는 데이터자료형: 값의 종류식, 표현식(expression): 값이 나오는 명령연산자: 값에 대해 특정 작업을 수행하는 기호#1 문자열문자열이란 하나 이상 나열 된 문자들이다. 시작과 끝이 작은 따옴표(’’) 또는 큰 따옴표(””)로 감싸져 있다.'Hello World!'; // 작은 따옴표로 감쌈"Hello World!"; // 큰 따옴표로 감쌈문자열을 표현할 때 사용하는 따옴표는 앞뒤로 반드시 동일해야한다.typeof 연산자typeof 연산자는 값의 자료형을 반환한다. typeof "Hello World!"; // 'string'typeof ""; // 빈 문자열도 'string'문자열의 자료형은 string이다. 참고로, ‘’도 문자열이다. 값이 비었다고 해서 빈 문자..

• format_list_bulleted 프로그래밍 언어/JavaScript
• · 2024. 10. 17.

[ C++ ] 문자열 패딩을 만드는 법

예제문자열 “123” 앞에 “0” 패딩을 3개 붙이기string a("123");string b = string(3, '0');int paddings = 4;a.insert(0, b); // "000123": 첫째 인수는 삽입하고자하는 위치, 두번째는 삽입하려는 문자열!a.insert(a.size(), string(paddings, '0')); // "0001230000"디버깅아래의 함수를 헷갈리면 안된다. 2번째 매개변수는 문자열이 아니라 문자 리터럴을 사용해야한다. string b = string(3, '0'); // 좋은 예안그러면 문자열의 null캐릭터까지 추가가 되어 패딩으로서의 역할을 하지 못한다.string(paddings, "0"); // 널캐릭터까지 추가되어 패딩이 망가진다.

• format_list_bulleted 프로그래밍 언어/C++
• · 2024. 9. 26.

[ Javascript ] 2가지 이상의 색을 섞은 경우의 배경 바꾸기

목표버튼을 클릭할 때마다 배경색을 바꾸는 기능을 구현하기원리버튼을 클릭하면 클릭 이벤트가 발생한다. 클릭 이벤트에 대해 이벤트 헨들러를 등록을 한다. 이벤트 헨들러는 호출 될 때마다 색상코드가 들어가 있는 배열의 인덱스를 무작위로 가져온 후에 태그의 속성에 추가를 한다.코드HTML 코드 Give me color CSS 코드body { height: 100vh; width: 100%; display: flex; justify-content: center; align-items: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open..

• format_list_bulleted 프로그래밍 언어/JavaScript
• · 2024. 9. 20.