어제 오늘 내일

이번에 알아볼 반복문은 do..while입니다. while 문과 비슷하지만, 첫번째 반복문을 실행 할때 실행 순서가 조금 다릅니다. do...while do { // 반복할 코드 } while (조건문); do...while문은 조건문을 판단하기 전에 do 블록의 코드를 먼저 실행합니다. 그리고, 조건문을 판단하여, 조건문의 결과가 true이면 do 블록의 코드를 다시 실행합니다. 이 과정을 반복합니다. 예제 1 See the Pen 반복문 by anna (@hianna) on CodePen. 예제 2 - while문과 do...while의 차이점 See the Pen 반복문 by anna (@hianna) on CodePen. while문과의 차이점은 다음과 같습니다. while문은 처음 while문을..

두 번째 반복문은 while입니다. while while(조건식){ // 반복할 코드 } while문은 '조건식'의 결과가 true 인경우 코드 블록을 반복적으로 수행합니다. 코드 수행 순서는 1. 먼저 조건식을 판단하고, 2. 조건식의 결과가 true이면, 코드 블록 수행합니다. 조건식의 결과가 false이면, while문을 빠져나옵니다. 1번과 2번을 반복적으로 수행합니다. 예제 1 See the Pen 반복문 by anna (@hianna) on CodePen. while문에는 조건문만 들어가지만, 위와 같이 코드 어딘가에는 for문과 같이 초기화 구문, 증감식이 들어가 주어야 합니다. 예제 2 while(true) { document.write('Hello'); } 이 코드의 조건문에는 true가..

지난번에는 for문의 기본적인 사용방법을 알아보고, 별찍기 예제도 만들어 보았습니다. [Javascript] 반복문(1) - for [Javascript] for문을 이용해서 별찍기 이번에는 for문을 응용하여 구구단을 찍는 예제입니다. 구구단 찍기 for(let i = 2; i

지난번에는 for문의 기본적인 사용방법을 알아보았습니다. [Javascript] 반복문(1) - for 이번에는 for문을 응용한 다양한 형태의 별찍기 예제를 공유합니다. 정사각형 별찍기 See the Pen 반복문 by anna (@hianna) on CodePen. 삼각형 별찍기 See the Pen 반복문 by anna (@hianna) on CodePen. See the Pen 반복문 by anna (@hianna) on CodePen. 거꾸로 삼각형 별찍기 See the Pen 반복문 by anna (@hianna) on CodePen. See the Pen 반복문 by anna (@hianna) on CodePen. 정삼각형 별찍기 See the Pen 반복문 by anna (@hianna) ..

Javascript에서 사용할 수 있는 반복문을 하나씩 알아보도록 하겠습니다. for for (초기화; 조건식; 증감문) { // 반복할 코드 } 먼저 for문의 문법은 위와 같습니다. 초기화 - for문이 실행되기 전 1번만 수행됩니다. 조건식 - for문이 실행되기 위한 조건입니다. 이 조건문의 결과가 true이면 for문 안의 코드는 계속 실행됩니다. 증감문 - for문 안의 코드가 실행 된 후, 매번 수행되는 코드입니다. 예제1 See the Pen 반복문 by anna (@hianna) on CodePen. i변수의 초기값은 0이고, 반복문을 돌 때마다 i 변수의 값은 1씩 증가합니다. i의 값이 5보다 작을 동안(즉, i가 5가 되면 반복문 중지) for문 안의 코드를 실행합니다. 예제2 - ..

Javascript에서 배열의 길이를 체크하기 위해서는 Array 인스턴스의 length 속성을 사용합니다. 배열의 length 속성 활용하기 See the Pen 배열 by anna (@hianna) on CodePen. 배열의 길이는 Array 인스턴스의 length 속성을 통해서 확인할 수 있습니다. 또한, length 속성 값을 직접 설정하여, 배열의 길이를 조정할 수도 있습니다.

[VSCode] 들여쓰기(indent) 간격 설정(1) [VSCode] 들여쓰기(indent) 간격 설정(2) _ 기존파일 [VSCode] 들여쓰기(indent) 간격 설정(3) _ 기존파일 변경하기 이번에는 '들여쓰기 2칸'으로 적용된 파일을 '들여쓰기 4칸'으로 변경하는 방법 을 알아보도록 하겠습니다. 1. 하단의 들여쓰기 간격 항목을 클릭합니다. 현재 작성된 파일의 들여쓰기 간격은 'space 2칸' 입니다. 2. Command Palette의 'Indent Using Spaces' 항목을 선택합니다. space 대신 Tab을 사용하고 싶다면, 'Indent Using Tabs'를 선택합니다. 3. 들여쓰기 사이즈를 선택합니다. 여기서는 들여쓰기를 2에서 4로 변경하려고 하기 때문에, 4를 선택하였..

[VSCode] 들여쓰기(indent) 간격 설정(1) [VSCode] 들여쓰기(indent) 간격 설정(2) _ 기존파일 [VSCode] 들여쓰기(indent) 간격 설정(3) _ 기존파일 변경하기 지난번에는 기본적인 들여쓰기(indent) 간격 설정하는 방법을 알아보았습니다. [VSCode] 들여쓰기(indent) 간격 설정(1) 이 방법은 VSCode에서 내가 새로 작성하기 시작하는 파일에 유효합니다. 그렇다면, 기존에 다른 들여쓰기(indent)가 적용된 파일은 어떻게 설정할까요? 다음과 같이 기본 설정이 되어 있는 경우, 들여쓰기가 Space 2칸으로 작성된 파일을 열면 어떻게 될까요? Insert Spaces : true Tab Size : 4 기본 설정이 들여쓰기 'Space 4'일때, 들여..

[VSCode] 들여쓰기(indent) 간격 설정(1) [VSCode] 들여쓰기(indent) 간격 설정(2) _ 기존파일 [VSCode] 들여쓰기(indent) 간격 설정(3) _ 기존파일 변경하기 VSCode에서 자동 들여쓰기 간격 설정하는 방법입니다. 1. Setting(설정) 메뉴에 들어갑니다. 다음 중 한가지 방법을 선택하여 설정 메뉴에 들어갑니다. File > Preperences > Settings 메뉴 이용 화면 왼쪽 하단의 톱니바퀴 모양의 '설정' 아이콘 이용 단축키 : Ctrl + , 이용 2. 검색창에 'indentation'을 검색합니다. Insert Spaces Tab Size 위 두개의 속성을 설정하여 들여쓰기 간격을 조정합니다. 3. Insert Spaces 이 항목이 체크되면..

VSCode의 Command Palette 를 이용하여 대문자를 소문자로, 소문자를 대문자로, 첫글자는 대문자, 나머지 글자는 소문자인 Title case 로 문자를 변환할 수 있습니다. 대문자로 변환(Uppercase) 1. 대문자로 변환하려고 하는 텍스트 영역을 선택합니다. 2. Ctrl + Shift + P 단축키로 Command Palette를 엽니다. 3. 'Transform to Uppercase'를 검색하여 선택합니다. 소문자로 변환 (Lowercase) 1. 소문자로 변환하려고 하는 텍스트 영역을 선택합니다. 2. Ctrl + Shift + P 단축키로 Command Palette를 엽니다. 3. 'Transform to Lowercase'를 검색하여 선택합니다. 첫글자는 대문자, 나머지는..