벌꿀오소리의 아카이브

HTML(HyperText Markup Language)은 JS같은 프로그래밍 언어가 아니라, 웹 페이지의 뼈대를 구성하는 마크업 언어이다. 우리는 HTML로 구성된 뼈대 위에 JavaScript로 기능을 구현하고, CSS로 스타일을 입히게 된다. 구분하자면 아래와 같다. HTML : 구조(structure) 웹페이지의 구조를 담당하는 마크업 언어 CSS : 스타일(Presentation) 디자인 요소를 시각화하는 스타일시트 언어 JavaScript : 상호작용(Interaction) 웹페이지를 유저와 상호작용하게 만드는 프로그래밍 언어 HTML? HyperText Markup Language의 약자 웹페이지의 틀을 만드는 마크업 언어 html이라는 확장자를 사용 부등호기호로 묶인 태그들의 집합 태그는 ..

반복문(Loop)은 같거나, 비슷한 코드를 여러 번 실행시켜야 할 때 사용하는 구문이다. 단순 기능을 반복하거나, 특정 조건에 따라 코드를 실행시킬 수 있다. 만약 숫자 1부터 순서대로 2를 더하고, 더한 값에 3을 더하고, 더한 값에 4를 더한다고 생각해보자. 단순히 생각하면 같은 구문을 계속 쓰면 되겠지만, 이런 조건식이 늘어나면 수정을 하거나 오류를 찾는 게 더 어려워진다. let sum = 1; sum = sum + 2; sum = sum + 3; sum = sum + 4; console.log(sum) 이를 위해 사용하는 것이 반복문이다. 위 내용을 아래처럼 풀어 써 보자. let sum = 1; sum = sum + n; // sum과 숫자n의 합을 sum에 대입한다 let n = 2; // ..

문자열(string)은 일상생활에서 확인 가능한 모든 글자의 나열이다. 코드와 의도한 문자열을 구분하기 위해 작은따옴표('')를 사용한다. 문자 하나는 character이며, char이라는 축약어로 부르기도 한다. 문자열의 특징 문자열에 있는 문자 하나하나는 배열에 접근하듯이 접근할 수 있다. 0은, 첫번째 글자, 1은 두번째 글자인 식으로. 만약 문자 수보다 긴 배열로 접근하면 값은 undefined를 나타낸다. 이 방법은 읽을 수만 있고, 변경시킬 수는 없는 방법이다. let word = 'hello world'; console.log(word[0]); // 'h' console.log(word[3]); // 'l' console.log(word[15]); // undefined 문자열은 '+' 연산..

조건문 조건문은 불리언 타입인 true 또는 false로 판명될 수 있도록 어떠한 조건을 판별하는 기준을 만든다. 📌 비교 연산자(Comparison Operators) > : 초과 = : 이상 2) // false, 3이 2보다 큰 것은 참이기 때문에 그값을 반전시킨 false !undefined // 할당되지 않은 값은 false로 취급되는 값. 때문에 이를 반전시키면 -> true !'Hello' // 비어있지 않은 문자열은 모두 true로 취급되는 값. 때문에 이를 반전시키면 -> false 📌 falsy 값 if문에는 실행되지 않는 6가지 falsy 값이 존재한다. false null : 값이 없다는 의미 undefined : 정의되지 않은 값 0 : 숫자 0 NaN : nathe..

변수 JavaScript에서는 데이터를 편하게 저장하고 꺼내 쓰기 위해 데이터에 이름을 붙일 수 있다. 바로 이 이름은 변수라고 하며, 오늘은 개발자다운 표현으로 '변수를 선언하고 값을 할당하는 방법'에 대해 배워보자. 📌 변수 사용하기 let age; // 변수 선언 age = 12; // 변수 할당 console.log(age * 2); // 최초 입력 코드 // console.log(12 * 2); 보관함에서 age에 할당된 데이터 가져오기 // console.log(24); 데이터로 계산 24 // 최종 출력 코드 📌 변수 유의사항 - 변수에서 사용하는 '=' 기호는 수학기호인 '같다'가 아닌, 할당 연산자이다. JS는 '같다'의 의미로 '==='을 사용한다. - 변수에는 공백을 사용할 수 없으며..