호다닥

break 문 만약 while 문의 조건부분과 상관없이 반복문에서 나오고 싶으면 break문을 쓰면 된다. var i = 100; while (true) { // i가 23의 배수면 반복문을 끝냄 if (i % 23 == 0) { break; } i = i + 1; } console.log(i); 115 continue 문 만약 현재 진행되고 있는 수행부분을 중단시키고 바로 조건부분을 다시 확인하고 싶으면 continue 문을 쓰면 된다. var i = 0; while (i < 15) { i = i + 1; // i가 홀수면 console.log(i) 안하고 바로 조건부분으로 돌아감 if (i % 2 == 1) { continue; } console.log(i); } 2 4 6 8 10 12 14

첫 번째 풀이 우선 1등과 2등에 해당하는 변수를 만들어 준다. 그리고 arr의 가장 첫번째 값을 초기값으로 지정해준다. var first = arr[0]; var second = arr[0]; arr의 두 번째 숫자부터 마지막 숫자까지 반복을 해주되, 그 안에서 1등과 2등을 매번 업데이트한다. arr[i]가 1등보다 크거나 같을 경우, 1등과 2등을 함께 업데이트 한다. arr[i]가 1등보다는 작지만 2등보다 클 경우에는 2등만 업데이트 해준다. for (var i = 1; i = first) { second = first; first = arr[i]; } else if (arr[i] > second) { second = arr[i]; } ..

우선 * 을 한 줄에 하나씩 출력한다. function printTriangle(height) { for (var i = 0; i < height; i = i + 1) { console.log('*'); } } // 테스트 코드 console.log('높이: 5'); printTriangle(5); console.log('높이: 3'); printTriangle(3); console.log('높이: 1'); printTriangle(1); 높이: 5 * * * * * 높이: 3 * * * 높이: 1 * 여기에서 *의 개수가 점점 많아지면 된다. 즉, for문이 반복될 때마다 text라는 변수에 *을 하나씩 추가하고 그 text를 출력하면 된다. function printTriangle(height) { ..

Array 배열의 길이 length 속성은 배열의 길이를 담고 있다. var brands = ['Apple', 'Coca-Cola', 'Starbucks']; console.log(brands.length); 3 배열에서 특정 값 찾기 문자열에서 썻던 indexOf가 배열에서도 똑같이 동작한다. array.indexOf(item) 을 하면 array 배열에 item이 포함되어 있는지 확인 할 수 있다. 만약 포함되어 있다면 item이 있는 인덱스가 리턴된다. 포함되어 있지 않다면 -1이 리턴된다. 여러번 포함되어 있으면 처음 발견된 인덱스가 리턴된다. var brands = ['Apple', 'Coca-Cola', 'Starbucks']; console.log(brands.indexOf('Starbuck..

Math 절대값 (Absolute Number) console.log(Math.abs(-10)); console.log(Math.abs(10)); 10 10 최댓값 (Maximum) console.log(Math.max(2, -1, 4, 5, 0)); 5 최솟값 (Minimum) console.log(Math.min(2, -1, 4, 5, 0)); -1 거듭제곱 (Exponentiation) console.log(Math.pow(2, 3)); console.log(Math.pow(5, 2)); 8 25 제곱근 (Square Root) console.log(Math.sqrt(25)); console.log(Math.sqrt(49)); 5 7 반올림 (Round) console.log(Math.round(2..

DOM (Document Object Model) : 자바스크립트로 웹 페이지를 제어하도록 해준다. document.getElementsByTagName() : 태그 이름으로 요소 찾기 document.querySelector() : 선택자 이름으로 요소 찾기 document.getElementsByClassName() : 클래스 이름으로 요소 찾기 document.getElementsById() : ID 이름으로 요소 찾기 → h1 태그를 가진 모든 요소들을 배열형태로 담은 다음 0번째 인덱스의 요소를 temp 변수에 넣는다. Event 이벤트는 웹페이지에서 사용자가 행한 행위에 반응하는 것을 의미한다. 일반적으로 빠르게 이벤트를 적용할 때는 인라인(inline) 방식을 사용한다. 체계적으로 이벤트 처..

부트스트랩 그리드 시스템 구성 컨테이너 (container) 행 (row) 열 (column) 기본규칙 행()은 꼭 컨테이너() 안에 넣어주세요. 열()은 꼭 행() 안에 넣어주세요. 오직 행만 열의 직속 자식이 될 수 있습니다. 콘텐츠(우리가 그리드에 넣고 싶은 내용)는 꼭 열() 안에 넣어주세요. 이 규칙들만 지켜도 예상치 못한 레이아웃이 나오지는 않을 것입니다! 기본사용법 부트스트랩 그리드에는 한 줄에 기본적으로 12칸의 열(column)이 있다고 생각하시면 됩니다. 예를 들어서 한 줄을 정확히 3등분하고 싶으면 네 칸을 차지하는 열 세 개를 쓰면 되는 거죠. 네 칸을 사용하는 열은 입니다. 아래의 코드에서는 다양한 방식으로 12칸을 나누어 보았다. first second third first se..

인라인 요소를(블록 요소로 바꾸지 않고) 가로 가운데 정렬 시키기 위해서는 부모 요소에게 text-align: center vertical-align 속성은 인라인 또는 인라인 블록 요소에 적용된다. 부모요소에 inline-block 속성에 세로 길이가 100%인 요소를 만들고 해당 요소를 vertical-align: middle을 하면 더 완전하게 세로 정렬을 가운데로 할 수 있다. 주의사항 어떤 요소에 height: 100%;를 설정하기 위해서는 부모의 height가 설정되어 있어야 합니다. 위 경우에는 .helper의 부모인 .container에 height가 설정되어 있었기 때문에 가능했던 것이다. .info를 인라인 블록으로 설정해주면, line-height 속성을 활용해볼 수도 있습니다. 부모..

1. 기본적인 Font종류 Font는 크게 5종류로 나뉘며, 빨간색 글씨는 font의 종류 아래의 글씨들을 해당 font 종류에 해당하는 대표 font의 이름이다. 2. Font 설정 font 설정은 위 예시처럼 하면 된다. font-family: 키워드 뒤에 사용하고자 하는 font의 이름을 넣고, 해당 font가 정상적으로 적용되지 않을 때 적용할 2번째 font를 적고, 2번째 폰트마저 적용이 되지 않으면 사용할 font의 종류를 적어주면 된다. font를 한가지만 적거나 font 종류만 적어도 해당 폰트가 정상적으로 적용가능한 환경이라면 폰트가 적용된다. 3. Font 파일 사용하기 fonts 폴더에 원하는 font파일을 다운로드 받은 후에 css 파일에서 @font-face 를 사용하여 다운로드..

Parcel Install Parcel advanced 한 CSS 코드들을 old CSS 로 complie하기 위한 module Ctrl+` 단축키를 이용하여 console 창을 띄운 후에 npm init -y 명령어를 입력하면 package.json 파일이 생성된다. 그럼 다시 console 창에 clear 명령어를 입력한다. package.json 파일의 scripts 코드를 지우고 parcel를 설치하기 위해 npm install -g parcel -bundler 명령어를 입력한다. parcel 설치가 완료되면 html 파일을 생성하고, 해당 html 파일에 css 파일을 연결시킨 후에, package.json 파일에서 "main" ~ 코드부분을 제거하고, 아래 빨간 박스 내부의 코드를 입력한다. ..