오늘은 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) 이 작동한다. 그 중에서 ..

오늘은 02 - 3장의 내용을 정리해 보자. 02 - 3장의 제목은 '자료형 변환'으로, 자료를 입력받고 변환하는 함수들에 대해 설명하고 있다. 조금 생소한 내용들이 나오니까 잘 정리하도록 해야겠다. 그럼 정리 시작! 문자열 입력 문자열 자료형을 입력할 때 사용하는 함수는 prompt() 이다. prompt(메시지 문자열, 기본 입력 문자열) prompt() 함수의 사용 예제 prompt의 첫 번째 매개변수는 경고창 안에 띄울 메시지, 두 번째 매개변수는 입력창 안에 기본으로 적혀있을 문구임을 알 수 있다. prompt() 처럼 함수를 실행한 후 값을 남기는 것을 리턴이라고 표현한다. 불 입력 불 자료형일 입력받을 때는 confirm() 함수를 사용한다. confirm(메시지 문자열) confirm() ..

오늘은 02 - 2장의 내용을 정리해 보자. 02 - 2장의 제목은 '상수와 변수'이다. 아주 특별한 내용은 없었지만 그래도 눈여겨봐야 할 개념들이 제법 나온다. 그럼 정리 시작! 상수와 변수? 상수는 '한 번 값을 넣으면 꺼낼 수 없는 모든 면이 막힌 유리 상자'라고 생각하면 되고, 변수는 '위가 뚫려 있어서 값을 꺼내서 버리고 다시 넣을 수 있는 유리상자'라고 생각하면 된다. 이렇게 말하면 값을 바꿀 수 있는 변수가 더 좋아 보이지만, 실제로는 상수가 훨씬 많이 사용된다. 모든 면이 막힌 유리 상자와 같은 상수는 쌓아서 저장할 수 있으므로 저장 효율이 좋지만, 위가 뚫려있는 변수는 쌓아 둘 수가 없어서 저장 효율이 나쁘다고 생각하면 이해하기 쉽다. (오!) 상수 const 키워드로 다음과 같이 선언한..

오늘은 02 - 1장의 내용을 정리해보자. 02 - 1장의 제목은 '기본 자료형'으로, 가장 기본적이면서도 가장 많이 사용되는 '자료형'에 관해서 설명하고 있다. 솔직히 '자료형? 다 아는 내용이겠지...'하고 접근했는데 전공을 하고 있는 사람이더라도 빠졌을 만한 개념들에 대해서 잘 짚어주고 있어서 공부가 많이 됐다. 그럼 정리 시작! 문자열 자료형 문자들의 집합을 문자열이라고 한다. 자바스크립트에서는 문자가 하나든 여러 개든 모두 문자열 자료형이라고 한다. (C++의 경우를 생각해보면 문자가 하나일 때는 char를 쓰고, 일련의 문자(문자열)를 쓸때는 string을 사용하는데 이 부분에 차이가 있음을 설명하는 것 같다. C언어에서는 문자열이 본질적으로 널 문자('\0')로 끝나는 문자 배열 char[]..

와! 드디어 1주차 미션을 시작할 때가 왔다! 친한 친구들 말고는 내 블로그 링크를 아무도 모르는데, 이번 글은 다른 사람이 볼 수도 있다고 생각하니 살짝 긴장된다. 어디 내놔도 창피한 내 블로그... 아니 처음부터 잘하는 사람이 어딨어? 철판 깔고 시작하자! (공부한 내용 정리는 '혼공학습단' 카테고리를 확인하시면 되겠습니다.) 기본 미션 vscode 에서 test.html을 만들고 다음과 같이 작성해주면 끝! test.html을 실행 하면 'Hello World'가 alert 창을 통해 출력되는 것을 확인할 수 있다. 선택 미션 1. 인터넷을 돌아니면서 보았던 쉽게 사용할 수 있고 기능이 많다고 느꼈던 웹 사이트를 5개 정도 적어보세요. 네이버 (검색 엔진, 뉴스, 블로그, 이메일, 지도, 등..) ..

오늘은 01 - 3장의 내용을 정리해보자. 01 - 3장의 제목은 '알아두어야 할 기본 용어'로, 자바스크립트를 본격적으로 알아보기 전에 자바스크립트와 관련된 기본적인 용어들을 설명해주고 있다. 기본 용어라고 해서 만만하게 보았는데 생각보다 생소한 용어가 많아서 당황스러웠다! 밑 빠진 독이 되지 않도록 기초부터 확실하게 정리해보도록 하자. 표현식과 문장 자바스크립트에서 값을 만들어내는 간단한 코드를 표현식이라고 부른다. 273 10 + 20 + 30 * 2 'RinIanTta' 하나 이상의 표현식이 모이면 문장이 된다. 문장을 구분할 때에는 세미콜론(;)을 사용해도 되고, 줄바꿈을 사용해도 되고, 두가지를 모두 사용해도 된다. 하나의 표현식도 문장이 될 수 있고, 이러한 문장이 모여서 프로그램을 이룬다...