Will's Log

*아직 작성 중입니다. '문(statement)'에 대한 내용 추가 예정 자바스크립트를 배우며 맞이하게되는 용어는 자바스크립트만의 것이 아니라 컴퓨터 공학 대부분에서 사용되는 용어다. 용어에 대한 개념 이해는 개발자 간 커뮤니케이션 뿐만 아니라 문서 및 매뉴얼 작성에도 상당한 도움이 된다. 요즘 공부를 하며 용어에 대한 이해가 부족한 듯 싶어 정리하고자 한다. 개념을 이해한다는 것은 용어를 정확히 이해하고 설명할 수 있다는 것이다. 1. 값 값(value)은 식(표현식, expression)이 평가(evaluate)되어 생성된 결과를 말한다. 평가란 식을 해석해서 값을 생성하거나 참조하는 것이다. 아래 예제의 식은 평가되어 수자 값 30을 생성한다. 10+20; // 30 변수는 하나의 값을 저장하기 위..

안녕하세요, Will 입니다. 오늘은 배열(Array)의 forEach를 설명하도록 하겠습니다. 1. forEach 사용법 아래 코드를 보자 1 2 3 4 5 6 var arr = [1,2,3,4,2]; arr.forEach(function(element, index, all){ console.log(`${element}: ${index} :${all}`); console.log(this.ten); },{ten:10}); Colored by Color Scripter cs forEach문은 위와 같이 function을 Parameter로 가지며, 콜백 함수라고 한다. 콜백 함수는 배열의 element 하나 씩 읽어가며 호출된다. 즉 element 수(Length) 만큼 호출된다. 콜백 함수의 Parame..

일급 객체 다음과 같은 조건을 만족하는 객체를 일급 객체라 한다. 1. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 2. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 3. 함수의 매개변수에 전달할 수 있다. 4. 함수의 반환값으로 사용할 수 있다. 함수가 일급 객체라는 것은 함수를 객체와 동일하게 사용할 수 있다는 의미. - 즉 함수는 값을 사용할 수 있는 곳(변수 할당문, 객체의 프로퍼티 값, 배열의 요소, 함수 호출의 인수, 함수 반환문) 이라면 어디든지 리터럴로 정의할 수 있음. 런타임에 함수 객체로 평가됨. - 일급 객체로서 함수의 가장 큰 특징은 일반 객체와 같이 함수의 매개변수로 전달 가능하며, 함수의 반환 값으로 사용 가능하는 점임. 이는 함수형 프로그래밍을 가..

continue 문은 반복문의 코드 블록 실행을 현 지점에서 중단하고 반복문의 증감식으로 실행 흐름을 이동시킨다. break 문처럼 반복문을 탈출하지는 않는다. 아래는 string 값을 for문으로 돌며 search 값이 몇 개 있는지 확인해보는 코드이다. 'Hello World' 내 'l'이 3개 있으므로 count는 3이 된다. const string = 'Hello World.' const search = 'l' let count = 0 // 문자열은 유사 배열이므로 for문으로 순회할 수 있다. for(let i=0; i

오늘은 JavaScript Break 문에 대해 작성해보겠다. 앞서 포스팅한 반복문 페이지에서 switch 문과 while 문에서 살펴보았듯이 break 문은 코드 블록을 탈출한다. 좀 더 정확히 표현하자면 코드 블록을 탈출하는 것이 아니라 레이블 문, 반복문(for, for...in, for...of, while, do...while) 또는 switch 문의 코드 블록을 탈출한다. 그 외 break 문 사용 시 SyntaxError(문법 에러)가 발생한다. 아래와 같이 if문에 break를 사용하면 Syntax에러가 발생한다. if(true){ break; // Uncaught SyntaxError: Illegal break statement } 참고로 레이블 문이란 식별자가 붙은 문을 말한다. // ..

안녕하세요, Will 입니다. 오늘은 Javascript 반복문 개념에 대해 설명하겠습니다. 반복문 반복문은 조건식의 평가 결과가 참인 경우 코드 블록을 실행한다. 그 후 조건식을 다시 평가하여 여전히 참인 경우 코드 블록을 다시 실행한다. 이는 조건식이 거짓일 때까지 반복된다. 자바스크립트는 for, while, do...while 문을 제공한다. 1. for 문 for 문은 조건식이 거짓으로 평가될 때까지 코드 블록을 반복 실행한다. 가장 일반적으로 사용되는 for 문의 형태는 다음과 같다. 1 2 3 4 5 for(변수 선언문 또는 할당문; 조건식; 증감식) { 조건식이 참인 경우 반복 실행될 문; } cs 다음 예제는 for문이 동작하는 동안 로그를 찍는다. 0, 1은 조건식을 만족하고, 2가 되..

switch 문 switch 문은 주어진 표현식을 평가하여 그 값과 일치하는 표현식을 갖는 case 문으로 실행 흐름을 옮긴다. case 문은 상황을 의미하는 표현식을 지정하고 콜론으로 마친다. switch 문의 표현식과 일치하는 case문이 없다면 실행 순서는 default 문으로 이동한다. default 문은 선택사항으로, 사용할 수도 있고 사용하지 않을 수도 있다. switch(표현식){ case 표현식1: 표현식과 표현식1이 일치하면 실행될 문; break; case 표현식2: 표현식과 표현식2가 일치하면 실행될 문; break; default: 표현식과 일치하는 case문이 없을 때 실행될 문; } if...else문의 조건식은 불리언 값으로 평가되어야 하지만 switch 문의 표현식은 불리언 ..

if...else 문 if...else 문은 주어진 조건식의 평가 결과, 즉 논리적 참 또는 거짓에 따라 실행 할 코드 블록을 결정한다. 조건식의 평가 결과가 true일 경우 if 문의 코드 블록이 실행되고, false일 경우 else 문의 코드 블록이 실행된다. if (조건식) { // 조건식이 참이면 이 코드 블록이 실행된다. } else { // 조건식이 거짓이면 이 코드 블록이 실행된다. } *if문의 조건식은 불리언 값으로 평가되어야 한다. 만약 if문의 조건식이 불리언 값이 아닌 값으로 평가되면 자바스크립트 엔진에 의해 암묵적으로 불리언 값으로 강제 변환되어 실행할 코드 블록을 결정한다. *조건식을 추가하고 싶은 경우 else if문을 사용한다. if(조건식 1) { // 조건식 1이 참이면 ..

로또 번호 추첨 추첨 다시

CSS 중 font는 기본적인 내용이다. - font-family , font-size 속성 - font-style, font-weight, line-height 속성 - text-align, text-decoration 속성 font-family: 글씨체를 정할 수 있으며, 브라우저에 따라 지원이 되지 않을 경우 그 다음 글씨체로 시도한다. 설정한 것들이 모두 지원되지 않으면 브라우저 기본 글씨체로 표현된다. font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; // 왼쪽 글씨체부터 시도 된다. font-style: italic; // 기울임꼴로 표현됨. font-weight: 10px; or font-weight:bold; ..