일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 근지구력
- K 디지털 크레딧
- 시맨틱태그
- 무궁화분식
- 유연성
- 바이러스
- 칼국수맛집
- HTML
- 달리기
- 걷기
- 심폐지구력
- 송도커낼워크
- 비전공자개발자이야기
- 아이들이 좋아하는
- 마라탕맛집
- SementicWeb
- 서구맛집
- 근력
- 탄수화물
- 에너지원
- TypeORM
- SementicTags
- 부평파스타맛집
- 인천맛집
- 조깅
- 코로나19
- 청라맛집
- 심박수
- 다이어트
- 막창맛집
- Today
- Total
목록Developer/Langauge (50)
songin.dev님의 블로그
프로토타입 자바스크립트의 모든 객체는 자신의 부모 역할을 하는 객체와 연결되어 있다. 이것은 마치 객체지향의 상속 개념과 같이 부모 객체의 프로퍼티를 마치 자신의 것처럼 쓸 수 있는 것 같은 특징이 있다. 자바스크립트에서는 이러한 부모 객체를 프로토타입 객체(프로토타입)이라고 부른다. // 객체 생성 및 출력 var foo = { name: 'foo', age: 30 }; console.log(foo.toString()); // [object Object] console.dir(foo); // Object 앞 예제에서 생성한 foo 객체는 toString() 메서드가 없으므로 에러가 발생해야 하지만, 정상적으로 결과가 출력된다. 그 이유는 foo 객체의 프로토타입에 toString() 메서드가 이미 정의..
자바스크립트 참조 타입(객체 타입) 자바스크립트에서 숫자, 문자열, 불린값, null, undefined 같은 기본 타입을 제외한 모든 값은 객체다. 따라서 배열, 함수, 정규표현식 등도 모두 결국 자바스크립트 객체로 표현된다. 자바스크립트에서 객체는 단순히 '이름(key):값(value)' 형태의 프로퍼티들을 저장하는 컨테이너로서, 컴퓨터 과학 분야에서 해시(Hash)라는 자료구조와 상당히 유사하다. 자바스크립트에서 기본 타입은 하나의 값만을 가지는 데 비해, 참조 타입인 객체는 여러 개의 프로퍼티들을 포함할 수 있으며, 이러한 객체의 프로퍼티는 기본 타입의 값을 포함하거나, 다른 객체를 가르킬 수도 있다. 이러한 프로퍼티의 성질에 따라 객체의 프로퍼티는 함수로 포함할 수 있으며, 자바스크립트에서는 이..
자바스크립트 기본 타입 자바스크립트에서 기본 타입은 숫자, 문자열, 불린 값을 비롯해 null과 undefined라는 타입이 있다. 자바스크립트는 느슨한 타입 체크 언어다. 자바스크립트는 변수를 선언할 때 타입을 미리 정하지 않고, var라는 한 가지 키워드로만 변수를 선언한다. 이렇게 선언된 변수에는 어떤 타입의 데이터라도 저장하는 것이 가능하다. 따라서 자바스크립트는 변수에 어떤 형태의 데이터를 저장하느냐에 따라 해당 변수의 타입이 결정된다. // 숫자 타입 var intNum = 10; var floatNum = 0.1; // 문자열 타입 var singleQuoteStr = 'single quote string'; var doubleQuoteStr = "double quote string"; va..
자바스크립트란? 자바스크립트의 핵심 개념 자바스크립트와 객체지향 프로그래밍 자바스크립트와 함수형 프로그래밍 자바스크립트의 단점 새로 구입한 자바스크립트 입문서! 책이 너무 두껍지도 않고, 실습 위주의 책보다는 개념 하나하나를 이해하고 적용하는 게 나의 공부 방식과 맞는 거 같다는 생각이 들어서 구매하였다. 자바스크립트란? 자바스크립트는 웹 브라우저에서 동작하는 스크립트 언어이다. 초창기 자바스크립트는 웹 페이지 제작에 있어서 보조적인 기능을 수행하기 위한 용도로써 사용했으며, 대부분의 로직은 주로 웹 서버에서 실행되었고, 클라이언트인 웹 브라우저에서는 서버로부터 받은 HTML과 CSS, 데이터로 렌더링을 해주는 수준이었다. 이후 발전을 거듭하여 현재는 더욱 많은 영역에서 사용되고 있다. 특히, Node...
타이머 사용하기_로또 추첨기 로또 추첨기를 만들기에 앞서 비동기의 개념을 짚고 넘어가야 한다. 비동기란 동기의 반대말로, 실제로 코딩한 순서와 다르게 작동하는 코드를 비동기 코드라고 한다. 이벤트 리스너가 대표적인 비동기 코드이다. 규칙은 1~45까지의 임의의 숫자를 1초에 하나씩 공개하며, 마지막 공은 보너스 공이 된다는 아주 간단한 규칙! 순서도 그리기 순서도 스스로 자꾸 작성해보기! 코드 작성 추첨 결과는? 보너스: i + 1); 1~45까지의 숫자를 추첨하는 코드 candidate라는 변수에 배열의 메서드를 사용 45개의 배열을 생성하고, map의 값이 하나씩 배열에 저장되는 느낌...ㅎㅎ이라고 이해하고 있음. 준비된 45개의 숫자를 candidate에서 무작위로 하나씩 꺼내 빈 배열(shuffl..
반복문을 이용하여 숫자 야구 게임 만들기 게임 규칙은 이렇다. 컴퓨터와의 가상대결이며, 랜덤으로 구성된 0~9까지의 4개의 숫자를 10번안에 맞추는 게임이다. 게임을 만들기에 앞서 순서도를 그려본다. 머릿속으로 자유롭게 그려질때까지는 가급적 직접 쓸 것을 권장... Let's Get IT 자바스크립트 프로그래밍 책을 보며 배껴서(?) 완성한 코드 확인 Document.querySelector()는 선택자로 문서에 있는 html 코드를 가져오는 기능을 한다.(맞나..,?) 그 외에 if문과 for문 함수를 적절히 이용하여 작성.. 다음에는 조금 더 구체적으로 적자. ^^
순서도 그리기 HTML 화면 만들기 값 입력받아 변수에 저장하기 HTML 태그 선택하기 태그에 이벤트 달기 순서도 그리기 끝말잇기 게임을 만들기에 앞서 게임의 순서도를 머릿속에 생각나는 대로 적어보자. 1. 게임에 참가할 인원을 정한다. 2. 참가자의 순서를 정한다. 3. 첫 번째 참가자가 제시어를 말한다. 4. 다음 참가자는 앞선 참가자의 마지막 글자로 시작하는 단어를 말한다. 5. 단어가 맞는지 확인한다. 6. 올바르다면 4번으로 돌아간다. 7. 올바르지 않다면 틀렸다고 표시하고 게임을 종료한다. 처음부터 모든 가능성을 고려하기는 어렵기 때문에, 절차를 생각나는 대로 만들어 놓고 차차 보완해 나가는 것이 좋다. 프로그램 절차를 만들 때의 원칙 1. 프로그램 절차의 개수는 정해져 있어야 한다. 2. 각..
객체 객체 객체(object)는 자료형의 일종으로 다양한 값을 모아 둔 또 다른 값입니다. 객체의 종류는 크게 배열(array), 함수(function), 배열이나 함수가 아닌 객체로 나눌 수 있다. 배열 const fruits = ['사과', '오렌지', '배', '딸기']; 배열을 만들려면 대괄호 [ ]로 값들을 감싸면 됩니다. 각각의 값은 쉼표로 구분합니다. 배열 이름 뒤에 불러오고 싶은 값의 자릿수를 적어주면 배열 내부의 값을 개별적으로 불러올 수도 있습니다. 프로그래밍에서는 이런 자릿수를 인덱스(index)라고 합니다. const fruits = ['사과', '오렌지', '배', '딸기']; console.log(fruits[0]); // 사과 console.log(fruits[1]); // 오..
반복문 반복문 컴퓨터는 반복적인 작업을 하는데 매우 효율적입니다. 모든 프로그래밍 언어는 반복을 처리하는 반복문을 가지고 있습니다. 조건문과 더불어 가장 많이 쓰이는 문입니다. while 문으로 Hello, while! 100번 출력하기 while (조건식) { 실행문; } while 문은 조건식이 참인 동안 반복해서 실행문을 실행합니다. if 문과 마찬가지로 실행문이 하나더라도 중괄호로 묶는 것을 권장합니다. while(true) { console.log('Hello,while!'); } // 무한반복 위의 코드는 while 문의 조건식이 참이므로 무한히 실행됩니다. 실제로 실행하면 어느 순간 웹 브라우저가 멈추게 되고, 다른 일을 할 수가 없게 됩니다. 이 같은 문제가 발생하지 않기 위해 프로그래밍할..
조건문 조건문 조건문은 주어진 조건에 따라 코드를 실행하거나 실행하지 않는 문입니다. if 뒤에 나오는 소괄호 안에 조건(식)을 넣고, 다음 줄에 실행문을 넣으면 됩니다. 들여쓰기는 중요하지 않지만 보기 좋게 두 칸을 띄어 씁니다. if (조건식) 실행문; 조건문은 조건식과 실행문으로 구분됩니다. 조건식이 참인 값이면 내부의 실행문이 실행되고, 거짓인 값이면 실행문이 실행되지 않습니다. 만약 실행문이 둘 이상이면 실행문들을 중괄호로 감쌉니다. if (조건식) { 실행문1; 실행문2; 실행문3; } if(true) { console.log('Hello, if!'); } // Hello, if! if(false) { console.log('Hello, if!'); } // 출력결과 없음 조건식이 true는 ..