오늘은 04 - 2장의 내용을 정리해 보자. 04 - 2장의 제목은 '반복문'으로, 컴퓨터에 반복을 지시하는 방법에 대해 다루고있다. 익숙하게 사용해왔던 반복문과는 조금 다르니까 헷갈리지 않게 정신 바짝차리고 정리하도록 하자. 그럼 정리 시작! for in 반복문 for in 반복문은 배열 요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용한다. for in 반복문은 기본 형태 이외에도 여러가지 코드를 추가해서 사용해야 안정적으로 쓸 수 있는 조금 위험한 반복문이다. for of 반복문 for in 반복문은 반복 변수에 인덱스가 들어간다. 그래서 반복문 내부에 요소를 사용하려면 fruits[i]와 같은 형태로 사용하며, 안정성을 위해 몇 가지 코드를 더 추가해야했다. 그래서 등장한 것이 for of 반복..

오늘은 04 - 1장의 내용을 정리해 보자. 04 - 1장의 제목은 '배열'로, 여러 자료를 묶어서 활용할 수 있는 특수한 자료 '배열'에 관해 설명하고 있다. 중요한 개념, 익숙하지 않은 개념들이 많이 등장해서 정리가 좀 길어질 것 같다...! 마음 다잡고 시작하자. 그럼 정리 시작! 배열 만들기 배열은 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형이다. 배열 내부에 들어 있는 값을 요소라고 한다. 대괄호를 사용하여 생성하고 쉼표로 구분하여 입력한다. 어떠한 종류의 자료형도 배열의 요소가 될 수 있다. > const array = [273, 'String', true, function () {}, {}, [273, 103]] undefined > array (6) [273, 'String', ..

2주차를 정리하는 시점이 되었다. 2주차는 조건문의 기본 개념과 조건문을 좀 더 맛있게(?) 활용하는 방법을 맛보기 느낌으로 배웠다. 책을 통해 배우는 것도 있지만, 페이스북 스터디 그룹에서 다른 사람들의 블로그를 구경하면서 배우게 되는 것도 많았다. 다음에 다른 공부를 할 때 참고할만한 좋은 리소스를 얻을 수 있었고, 느슨해지지 않기 위한 동기부여도 많이 된 것 같다. 오늘도 1byte 성장해보자! (공부한 내용 정리는 '혼공학습단' 카테고리를 확인하시면 되겠습니다.) 기본 미션 p.139의 확인 문제 3번 문제 풀고 완전한 코드 만들어 비쥬얼 스튜디오 코드에서 실행 결과 인증하기 문제: 중첩 조건문은 2장에서 배운 논리 연산자를 적용해 하나의 if 조건문으로 만들수 있습니다. 빈칸에 어떤 논리 연산자..

오늘은 03 - 2장의 내용을 정리해 보자. 03 - 2장의 제목은 'switch 조건문과 짧은 조건문'으로, 조건문을 맛있게 사용하는 법에 관해서 설명하고있다. 외워야하는 것은 몇 가지 없지만 활용되는 영역이 고정적인 코드들이 등장하니까 해당 부분을 꼭 짚고 넘어가야 한다. 그럼 정리 시작! Switch 조건문 switch (자료) { case 조건A: break case 조건B: // 조건A가 '거짓'이고 조건B가 '참'일때 break default: // 생략가능 break } if 문을 switch 문으로 전환할 수 있는데, 범위를 조건으로 가지는 if 조건문을 switch 조건문으로 대체하기는 어렵다. 재미있는 예제가 있으니 참고하고 넘어가면 좋을 것 같다. DOCTYPE html> Docume..

오늘은 03 - 1장의 내용을 정리해 보자. 03 - 1장의 제목은 'if 조건문'으로, 자바스크립트에서 가장 일반적인 조건문인 if 조건문에 대해 설명하고 있다. 쉬우면서도 많이 사용되는 구문이니 예제를 잘 정리해야겠다. 그럼 정리 시작! 조건 분기? 조건문을 사용하면 조건에 따라 코드가 실행될 수도 있고 실행되지 않을 수도 있다. 이처럼 코드가 실행되는 흐름을 변경하는 것을 조건 분기라고 부른다. if 조건문 조건에 따라 코드를 실행하거나 실행하지 않도록 하기 위해 사용하는 구문 else 구문 if 조건문 뒤에 사용하며, if 조건문이 거짓일 때 사용 중첩 조건문 조건문을 중첩해서 사용하는 경우 if else if 조건문 중첩 조건문에서 중괄호를 생략한 형태로, 겹치지 않는 3가지 이상의 조건으로 나..

오늘은 02 - 3장의 연습문제를 풀이해 보자. 02 - 3장의 연습문제는 간단하게 손코딩을 해보면서 02장의 중요한 개념들을 복습할 수 있기 때문에 꼭 정리하고 넘어가야겠다고 생각했다. 그럼 정리 시작! 3번 사용자로부터 숫자를 입력받아 cm를 inch 단위로 변환하여 출력하는 프로그램을 만들어 보세요. 1cm는 0.393701inch로 변환할 수 있습니다. DOCTYPE html> Document const cm = prompt('cm 단위의 숫자를 입력해주세요') const inch = Number(cm) * 0.393701 alert(`${cm}cm는 ${inch}inch 입니다.`) 새 html 파일을 만들어서 html을 입력하면 자동완성 기능(ctrl + space) 이 작동한다. 그 중에서 ..