hkuspdg의 등록된 링크
hkuspdg로 등록된 네이버 블로그 포스트 수는 382건입니다.
[jQuery] 문서 객체의 클래스 속성 추가/제거/확인 [addClass(), removeClass(), hasClass()], 문서 객체 제거 [remove()] [내부링크]
addClass() 메서드는 문서 객체에 클래스 속성을 추가할 때 사용하는 메서드입니다. 다음과 같이 코드를 작성하여 살펴보겠습니다.코드를 저장하고 실행하면 다음과 같습니다.두 개의 클래스가 추가되어 붉은색 글씨로 가운데 정렬되는 h1 태그를 확인할 수 있습니다. 요소 검사를 통해 요소를 확인하면, 이 h1 태그에 red-text와 header라는 class가 적용되었다는 것을 확인할 수 있습니다.이번에는 class를 제거하는 방법을 살펴보겠습니다. removeClass() 메서드를 이용하여 class를 제거할 수 있습니다. 이번에는 setTimeout()을 이용하여 class 속성 추가가 실행되고 2초 후에 class를 제거하는 코드를 작성하였습니다.코드.......
[jQuery] 문서 객체 삽입과 이동 [append(), prepend(), after(), before()] [내부링크]
문서 객체가 이미 화면에 붙은 상태에서 다른 곳으로 넣게 되면 이동이 되는 것이며, 화면 밖에 있는 문서 객체를 화면에 추가하게 되면 문서 객체 삽입이 됩니다. 큰 틀에서는 같은 의미라고 생각해 주시면 되겠습니다. 문서 객체를 이동하거나 삽입할 때는 4가지 이름의 메서드를 2가지 형태로 사용합니다. 일단 이름을 살펴보면 before(), prepend(), append(), after()가 있습니다. 어떤 대상이 있을 때 이 내부의 앞쪽에 붙이는지, 뒤쪽에 붙이는지, 그리고 어떤 대상의 형제 위치의 앞에 붙이는지, 뒤에 붙이는 지로해서 4가지 방법이 있습니다.before()prepend()대상append()after()이 메서드들은 첫 번째로 다음과 같은 형태의 이.......
[혼공스] 배열 [배열 만들기, 배열 요소 접근하기, 배열 요소 개수 확인하기] [내부링크]
#혼자공부하는자바스크립트숫자, 문자열, 불과 같은 자료는 하나의 값만 가질 수 있어 여러 개의 자료를 저장하려면 변수를 여러 개 선언해야 하는 불편함이 있습니다. 이러한 불편함을 해결하기 위해 나온 것이 배열입니다.배열array은 여러 자료를 묶어서 활용할 수 있는 특수한 자료입니다. 문자열을 알면 조금 더 쉽게 이해할 수 있습니다.문자열 인덱스와 length 속성은 배열에서도 똑같이 사용됩니다.배열 만들기배열은 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형입니다. 배열은 대괄호[ ]를 사용해 생성하고 내부의 값을 쉼표(,)로 구분해 입력합니다. 배열 내부에 들어 있는 값을 요소element라고 합니다. 어떠.......
[혼공스] 배열 요소 추가, 제거하기 [내부링크]
#혼자공부하는자바스크립트배열 뒷부분에 요소 추가하기배열 뒷부분에 요소를 추가할 때는 push() 메서드를 사용합니다.배열.push(요소)배열을 만들고 push() 메서드를 사용해서 요소를 추가해보겠습니다.자바스크립트에서 배열의 길이는 고정이 아닙니다. 다음과 같이 3개의 요소를 가진 배열을 만든 뒤, 10번째 인덱스에 요소를 강제로 추가할 수 있습니다. 이때 4~9번째 인덱스는 아무것도 없는 empty가 됩니다.인덱스로 요소를 추가하는 방법을 활용하면 다음과 같이 length 속성을 사용하여 배열의 마지막 위치에 요소를 추가할 수 있습니다.배열 요소 제거하기배열에 요소를 추가하는 방법을 알아봤으니 이번에는 배.......
[CSS] float 속성을 사용한 레이아웃 구성 [내부링크]
float 속성을 사용하여 레이아웃을 구성해보겠습니다. 다음과 같은 레이아웃을 만들며 살펴보겠습니다.레이아웃을 구성할 때 자주 사용하는 공식은 다음과 같습니다.자손에 float 속성을 적용하면 부모의 overflow 속성에 hidden 키워드를 적용합니다.코드를 작성하며 알아보겠습니다. 우선 기본적인 페이지를 구성합니다.레이아웃의 내용을 입력합니다.코드를 저장하고 실행하면, 다음처럼 출력합니다.이번에는 스타일을 사용하겠습니다. body 태그에 width 속성을 사용하고 margin-left 속성과 margin-right 속성에 auto 키워드를 적용하면 자동으로 중앙 정렬됩니다.코드를 저장하고 실행하면 중앙 정렬된 웹 페이지를 출.......
[CSS] clear: both를 사용한 레이아웃 [내부링크]
레이아웃 구성 방법으로 clear: both가 있습니다. clear: both를 사용하면 float으로 일그러진 레이아웃을 쉽게 초기화할 수 있습니다.이전에 다뤘던 float 속성을 이용한 레이아웃과 같은 형태의 레이아웃을 만들어보겠습니다.다음 코드처럼 div 태그의 형태를 잡아줍니다. 이전의 float 속성을 사용했던 것과 차이점이라면 #aside 태그와 #section 태그를 따라 감싸주지 않았다는 점입니다. clear: both를 사용해 레이아웃을 잡을 때는 이처럼 사용할 수 있습니다.이어서 가로로 자를 수 있는 부분에<div class="clear"></div>를 넣어줍니다.이 태그들에 clear: both를 적용할 텐데요. 이전에 언급했던.......
[CSS] shadow 속성 [text-shadow 속성, box-shadow 속성] [내부링크]
그림자 속성은 태그에 그림자를 부여해 주는 스타일 속성입니다.text-shadow 속성text-shadow 속성은 글자에 그림자를 부여하는 스타일 속성입니다. 다음과 같은 형태로 값을 적용합니다.코드를 입력해서 글자에 그림자를 생성해보겠습니다.코드를 실행하면 다음과 같습니다.box-shadow 속성box-shadow 속성은 박스에 그림자를 부여하는 속성입니다. 다음과 같은 형태로 값을 적용합니다.참고로 말씀드리면흐림도와 색상 사이에 inset 키워드를 적용하면 그림자가 태그 안쪽으로 생성됩니다. 잠시 후에 살펴볼 CSS3 Generator를 사용하면 쉽게 생성할 수 있습니다.코드를 입력하여 box-shadow 속성을 사용해보겠습니다........
[CSS] 그레이디언트 [Ultimate CSS Gradient Generator] [내부링크]
그레이디언트는 2가지 이상의 색상을 혼합해서 채색하는 기능입니다. 예를 들어 아래의 그림을 보시면 위 부분은 빨간색이고 중간은 노란색 아래쪽은 파란색이 혼합되어 있습니다. 이를 그레이디언트라고 부릅니다.포토샵 같은 그래픽 툴이라면 그레이디언트 기능을 사용해 간단하게 만들 수 있습니다. 하지만 CSS3 이전의 웹은 그레이디언트를 지원하지 않았기에 그림을 그려 배경 이미지로 넣었습니다. 하지만 CSS3는 그레이디언트 기능을 지원합니다. 약간 어려운 내용이라서 그레이디언트를 간단하게 만들 수 있는 툴을 사용해 그레이디언트를 만들고 알아보겠습니다.Ultimate CSS Gradient Generator의 왼쪽에서 원하는 형태의 그레.......
[jQuery] 문서 객체 조작 [Setter, Getter] [내부링크]
이전 포스팅에서 h1 태그를 만들고 선택자로 지정하여 css() 메서드와 html() 메서드를 활용하였습니다.css() 메서드, html() 메서드는 사용 방법이 굉장히 다양합니다. 간단하게 한 번 살펴보겠습니다. 우선 가장 먼저 기억해 주셔야 하는 것은 이 메서드들을 Setter 형태와 Getter 형태로 사용할 수 있다는 것입니다. 이전에 알아보았던 css() 메서드를 활용해서 알아보겠습니다.일단 Setter 형태는 값을 지정할 때 사용한다고 생각하시면 되겠습니다. 이전 포스팅에서 h1 태그의 color를 red로 바꾸기 위해 css 속성을 변경했습니다.여기에서 매개 변수를 하나 제거해 주시면 Getter로 작동해서 color 속성을 추출하여 출력하게 됩.......
[jQuery] attr( ) 메서드 [내부링크]
이번 포스팅에서는 attr() 메서드에 대해서 알아보겠습니다.attr은 attribute의 줄임말이라고 할 수 있습니다. 따라서 속성을 지정할 때 사용하는 메서드입니다. 이 attr 메서드를 h1 태그가 아닌 img 태그로 변경해서 살펴보겠습니다. 일단 img 태그에서 기본적으로 setter 할 수 있는 속성은 src 속성입니다. 우선 다음과 같이 코드를 작성하였습니다.그리고 Getter도 같이 사용하도록 하겠습니다. 이전에 살펴보았듯이 Getter는 매개변수를 하나 생략하면 됩니다.우선 코드를 저장해서 실행해보겠습니다.첫 번째로 경고창이 실행되고 다음으로 이미지도 3개가 src 속성이 들어가 있는 모습을 확인할 수 있습니다. 이것을 요소 검.......
[jQuery] html( ) 메서드 [내부링크]
이번 포스팅에서는 html() 메서드에 대하여 알아보겠습니다. html() 속성은 매개 변수를 하나만 지정하게 됩니다. h1 태그를 이용하여 알아보겠습니다. 다음과 같이 코드를 작성하면 모든 h1 태그가 동시에 변경되게 됩니다.코드를 실행하면 다음과 같습니다.html() 메서드는 문자열을 지정할 뿐이어서 객체로 지정하는 것은 불가능합니다. Getter 같은 경우에는 매개 변수를 하나 생략하면 되기 때문에, h1 태그에 html()을 바로 입력하시면 됩니다. 다음과 같이 코드를 입력하고 실행하면 첫 번째 Hello jQuery를 출력하게 됩니다.코드를 저장하고 실행합니다.Setter에는 함수도 입력할 수 있습니다. 이전 내용들과 마찬가지로.......
[자바스크립트] 예외 강제 발생 [throw 키워드] [내부링크]
필요한 경우에는 예외를 강제로 발생시켜야 하는 상황이 있습니다. 예외를 강제로 발생시킨다는 것은 오류를 실행 중에 강제로 일으킨다는 뜻입니다.예를 들어 두 개의 alert() 사이에 throw를 입력하고 뒤에 문자열로 "Test Error"라고 입력하면 첫 번째 alert("Hello")를 실행하고 두 번째 alert("Hello")는 실행되지 않는 것을 확인할 수 있습니다.이것은 중간에 throw 키워드를 사용해서 예외를 강제로 발생시켰기 때문에 오류가 발생해서 뒤의 코드가 실행되지 않는 것이라고 할 수 있습니다.예외를 강제로 발생시킬 때는 throw 키워드를 사용한다는 것을 확인하였습니다. 그럼 이 throw 키워드를.......
[자바스크립트] 외부 자바스크립트 파일 [내부링크]
지금까지는 자바스크립트 코드를 모두 HTML 페이지 내부에 작성했습니다. 간단한 프로그램은 HTML 페이지 내부에 스크립트를 적는 것이 문제가 되지 않지만, 프로그램의 규모가 커질수록 파일을 잘 구분해 정리해야 합니다. 이럴 때 사용하는 것이 바로 외부 자바스크립트 파일입니다.우선, 새 파일을 만들 때 HTML 페이지 이외에 다음과 같이 JavaScript 파일을 만듭니다.HTML 페이지와 마찬가지로 저장합니다. JavaScript 파일 이름을 script.js로 현재 HTML 페이지가 있는 폴더에 저장합니다.자바스크립트 파일을 만들면 빈 페이지가 뜨는데, 이곳에 다음처럼 코드를 입력합니다.이제 HTMLPage.html 페이지를 작성합니다.외.......
[jQuery] 사용 설정 [내부링크]
jQuery를 사용하기 위해서는 jQuery.com 사이트로 접속이 필요합니다.사이트에 접속하면 화면 오른쪽에 다운로드 버튼이 있습니다. 버튼을 클릭하시면 jQuery를 다운로드하실 수 있습니다.compressed 버전과 uncompressed 버전을 제공하고 있습니다.파일의 종류compressed production 같은 경우는 소스 코드를 보셨을 때 아래와 같이 압축이 되어 있어서 용량을 굉장히 줄인 파일이라고 보시면 되겠습니다. 이렇게 소스 코드가 모두 붙어 용량을 줄이는 것을 지핑(Zipping)이라고 합니다.반대로 uncompressed development 같은 경우는 소스 코드를 보시면 들여 쓰기가 정상적으로 되어 있고 변수 이름 등도 압축이 이루어지지 않.......
[jQuery] 객체 [문서 객체 선택과 생성] [내부링크]
자바스크립트에서 문서 객체를 알아볼 때 script 태그에서 문서 객체를 조작하기 위해서는 두 가지 방법이 있다고 알아보았습니다.첫 번째는 window.onload = function () {} 사용하고 두 번째는 script 태그를 body 태그의 가장 아래쪽에 입력해서 마지막에 실행되게 하는 것이었습니다.제이쿼리에서는 이를 활용하기 위해서 다음과 같은 형태를 사용하게 됩니다. 아직 제이쿼리를 배워보진 않았지만, 아래의 두 코드는 같은 기능을 한다는 것을 기억해 주시면 좋겠습니다.제이쿼리 객체에 대하여 알아볼 텐데요. 제이쿼리 객체는 $ 이 달라 표시 함수로 만들게 되는 리턴 값을 의미합니다. 참고적으로 $ 이 기호는 jQuery 코.......
[CSS] 위치 속성 [ position 속성, absolute 키워드, z-index 속성 ] [내부링크]
프로그램을 개발할 때는 요소의 위치를 2가지 방법으로 설정합니다.→ 절대 위치 좌표 : 요소의 X 좌표와 Y 좌표를 설정해 절대 위치를 지정합니다.→ 상대 위치 좌표 : 요소를 입력한 순서를 통해 상대적으로 위치를 지정합니다.위치 속성을 처음 접하면 머릿속이 복잡할 수 있습니다. 일반적인 예를 들어보면 절대 위치 좌표는 드래그해서 만들 수 있으므로 상대 위치 좌표보다 개발하기가 수월합니다. 하지만 상대 위치 좌표가 더 많이 사용됩니다. 그 이유는 안드로이드폰은 다양한 회사에서 만들므로 화면의 해상도가 다양합니다. 따라서 안드로이드는 상대 위치 좌표를 사용해 개발합니다. HTML 페이지도 사용자가 다양한 화면 크기로.......
[CSS] 위치 속성 [ 위치 속성과 관련된 공식 ] [내부링크]
위치 속성을 사용할 때는 몇 가지 공식이 있습니다. 이번 포스팅에서는 그러한 공식에 대하여 알아보겠습니다. 중요한 공식이라서 기억해 주시면 좋겠습니다. 위와 같이 코드를 작성하고 실행하면 다음과 같은 결과가 나오게 됩니다.위 결과물에는 2가지 문제가 있습니다.1. h1 태그 2개가 붙어 있습니다. (div 태그도 대표적인 블록 레벨 엘리먼트인데 영역을 차지하고 있지 않습니다.)2. 색상이 적용된 상자가 자신의 부모를 기준으로 위치를 잡지 않습니다.position 속성에 absolute 키워드를 적용하면 부모 태그가 영역을 차지하지 않습니다. 따라서 자손의 position 속성에 absolute 키워드를 적용할 경우는 부모 태그에 몇 가.......
[CSS] 위치 속성 [ overflow 속성 ] [내부링크]
overflow 속성은 내부의 요소가 부모의 범위를 벗어날 때 어떻게 처리할지 지정하는 속성입니다. overflow 속성은 다음과 같은 키워드를 사용할 수 있습니다.이번에는 아래의 두 가지 키워드를 알아보겠습니다.이전에 작성했던 코드를 계속해서 사용하겠습니다.이 코드의 실행 결과는 다음처럼 나왔습니다.그림을 보시면 색상이 적용된 사각형이 부모의 범위를 벗어나 있습니다. 이러한 div 태그의 overflow 속성에 hidden 키워드를 적용해보겠습니다.코드를 실행하면 다음과 같이 나옵니다.부모의 영역을 벗어난 부분이 모두 숨겨지는 것을 확인할 수 있습니다.이번에는 overflow 속성에 scroll 키워드를 적용해보겠.......
[CSS] float 속성 [ float 속성 개요, float 속성을 사용한 수평 정렬 ] [내부링크]
float 속성은 웹 페이지를 만들 때 자주 사용되는 스타일 속성입니다. float 속성은 다음과 같은 키워드를 사용합니다.float 속성 개요float 속성은 부유하는 대상을 만들 때 사용하는 스타일 속성입니다. 예제를 위해 코드를 작성해 보겠습니다.p 태그의 내용을 코드의 내용보다는 더 길게 작성하였습니다. 위의 코드는 줄여서 작성하였음을 참고해 주세요. 코드를 실행하면 다음과 같습니다.img 태그는 inline 형식의 태그이고 p 태그는 block 형식의 태그이므로 그림과 글자를 분리하여 출력합니다.처음 float 속성을 개발했을 때는 img 태그에 사용하는 것을 기본으로 했습니다. img 태그에 float 속성으로 left 키워드를 사.......
[자바스크립트] 표준 이벤트 모델 [내부링크]
표준 이벤트 모델은 웹 표준을 만드는 단체인 W3C에서 공식적으로 지정한 이벤트 모델입니다. 다만, 구 버전의 인터넷 익스플로러에서는 표준 이벤트 모델이 동작하지 않기 때문에 구 버전의 인터넷 익스플로러를 고려해야 하는 상황이라면 사용할 수 없습니다. 하지만 이후에 알아볼 jQuery가 이런 것을 보완해 준다 정도로 생각해 주시면 되겠습니다. 표준 이벤트 모델은 이후에 살펴볼 Node.js에서도 비슷한 형태로 사용되고 다른 라이브러리들도 대부분 이와 같은 형태로 사용하게 설계가 되어 있기 때문에 기억해 두시면 도움이 되실 거예요. 그럼 간단하게 <h1> 태그에 이벤트를 연결하는 모습을 보면서 표준 이벤트 모델에 대하여.......
[혼공스] if 조건문 활용 [내부링크]
#혼자공부하는자바스크립트사용자에게 숫자를 입력받아 양수, 0, 음수를 구분하는 프로그램사용자에게 숫자를 입력받아 홀수와 짝수를 구분하는 프로그램현재가 몇 월인지 확인하고, 계절을 구분하는 프로그램#JavaScript#if조건문활용“파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음"
[혼공스] switch 조건문 [내부링크]
#혼자공부하는자바스크립트기본 형태다음은 switch 조건문의 기본 형태입니다. default 키워드는 생략할 수 있습니다.switch 조건문으로 홀수와 짝수를 구분하는 예제 코드를 살펴보겠습니다.break 키워드는 switch 조건문이나 반복문을 빠져나가기 위해 사용하는 키워드입니다. 코드를 읽다가 break 키워드를 만나면 break 키워드를 감싼 switch 조건문이나 반복문을 완전히 빠져나갑니다.switch 조건문의 괄호 안에는 비교할 값을 입력합니다. 이때 입력한 값을 기준으로 특정 코드를 실행합니다. 만약 입력한 표현식과 case 키워드 옆의 표현식이 같다면 case 키워드 바로 다음에 오는 문장을 실행합니다. 진행과정을 그려보면.......
[혼공스] 조건부 연산자(삼항 연산자), 짧은 조건문 [내부링크]
자바스크립트에는 조건문과 비슷한 역할을 하는 연산자가 있습니다. 바로 조건부 연산자이고 기본 형태는 다음과 같습니다.조건부 연산자 기본 형태자바스크립트에서 항을 3개 갖는 연산자는 조건부 연산자가 유일해서 삼항 연산자라고 부르기도 합니다. 예제 코드를 한 번 살펴보겠습니다.위 예제 코드는 입력하는 숫자에 따라 결과가 다르게 나옵니다. 0보다 큰 값을 입력하면 '양수입니다.'가 출력되고, 0보다 작은 값을 입력하면 '음수입니다.'가 출력됩니다.짧은 조건문짧은 조건문은 논리 연산자의 특성을 조건문으로 사용하는 것입니다.논리합 연산자를 사용한 짧은 조건문표현식을 먼저 살펴보.......
[혼공스] 짝수와 홀수 구분하기 [내부링크]
#혼자공부하는자바스크립트홀수와 짝수를 구분할 때 어떤 방법을 사용하나요? 일반적으로 끝자리가 0, 2, 4, 6, 8이면 짝수고 1, 3, 5, 7, 9면 홀수라고 배웠습니다. 이를 기반으로 짝수와 홀수를 구분하는 프로그램을 만든다면 다음과 같습니다.코드를 저장하고 실행하여 입력창에 20을 입력하면 다음과 같이 나오게 됩니다.프로그램은 문제없이 짝수와 홀수를 구분하는 것을 확인할 수 있습니다.하지만, 컴퓨터는 모든 것을 숫자로 계산하므로 문자열 연산보다 숫자 연산이 훨씬 빠릅니다. 숫자를 사용하는 형태로 프로그램을 변경하면 다음과 같습니다.코드를 저장하고 실행 후 입력창에 이번에는 25를 입력하겠습니다.&#.......
[자바스크립트] 예외(Exception) [내부링크]
구문 오류자바스크립트 코드에서 괄호를 열었는데 닫는 과정이 없다면 구문 오류라는 것이 발생하게 됩니다. 구문 오류의 가장 큰 특징은 alert() 메서드를 실행했을 때 해당 블록 자체가 아예 실행되지 않고 그냥 SyntaxError만 발생하는 것을 확인할 수 있습니다. 이처럼 실행 전에 발생해버리는 것을 구문 오류라고 부르게 됩니다. 예외구문 오류와는 다른 형태의 오류가 있습니다. 프로그램 시작 전에 발생하는 게 아니라 프로그램 시작 후에 발생하는 것이 있습니다. 이를 '예외'라고 부르게 되며, 사실 예외도 오류의 일부이긴 하나 일반적으로 SyntaxError를 Error라고 부르는 경우가 많고 프로그램 실행 후에 발생하는.......
[자바스크립트] 기본 예외 처리 [내부링크]
프로그램이 실행되는 동안 문제가 발생하면 프로그램이 자동으로 중단됩니다. 이때, 프로그램이 대처할 수 있게 처리하는 것을 예외 처리(Exception handling)라고 합니다.예외가 발생하는 이유는 다양합니다. 개발자가 잘못된 코드를 작성했을 수도 있고, 사용자가 개발자가 원하지 않는 방향으로 프로그램을 사용했을 수도 있습니다. 어떤 경우든 예외는 예견하고 깔끔하게 해결해야 합니다. 그러나 사실 말처럼 쉽지는 않습니다.예외는 기본 예외 처리와 고급 예외 처리 두 가지 방법으로 처리합니다. 이번 포스팅에서는 기본 예외 처리를 알아보겠습니다.기본 예외 처리이전 포스팅에서 사용하던 코드로 기본 예외 처리를 알아보겠습.......
[자바스크립트] 고급 예외 처리 [try catch finally 구문] [내부링크]
고급 예외 처리는 try 키워드, catch 키워드, finally 키워드로 예외를 처리하는 방법입니다. 이를 try catch finally 구문이라고 부르며, 형태는 다음과 같습니다.try 구문 안에서 예외가 발생하면 이를 catch 구문에서 처리합니다. finally 구문은 필수 사항은 아니며 예외 발생 여부와 상관없이 수행돼야 하는 작업이 있을 때 사용합니다.기본 예외 처리에서 사용한 코드를 살펴보면서 어떠한 부분이 다른지 알아보겠습니다.예외 처리를 하다 보면 위 코드에서처럼 확실하게 이유를 알 수 있는 경우도 있지만, 확실하게 모든 경우를 예측할 수 없는 경우도 존재합니다. 예를 들면 네트워크로 요청을 했는데, 그 네트워크가 중간에.......
[자바스크립트] 문서 객체의 style 속성, 문서 객체 제거 메서드 [removeChild()] [내부링크]
문서 객체의 스타일 조작문서 객체의 style 속성을 사용하면 해당 문서 객체의 스타일을 변경할 수 있습니다.이전 포스팅에서 짧게 알아보았는데요. 조금 더 알아보도록 하겠습니다.위 코드에서 <h1> 태그를 가져오는 방법은 변수를 만들고 querySelector() 메서드나 getElementById() 메서드를 사용한다고 알아보았었습니다.이때 스타일을 조작할 때는 변수를 입력하고 점(.)을 입력했을 때 나오는 스타일 속성을 사용하면 됩니다. 스타일 속성의 속성들은 전부 다 CSS와 같기 때문에 사용하는데 어려움은 크게 없습니다. 다만 입력할 때 주의할 점이 있습니다. CSS에서 스타일 속성은 다음과 같이 적을 수 있습니다.자바스.......
[자바스크립트] 문서 객체 이동하기 [appendChild() 메서드] [내부링크]
문서 객체 이동을 위해 <hr /> 태그로 구분해서 두 개의 <div> 태그를 만들겠습니다.첫 번째 <h1> 태그를 아래쪽 <div> 태그로 이동하도록 해볼게요.위 쪽의 <div> 태그에 id 속성값으로 "first-div"로 지정하고, 아래쪽은 "second-div"로 지정하겠습니다. 참고로 자신이 소속된 팀에 따라서 다를 수 있는데요. CSS style을 입력할 때 font-family처럼 특수기호 '-'로 구분된 속성을 사용하게 됩니다. 그래서 html에서도 id나 class 속성값을 보통 특수기호'-'를 사용합니다. 그리고 다양한 라이브러리를 살펴보셔도 특수기호'-'를 사용하여 단어를 구.......
[자바스크립트] 문서 객체를 이용한 시계 [1초마다 시간 표시] [내부링크]
문서 객체를 이용한 시계문서 객체로 현재 시각을 표시하는 시계를 만들어보며 문서 객체 만들기를 연습해보겠습니다. 간단한 예제지만 어떤 방식으로 문서 객체를 사용하는지 살펴볼 수 있습니다.다음과 같이 코드를 작성하여 <h1> 태그에 현재 시각을 지속적으로 표시할 것입니다.<script> 태그에서 문서 객체를 가져옵니다.setInterval() 함수로 1초마다 clock 문서 객체의 innerHTML 속성을 현재 시각으로 변경합니다.setInterval() 함수를 사용하여 1초마다 시간이 바뀌게 됩니다. 그리고 조금 자세히 보시면 F5를 눌러 새로 고침을 해보시면 1초 동안 화면에 아무것도 안 나오다가 1초 후부터 나오는 모습을 확.......
[자바스크립트] 문서 객체를 사용한 움직임 [동적 애니메이션] 구현 [내부링크]
궤도를 따라 이동하는 지구와 달을 구현하며 문서 객체 만드는 법을 연습해보겠습니다. 코드가 좀 많은데요. 차근차근 코드를 작성해보면 충분히 이해되실 거예요.<body> 태그에 <h1> 태그 3개를 만들어 각각 id 속성값으로 sun, earth, moon을 지정합니다.<body> 태그에서 생성했던 각각의 태그를 변수에 할당합니다.이제 문서 객체에 스타일을 지정합니다. 스타일 시트를 따로 만드셔서 설정하셔도 됩니다.이어서 회전을 위한 변수 earthAngle과 moonAngle을 선언합니다. 그리고 움직임 구현을 위해 setInterval () 함수로 1초에 30번 함수를 실행합니다.움직임을 1초에 30번 함수를 반복 실행하는 것은 어.......
[자바스크립트] 문서 객체와 객체지향을 사용한 움직임-화면 안에서 돌아다니는 글자 구현(1) [내부링크]
이번 내용은 자바스크립트의 기본 문법부터 객체까지의 내용을 전체적으로 복습해보는 코드를 작성해보겠습니다. 코드의 내용이 많아서 오늘은 전체 코드 내용을 먼저 확인하고 다음 포스팅에서 좀 더 알아보도록 하겠습니다.실행 결과를 먼저 살펴보시면, 다음과 같이 글자들이 마구 돌아다니게 만드는 코드를 작성해볼게요.각 부분을 나눠서 설명하기 위하여 <script> 태그를 3부분으로 나누어 작성하도록 하겠습니다.실제로 개발을 할 경우에는 상황에 따라서 코드를 이렇게 분리하거나, 그냥 합쳐질 수도 있다는 것을 기억해 주시면 좋겠습니다.앞서 말씀드렸다시피 오늘은 전체 코드 부분만 먼저 작성해보고, 다음 포스팅.......
[자바스크립트] 문서 객체와 객체지향을 사용한 움직임-화면 안에서 돌아다니는 글자 구현(2) [내부링크]
이전 포스팅의 코드를 분할해서 한 번 살펴보겠습니다.위 코드에서 첫 번째 내용은 어떠한 값 이하의 어떤 값을 얻는 코드입니다.예를 들어서Math.random() 을 사용하게 되면 0 ~ 1.0 사이의 값을 얻을 수 있습니다. 이때 0은 포함되고 1.0은 포함되지 않습니다. ( 0 <= X < 1.0) 그래서 이 값에 limit이라는 값을 곱하여 0부터 limit이라는 사이의 값을 얻게 됩니다.(0 <= X < limit) 여기서 마지막 값이 포함이 안 되는 것에 대해서 의문이 생길 수 있는데요. 일반적으로 배열에서는 0부터 length-1까지 접근할 수 있습니다. 그래서 대부분의 프로그래밍 언어가 랜덤을 했을 때는 이와 같은 동작을 하게 구현.......
[자바스크립트] 이벤트 [종류, 용어, 고전 모델 이벤트, this 키워드, 이벤트 객체, 디폴트 이벤트, 이벤트 전달, 이벤트 전달 해제] [내부링크]
이벤트의 종류이벤트는 키보드를 이용해 버튼을 입력하거나 마우스 클릭과 같이 다른 것에 영향을 미치는 것을 의미합니다. 이벤트는 애플리케이션 사용자가 발생시킬 수도 있고 애플리케이션이 스스로 발생시킬 수도 있습니다. 자바스크립트에는 다음과 같은 이벤트가 있습니다. 마우스 이벤트 키보드 이벤트 HTML 프레임 이벤트 HTML 입력 양식 이벤트 유저 인터페이스 이벤트 구조 변화 이벤트 터치 이벤트이벤트 관련 용어 정리이벤트에는 크게 4종류의 모델이 있습니다. 고전 이벤트 모델 인라인 이벤트 모델 인터넷 익스플로러 이벤트 모델 표준 이벤트 모델고전 이벤트 모델고전 이벤트 모델은 자바.......
[자바스크립트] 인라인 이벤트 모델 [내부링크]
인라인 이벤트 모델에 대해서 살펴보겠습니다.인라인 이벤트 모델은 HTML 페이지의 가장 기본적인 이벤트 연결 방법입니다. 사용 방법은 <h1> 태그가 있을 때 내부에 onclick과 같은 이벤트를 부여합니다.지금까지는 <h1> 태그가 있다면 document.querySelector("h1")을 이용해서 <h1> 태그를 가져올 수 있고, 이것을 var header 안에 넣은 뒤에 header.onclick을 사용해서 이벤트를 연결해 사용했습니다. 이때 이 함수 내부의 기능을 <h1 onclick=""> 여기에 끼어 넣은 것을 인라인 이벤트라고 부르게 됩니다. 에디터의 자동완성 기능을 살펴보시면 다양한 인라인 이벤트 속성들을.......
[자바스크립트] 새로운 window 객체 생성 [open() 메서드], window 객체의 기본 메서드 [상대적, 절대적 구분하기] [내부링크]
window 객체는 open() 메서드로 새로운 window 객체를 생성합니다.window 객체의 open() 메서드는 네 개의 매개변수가 있습니다. 입력해도 되고 입력하지 않아도 되는 매개변수를 옵션이라고 합니다. open() 메서드의 모든 매개변수는 옵션입니다. 우선 open() 메서드의 옵션을 사용하지 않고 아래처럼 코드를 사용해 보겠습니다.코드를 실행하면 아래처럼 새로운 웹 브라우저 윈도우가 만들어집니다.현재 코드는 별다른 옵션을 설정하지 않아 웹 브라우저별로 실행 결과의 차이가 있을 수 있습니다. open() 메서드의 모든 옵션을 사용하면 아래처럼 코드를 구성할 수 있습니다.코드를 실행하면 자동으로 naver의 팝업창이 뜹니.......
[자바스크립트] 문서 객체 만들기 [innerHTML, createElement, createTextNode, appendChild, setAttribute] [내부링크]
문서 객체 모델은 웹 브라우저가 HTML 페이지를 인식하는 방법이며, 브라우저 객체 모델(BOM)의 document 객체와 관련된 집합들을 문서 객체 모델이라고 부릅니다.간단한 용어 정리위와 같이 html 페이지가 있을 때 <html>, <head>, <body>와 같은 각각의 태그들을 요소 노드라고 부르며, 태그 안의 글자를 텍스트 노드라고 할 수 있습니다. 텍스트 노드는 텍스트 노드를 갖는 요소 노드와 텍스트 노드를 갖지 않는 요소 노드가 있습니다. 예를 들어 <title> 태그나 <h1> 태그는 텍스트 노드를 가질 수 있습니다. 반대로 <img> 태그는 내부에 src나 alt 속성을 사용하며, 내부에 글자를 입력하는.......
[혼공스] 조건문 [if 조건문, if else 조건문, 중첩 조건문, if else if 조건문] [내부링크]
#혼자공부하는자바스크립트자바스크립트의 코드들은 위에서 아래로 차례차례 실행됩니다. 그러나 조건문을 사용하면 조건에 따라 코드를 실행할 수도 있고, 실행하지 않을 수도 있습니다. 이처럼 코드가 실행되는 흐름을 변경하는 것을 조건 분기라고 부릅니다.if 조건문은 조건에 따라서 코드를 실행하거나 실행하지 않을 때 사용하는 구문입니다. 이때 조건은 불 자료형을 의미합니다. 비교 연산자와 논리 연산자를 활용해 조건을 만들고, 이 조건을 사용하여 조건 분기를 합니다.다음 조건들의 결과를 예측해봅니다.첫 번째 코드는10 < 100 이 되어 true입니다.두 번째 코드는5 < 10 && 10 < 15true && .......
[자바스크립트] 문서 객체 만들기 [innerHTML] [내부링크]
문서 객체를 생성하는 방법으로 노드를 만들어 연결하는 방법을 알아보았습니다. 이 방법도 쉽지만, 일반적으로 좀 더 쉬운 방법을 사용합니다. 이전 포스팅에서 잠깐 알아보았던 문서 객체 innerHTML 속성을 사용하는 것입니다.document 객체의 body에도 innerHTML이 존재합니다. document.body도 이전에 있던 요소 노드와 같기 때문에 document.createElement("h1") 태그를 만들었을 때 나오는 innerHTML과 큰 차이가 없다고 보셔도 괜찮습니다.첫 번째는 <body> 태그의 innerHTML이 되고 두 번째는 <h1> 태그의 innerHTML이 됩니다.이렇게 코드를 입력하면 자동으로 태그가 생성됩니다.반복문을 사용해.......
[자바스크립트] 문서 객체 가져오기 [getElementById(), getElementsByTagName()] [내부링크]
문서 객체를 가져온다는 의미는 이미 html로 만들어져 있는 태그를 가져온다는 의미입니다. 위와 같은 <h1> 태그를 가져와서 사용하는 방법을 알아보겠습니다.getElementById() 메서드첫 번째로 알아볼 메서드는 getElementById() 메서드입니다. "Id를 사용하여 Element를 get(가져온다) 한다"이런 의미가 있습니다. 즉, document 객체의 getElementById() 메서드는 id 속성을 갖는 태그만 가져올 수 있습니다. <h1> 태그에 id 속성을 부여하겠습니다.이렇게 id 속성을 부여하면 document.getElementById() 사용하여 문서 객체를 가져올 수 있습니다.helloA와 helloB는 문서 객체이므로 뒤에 점을 찍어주.......
[자바스크립트] 문서 객체 가져오기 [querySelector(), querySelectorAll()], 문서 객체의 style 속성 [.style] [내부링크]
이번에는 HTML5에서 document 객체에 추가된 querySelector() 메서드를 알아보겠습니다.querySelector는 querySelector() 메서드와 querySelectorAll() 메서드가 있습니다. querySelector() 메서드는 객체를 하나만 가져오고 querySelectorAll() 메서드는 객체를 전부 다 가져오게 됩니다. 두 가지 메서드의 매개 변수는 선택자를 지정하게 되어 있습니다.querySelector ()예를 들어서 CSS 선택자에서 태그를 선택할 때는 해당 태그를 선택하시면 되며, id 속성값을 가져오고 싶다면 #속성값을 넣어주시면 됩니다.또한, class나 title 속성값으로 hello를 가지고 있다면 다음과 같은 방식으로 선택할 수 있습니다.선택자에 대한 내.......
[덕배 생각] 블로그 평균 사용시간이 Excellent? [내부링크]
프로그래밍 공부를 지금도 혼자서 골방에서 하고 있는 덕배입니다. 공부는 계속하지만 왠지 느낌이 모르는 것이 계속 누적되고 있는 느낌이네요. 지금도 공부해야 하는데... 왠지 하기 싫어서 이렇게 글을 쓰고 있습니다.기왕 노는 김에 내 블로그는 요새 상태가 어떤가 해서 블로그 평균 데이터를 한 번 봤는데요. 놀라운 결과가 있더군요.다른 건 다 고만고만한데요. 게시글 평균 사용시간이 왠지 찢었다는 느낌은 저만 드는 걸까요. 근데 한편으로는 저걸 계속 보고 있으니 이런 생각도 들어요. "내 글이 이해가 너무 안 되나..." 사실. 솔직히. 저도 100% 알고 쓰는 내용이 아니다 보니 그럴 수도 있겠다는 생각이 듭.......
[혼공스] 단위 변환, 원의 넓이와 둘레 구하기, 환율 변환 [내부링크]
#혼자공부하는자바스크립트inch 단위를 cm 단위로 변경하기원의 넓이와 둘레 구하기환율 변경하기(1달러 = 1,112원)“파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음"#JavaScript#자바스크립트#단위변환#원의넓이#원의둘레#환율변환
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 23일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#지난금값#지난은값#과거금값#과거은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price행운이란, 준비가 기회를 만나는 지점에 있다.인생은 곱셈이다.아무리 기회가 와도 내가 제로(0) 면결과는 제로인 법이다.하지만 내가 준비가 되어 있다면기회는 우리에게 곱빼기로 더 나은 삶을선물해 줄 것.......
[자바스크립트] 파괴적 메서드, 비파괴적 메서드, 메서드 체이닝 [내부링크]
비파괴적 메서드비파괴적 메서드는 자기 자신을 파괴 시키지 않고사용되는 메서드입니다.위의 코드에서 보시는 것처럼문자열 변수가 있을 때string 뒤에 점을 찍으시면 다양한 메서드를확인할 수 있습니다.다양한 메서드 중에서toUpperCase에 대해서 살펴보겠습니다.toUpperCase 메서드를 사용하면대문자화된 문자를 얻을 수 있습니다.이 내용을 출력할 때 아래와 같이 코드를 쓰면string이 모두 uppercase로 바뀌어서 출력된다고생각할 수 있는데요.우선 저장하고 실행해보겠습니다.아무런 변화가 없는 것을 확인할 수 있습니다.이것은string.toUpperCase() 메서드가 비파괴적 메서드라서 자기 자신을 직접적으로건.......
[덕배 생각] 속 좁은 덕배 씨 [내부링크]
매일같이 보던 사람이로또에 당첨됐다면기분이 어떠실까요?퇴근 무렵 대표님께서 김대리에게어제 산 로또 번호 맞춰봤어?이렇게 말씀하시길래무슨 일인가 했더니대표님께서 번호 꿈을 꿔서김대리에게 번호를 알려주면서로또를 사달라고 부탁하셨다고 합니다.그러면서 김대리도 같은 번호로 사고요.김대리는 아직 확인을 안 했다고 하는데...갑자기 기분이 쎄~합니다.뭔가 김대리가 위로 올라갈 것만 같은기분이 들었습니다.대표님이 2, 12... 이렇게 말씀하셔서급하게 당첨번호를 확인하는데...헐... 당첨 번호가 2, 12...로 시작합니다.뭔가 표현할 수 없는 감정들이저를 감쌉니다.순간 생각합니다.김대리 당첨되.......
[자바스크립트] underscore 라이브러리 [내부링크]
underscore.js 라이브러리는 자바스크립트의기본적인 유틸리티 기능을 모아놓은라이브러리라고 할 수 있습니다.화면 아래 Downloads 부분에서Development 부분을 다른 이름으로 저장하여html 파일이 있는 곳에 같이 넣어주시면사용 준비가 완료됩니다.라이브러리 가져오기라이브러리는 가져오는 방법을 살펴보겠습니다.가장 기본적인 방법은<head> 태그 내부의 가장 위쪽에 <script> 태그를입력해 주시고, src 속성으로 방금 가져왔던 자바스크립트 라이브러리의 경로를 입력합니다.같은 폴더에 삽입되어 있기에 파일 이름을 적어주시면 되는데요.만약에현재 폴더에 있는 다른 폴더 안에 파일을저장하셨다면.......
[덕배 생각] 블로그 시작부터 첫 수입까지 [내부링크]
블로그를 시작한 지 4개월 정도 되었는데요.오늘 제 통장으로 네이버에서 블로그 수익을입금해 주었네요.2020년 11월 12일부터 시작해서 하루도 빠짐없이프로그래밍 공부 내용을 올리고 있는데요.블로그 시작 이유가 프로그래밍 공부를 중단하지말자라는 목표성을 가지고 있었습니다.지금껏 유지하고 있으니, 좋은 방법을 선택한 것같네요.애드 포스트라는 것도 모르고그냥저냥 지내다가 어느 날 타인의 블로그에서자꾸만 킹콩 낚싯배가 나오는 이유가 궁금해졌습니다.검색 결과 애드 포스트라는 것을 알게 되었고,아... 블로그로도 수익을 낼 수가 있구나를알았습니다.요즘처럼 수입이 줄어든 시국에 참으로좋은 아이템이었습니다.......
[자바스크립트] underscore.js, 개미 수열(look and say sequence) [내부링크]
이전 포스팅에서 계속 오류가 발생해서 진행을 멈췄는데요.오늘 확인해보니 다운로드한 파일이 호환성의문제가 있는 거 같아요.가장 위쪽의 ESM(Development) 버전을사용했더니 계속 오류가 발생했습니다.그래서 아래쪽은 UMD(Development) 버전을사용하니 정상적으로 실행되었습니다.이어서 계속 진행해볼게요.이 코드를 출력하시면 다음과 같이 가격이 정렬되어 콘솔 창에 출력됩니다.가격을 기준으로 정렬했기 때문에 400, 500, 600이 나오는 것을 확인할 수 있습니다.참고적으로 return 값 뒤에는 수식을 입력할 수도 있습니다.예를 들어item.가격 / 2를 해주시면 가격을 2로 나눈 값으로계산하게 됩니다.예전에 위.......
[자바스크립트] 브라우저 객체 모델(BOM), window.onload 이벤트 [내부링크]
브라우저 객체 모델 BOM(Browser Object Model)은 웹 브라우저와 관련된 객체의 집합을 의미합니다.대표적인 브라우저 객체 모델로는 window, location, navigator, history, screen, document 객체가 있습니다.브라우저라는 단어가 들어가는 것처럼 웹 브라우저에서 사용하는 자바스크립트 객체라고 할 수 있습니다.브라우저에서 사용할 수 있는 자바스크립트의 코드 중에 모든 객체는 window 객체에 귀속됩니다.window를 입력하고 점을 입력하면 많은 속성이 나오게 됩니다.지금까지 그냥 단순하게 사용했던 alert()도 window.alert()로 window라는 객체 아래에 들어있는 메서드입니다.prompt()도 window.prompt()로 window라는 객.......
[혼공스] 자료형 변환 [숫자 자료형 변환 Number(), 문자열 자료형 변환 String(), 불 자료형 변환 Boolean()] [내부링크]
#혼자공부하는자바스크립트자바스크립트는 "10" * 10을 하면 100을 출력합니다.이것은 자바스크립트가 내부적으로 자료형을 변환하기 때문입니다.자료형 변환에 대하여 알아보겠습니다.숫자 자료형으로 변환하기다른 자료형을 숫자 자료형으로 변환할 때는 Number() 함수를 사용합니다.숫자가 적혀 있는 문자열을 숫자로 변환합니다.예를 들어 "273"이라는 문자열을 Number() 함수에 넣으면 273이라는 숫자로 변환됩니다.다른 문자가 들어있어서 숫자로 변환할 수 없는 문자열의 경우 NaN(Not a Number)라는 값을 출력합니다.NaN은 자바스크립트에서 숫자이지만, 숫자로 나타낼 수 없는 숫자를 뜻합.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 19일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price확신은 거짓말보다 더 위험한진리의 적이다.가장 머리가 둔한 사람에게도 그 사람이어떠한 선입견도 없다면 가장 어려운 문제를 설명할 수 있다.그러나 가장 명석한 사람에게도가장 단순한 문제를 명확히 설명하지 못 할 수 있다.그 사람이.......
[자바스크립트] 참조 복사와 값 복사 [얕은 복사, 깊은 복사] [내부링크]
참조 복사와 값 복사값 복사는 깊은 복사라고도 부릅니다.기본 자료형을 가지고 깊은 복사라고 부르지는않지만, 거의 같은 용어이기 때문에 설명에도 그렇게 사용하고 있습니다.기본 자료형의 값 복사 - 깊은 복사코드의 실행 내용을 한 번 알아보겠습니다.간단하고 코드 내용을 분석해 보면,10이라는 값을 originalValue에 넣고 originalValue에 있는 값을 newValue에 넣은 후에originalValue에 있는 값을 273으로 변경하고각각의 값을 출력합니다.originalValue는 273으로 바꿨으니첫 번째는 273이 출력됩니다.newValue 같은 경우는originalValue에 값을 넣었을 때 10을 넣었습니다.그래서newValue에도 10이 들어가기에.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 20일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#지난금값#지난은값#과거금값#과거은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price기꺼이 불편함을 감수하라기꺼이 불편함을 감수하라.편안한 게 불편한 것이다.불편함을 받아들이는 것은어려울 수 있다.하지만불편함은 꿈대로 살아가는 데 대한작은 대가일 뿐이다.-피터 맥 윌리엄.......
[자바스크립트] 배열의 깊은 복사 [clone] [내부링크]
앞전 포스팅에서 다음 코드는 얕은 복사가 된다고 알아보았습니다.프로그래밍에서는 originalArray가 참조 복사, 얕은 복사가 되는 게 아니라 깊은 복사가 되게만드는 방법이 굉장히 중요한 문제가 됩니다.복사를 할 때 새로운 배열을 만들어 주어야만새로운 주소값이 들어가게 됩니다.첫 번째 주소를 0x10이라 가정하고두 번째 주소를 0x20이라 가정해보겠습니다.그러면 이 두 주소는 전혀 다른 값을 가지게 됩니다.이다음에 내부에 있는 기본 자료형을하나하나 옮기는 과정을 거쳐야 합니다.newArray의 [i]에 originalArray의 [i]를 하나하나 복사해 주시면, 내부의 값들은기본 자료형이기 때문에 하나하나 복사가 됩니다........
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 21일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#지난금값#지난은값#과거금값#과거은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price반드시 해야 하는 일을 사랑하기행복의 비밀은자신이 좋아하는 일을 하는 것이 아니라,자신이 하는 일을 좋아하는 것이다.내가 변할 때 삶도 변한다.-괴테“파트너스 활동을 통해 일정액의 수수료를.......
[혼공스] 상수와 변수 [내부링크]
상수는 '항상 같은 수'라는 의미로 값에 이름을한 번 붙이면 값을 수정할 수 없습니다.반면 변수는 '변할 수 있는 수'로 값을 수정할 수 있습니다.즉 상수는 한 번 값을 넣으면 꺼낼 수 없는모든 면이 막힌 단단한 유리 상자라고생각하면 좋고,변수는 위가 뚫려 있어서 값을 꺼내서 버리고다시 넣을 수 있는 유리 상자라고 생각하면 좋습니다.이렇게 말하면 기능이 더 많은 변수가 좋아 보이지만, 실제로는 상수가 훨씬 많이사용됩니다.모든 면이 막힌 유리 상자와 같은 상수는쌓아서 저장할 수 있으므로 저장 효율(성능)이 좋지만, 변수는 넣고 빼는 기능이 포함되어야 하니쌓아 둘 수가 없어서 저장 효율(성능.......
[자바스크립트] 프로토타입 (prototype) [내부링크]
이전 포스팅에서 createstudent를 사용하여객체를 만들고 이 객체에 getSum(), getAverage(),toString() 메서드를 넣어주었습니다.이 객체에는이름, 국어, 수학, 영어 속성과 getSum(), getAverage(), toString() 메서드가모두 있습니다.즉,각 객체를 생성할 때마다 동일한 함수를계속 생성하는 것입니다.지금은 메모리가 넘쳐나는 시대지만,예전에는 메모리가 귀했기에메모리를 쓸데없이 잡아먹는 굉장히 비효율적인 일이었습니다.그래서 생각한 것이이름, 국어, 수학, 영어는 각각의 객체가 가지며,이때 이 객체들이 모두 공유하는 공간을따로 만들어서 이 공유하는 공간에getSum(), getAverage(), toString() 메서드를.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 17일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price내 마음이 메마를 때면내 마음이 메마르고 외롭고 부정적인 일이 일어날 때면,나는 늘 남을 보았습니다.남 때문인 줄 알았기 때문입니다.그러나이제 보니 남 때문이 아니라내 속에 사랑이 없었기 때문이라는 것을알게 된 오늘,내 마음에 사.......
[자바스크립트] 클래스 기반의 객체지향 언어 [클래스 선언과 생성자 함수 선언, 메서드 선언] [내부링크]
자바스크립트라는 프로그래밍 언어는 프로토타입을 기반으로 객체지향 프로그래밍을할 수 있게 만들어진 프로그래밍 언어입니다.프로토타입을 기반으로 객체지향 프로그래밍을구현하는 프로그래밍 언어가 유명한 게현재는 자바스크립트뿐입니다.이름을 좀 들어본 프로그래밍 언어라면대부분 클래스 기반의 객체지향 언어입니다.그래서자바스크립트도 ECMAScript 6부터'클래스 기반의 객체지향 언어' 이념을도입했습니다.클래스 기본이전 포스팅에서 프로토타입은 객체를 조금 더효율적으로 선언할 수 있게 만든 것이라고했습니다.클래스도 크게 다르지 않습니다.객체를 조금 더 효율적으로 선언할 수 있게만든 것입.......
[자바스크립트] 캡슐화 [밑줄 활용, 클로저 활용, Getter, Setter] [내부링크]
세상에는 다양한 사람이 있습니다.그로 인해 특정한 목적과 규칙을 갖고 무언가를 만들어도 그것을 그 목적과 규칙에 상관없이 사용하는 사람이 많습니다.이렇듯 세상에 다양한 사람들이 있기에만들어진 기술이 캡슐화입니다.사각형을 의미하는 Rectangle 객체를생성자 함수를 이용하여 만들어보겠습니다.그리고 사각형의 넓이를 구하는 데 필요한width 속성과 height 속성을 지정하겠습니다.코드를 보시면Rectangle의 첫 글자가 대문자로 시작하는 걸로생성자 함수를 생성할 것이 목적임을 알 수있습니다.내부에서는 this.너비와 this.높이를 사용해서두 가지 속성을 가지고 있습니다.메서드는 getArea() 하나를 만들어서.......
[혼공스] undefined 자료형 소개, 변수에 적용할 수 있는 연산자 [복합 대입 연산자, 증감 연산자] [내부링크]
#혼자공부하는자바스크립트undefined 자료형상수와 변수를 사용하면 undefined 자료형을 확인할 수 있습니다.undefined 자료형이 나오는 경우는다음과 같습니다.상수와 변수로 선언하지 않은 식별자상수와 변수로 선언하지 않은 식별자의 자료형을 확인해보면 undefined가 나옵니다.다음 코드의 "abc"와 "그냥식별자"라는 식별자는선언하지 않고 사용했으므로 undefined 자료형으로 나옵니다.값이 없는 변수변수를 선언하면서 값을 지정하지 않은 경우에 해당 식별자는 undefined 자료형이 됩니다.참고로 상수는 선언할 때 반드시 값을 지정해야 하므로 값이 없는 상수는 존재하지 않습니다.undefin.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 18일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price기본 예의를 갖추는 것이 동기부여의 첫걸음이다.동기부여의 열쇠는 기본 예의를 갖춰 사람을 대하는 데 있다.공을 들여 키워야 하는 화초보다 인간은 더 민감한 존재다.화초를 대하듯 사람들을 대하라.그러면그들은 활짝 피어날 것이다.-조.......
[혼공스] 자료형 입력 [문자열 입력 prompt(), 불 입력 confirm()] [내부링크]
#혼자공부하는자바스크립트문자열 입력문자열 자료형을 입력할 때 사용하는 함수는 prompt()입니다.다음과 같은 형태로 사용합니다. prompt() 함수 매개변수의 역할코드를 실행하면 사용자에게 입력을 요구하는 입력창이 나타납니다.입력창을 보시면 prompt() 함수의 매개변수들이어디에 출력되는지 알 수 있습니다.입력 양식에 글자를 입력하고 [확인] 버튼을클릭합니다.입력한 글자가 경고창에 출력됩니다.사용자가 입력창에 값을 입력하고 [확인] 버튼을 클릭하면 prompt() 함수는 입력한 문자열을 input에 저장합니다.'안녕하세요!'라는 문자열을 입력하면 다음처럼 코드가 변경됩니다.따라서 i.......
[혼공스] 기본 자료형 [불 자료형] [내부링크]
#혼자공부하는자바스크립트불 자료형불은 영어로 Boolean이며 '불린'으로 발음됩니다.그래서 불린 이라고도 표기합니다.문자열과 숫자는 일상생활에서 자주 볼 수 있는 자료들이라 익숙하지만,불 boolean은 처음 보는 자료형이라익숙하지 않아 어려움을 느낄 수 있습니다.불 만들기자바스크립트에서는 참과 거짓 값을 표현할 때불 자료형을 사용합니다.문자열 자료형과 숫자 자료형은 만드는 방법에따라 수많은 형태로 표현할 수 있지만,불 자료형은 true와 false 2가지입니다.불은 단순하게 true와 false를 입력하면만들 수 있습니다.또한 두 대상을 비교할 수 있는비교 연산자를 사용해도 불을 만들 수 있습니다.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 14일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price고난이여 다시 오라만일 뱀에게 물린 상처와동료들에게 버림받은 불행과이 섬에서 겪어야 했던 처절한 고독이없었더라면나는 마치 짐승처럼 생각도 없고근심 걱정도 없었을 것이다.고통이 내 영혼을 휘어잡아 깊은 고뇌에 빠뜨렸을 때비로소.......
[자바스크립트] 객체의 속성 추가와 제거 [동적 속성 추가/제거, delete 키워드, toString() 메서드] [내부링크]
프로그래밍을 하다 보면정적으로 무언가를 생성한다 또는동적으로 무언가를 생성한다는 말을많이 듣게 됩니다.의미에 좀 변화가 있기는 하지만정적과 동적을 구분하자면 처음 무언가를 생성할 때 함께 생성하는 것을 정적으로 생성했다고표현할 수 있는데요.위의 코드는이름을 김춘봉이라고 지정을 하고생성하였는데요.이것을 정적으로 이름이라는 속성을 생성했다고 표현할 수 있습니다.반면에처음 생성할 때가 아닌 이후에 추가를 하게 되면 그것을동적으로 생성했다고 표현할 수 있습니다.속성 추가빈 객체를 하나 만들고, 이후에 내부에속성을 추가해보겠습니다.자바스크립트는 객체가 항상 자신이 원할 때속성.......
[자바스크립트] 객체와 배열을 사용한 데이터 관리, 함수를 사용한 객체 생성 [내부링크]
객체와 배열 조합하기객체를 사용하면 지금까지 배웠던문자열, 숫자, 불을 합쳐서 조금 더 큰 형태의데이터를 만들 수 있습니다.객체를 사용해서 사람의 이름과국어, 수학, 영어 성적을 나타냈습니다.참고적으로사람은 굉장히 다양한 속성을 가지고 있습니다.이름도 있고, 나이도 있고, 성별도 있고, 좀 더 깊게 들어가면 생김새의 특징도 데이터로 나타낼 수 있을 것입니다.하지만실제로 프로그램을 만들 때는프로그램에 필요한 것들이 따로 있습니다.예를 들어서성적관리 프로그램을 만든다면사람의 생김새까지 알아야 할 필요는 없습니다.그래서 이름과 과목에 대한 성적 정보만가지고 있으면 됩니다.이렇게현실.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 15일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price가장 큰 공부는 남의 허물을뒤집어쓰는 것이다.수행이란,안으로는 가난을 배우고밖으로는 모든 사람을 공경하는 것이다.가장 어려운 것은알고도 모른 척하는 것이다.용맹 가운데 가장 큰 용맹은옳고도 지는 것이다.공부 가운데 가장 큰 공부는.......
[혼공스] 템플릿 문자열, ==연산자와 !=연산자 [내부링크]
#혼자공부하는자바스크립트과거에 자바스크립트는 문자열 내부에 표현식을 삽입할 때 다음과 같이 문자열 연결 연산자(+)를 사용해야 했습니다.이렇게 코드를 작성한다고 문제가 있는 것은아니지만, 표현식을 많이 결합하면 코드가복잡해집니다. 사용하고 있는 자바스크립트에서는 템플릿 문자열이라는 기능이 추가되어이러한 코드를 간단하게 작성할 수 있습니다.템플릿 문자열템플릿 문자열은 백 틱(`) 기호로 감싸 만듭니다.(백 틱 기호는 키보드 숫자 1 왼쪽에 있습니다.)문자열 내부에 `${표현식}` 기호를 사용하여표현식을 넣으면 표현식이 문자열 안에서계산됩니다.템플릿 문자열(`기호)을 사용하.......
만두 빚기 [고기만두, 김치만두] [내부링크]
중국에서는 음력 12월 31일 00시에 만두를 먹는 풍습이 있다고 합니다.그래서우리 마눌님께서도 저녁부터 만두를빚으셨습니다.우선 만두소를 준비하고, 만두피를 직접 준비하십니다.보통 만두피는 사서 쓰기도 하는데...마눌님께서는 언제나 직접 만드시지요.솔직히 먹어보면...직접 만든 게 더 쫄깃하고 맛이 좋습니다.반죽을 길게 펴서만두피 하나 만들 정도로 자릅니다.일렬로 죽 자르지 않고...돌려가면서 자르던데요.뭔가 이유가 있을 거예요. ᄒᄒ;;그리고 자른 반죽을 손으로 살짝씩 눌러줍니다.점점 힘들어지면서 두 손으로 막 누르...c그리고 밀대로 만두피 모양으로 돌려가면서펴줍니다.사실.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 16일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price아직 큰 실패가 없다면 안주하고 있다는 증거다.살면서 당신이 실패를 경험해보지 않았다면,당신은 스스로를 당신의 한계 속에밀어 넣어 본 적이 없다는 뜻입니다.스스로를 한계 속에 밀어 넣지 않으면,스스로가 가진 잠재력 또한 폭발시킬 수가없.......
font 속성 [size, family, style, weight, line-height, text-align, text-decoration] [내부링크]
폰트 속성은 글자와 관련된 스타일 속성을 의미합니다.HTML 페이지는대학에서 원격으로 논문을 제출하고확인하는 용도로 만들어졌습니다.따라서HTML 페이지에는글자와 관련된 속성이 굉장히 많습니다.font-size 속성font-size 속성은 글자의 크기를 지정하는스타일 속성입니다.font-size 속성에는 크기 단위 또는 키워드를 사용합니다.웹 브라우저는 기본적으로16픽셀로 지정되어 있습니다.코드를 작성하여 살펴보겠습니다.결과는 다음과 같습니다.결과를 보시면3문단의 글자들의 크기가 같은데요.위에서 웹 브라우저는 기본적으로글꼴 크기가 16픽셀로 지정되어 있다고했는데요.<p>태그는 각각의 문.......
[자바스크립트] 객체 속성과 메서드 [내부링크]
객체의 생성과 객체 요소 접근을다시 한번 적어보겠습니다.위 코드와 같이 작성할 수 있습니다.그리고 객체 내부의 왼쪽을 속성이라 부르고,객체 내부의 오른쪽을 속성값이라고 부릅니다.이러한 속성 중에서 함수 자료형을 가진 속성을메서드 method라고 부르게 됩니다.위 코드의 내용을 살펴보면person이라는 객체가 있고name과 eat라는 속성이 있습니다.이때eat 속성은 함수 자료형이 들어있기 때문에특별히 메서드라고 부르게 됩니다.eat이라는 속성은 메서드이기 때문에person.eat를 입력한 뒤 함수를 호출하듯뒤에 괄호를 붙여서 호출하게 됩니다.person.eat();매개변수에는 food를 전달하게 됩니다.한 번.......
[자바스크립트] 객체와 관련된 키워드[in 키워드, with 키워드] [내부링크]
우선 예제로 객체를 만든 다음in 키워드와 with 키워드에 대하여알아보겠습니다.in 키워드in 키워드는 다음과 같은 형태로사용하게 됩니다.<문자열> in <객체>이렇게 입력하면객체 내부에 해당 문자열을 가진키가 있는지 확인하게 됩니다.예를 들어서이름이라는 키가 student라는 객체에 있는지확인할 때는 다음과 같이 사용합니다."이름" in studentin 키워드의 결과는 불로 나오게 됩니다.위의 내용을 출력한다면 true가 나오게될 건데요.코드를 저장해서 출력해보겠습니다.첫 번째는 현재 객체 내부에 '이름'이라는 키가 있어true가 출력됨을 확인할 수 있습니다.두 번째는현.......
[혼공스] 기본 자료형 [문자열 자료형] [내부링크]
#혼자공부하는자바스크립트프로그래밍 언어는 자료를 쉽게 다룰 수 있도록 자료 형태에 따라 구분하여 관리합니다.이러한 자료의 종류를 '자료형'이라고 부릅니다.기본 자료형에서는 자바스크립트의 가장 기본적이면서도가장 많이 사용되는 자료형에 대해알아보겠습니다.프로그래밍에서 프로그램이 처리할 수 있는모든 것을 자료 data라고 부르며, 자료 형태에따라 나눠놓은 것을 자료형 data type이라고합니다.자바스크립트는 다양한 종류의 자료형을제공합니다.가장 기본적이면서도 많이 사용하는 자료형은숫자 number, 문자열 string, 불 boolean자료형입니다.문자열 자료형alert( ) 함수 또는 console.log( ) 메서드.......
[혼공스] 기본 자료형 [숫자 자료형] [내부링크]
#혼자공부하는자바스크립트숫자 자료형자바스크립트는 소수점이 있는 숫자와없는 숫자를 모두 같은 자료형으로 인식합니다.숫자를 입력하면 숫자 자료가 만들어집니다.숫자 연산자숫자 자료형을 사용하면 숫자 연산자로기본적인 사직 연산을 할 수 있습니다.+ 더하기 연산자- 빼기 연산자* 곱하기 연산자/ 나누기 연산자자바스크립트는 숫자 자료형을 연산할 때연산자 우선순위를 고려합니다.5 + 3 * 2위의 표현식에서 덧셈을 먼저 계산하고 싶으면다음과 같이 괄호를 사용합니다.(5 + 3) * 2콘솔에서 직접 확인해보겠습니다.연산자 우선순위로 두 표현식의 결과가다르다는 것을 확인할 수 있습니다.나머지 연산자.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 12일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price스스로 칭찬할 줄 아는사람이 되자'나는 ~이 충분한 사람이다'라는 말은대단히 강력한 힘이 있다.자신이 여러 면에서 충분한 사람이라는것을 믿으면자신감을 손상시키는 불필요한 불안감으로부터 자유로워질 수 있다.자신이 부족하다는.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 13일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price동의를 구하는데연연하지 말라.과학자들의 세계에 회자되는금언이 하나 있다.적어도노벨상 수상자 세 명으로부터당신이 틀렸다는 얘기를 듣기 전까지는당신이 정말 좋은 아이디어를 가지고 있다고확신할 수 없다.-폴 로터버(노벨 의학상 수.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 9일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price넓고 평탄한 길은사람을 약하게 만든다.삶에는 두 가지 길이 있다.그중 하나는 넓고 평탄한 길이다.대부분의 사람들이 선택하는 이 길을 걸어가면어디에도 도달하지 못한다.넓고 평탄한 길은사람들에게 이렇게 약속한다."이 길은 무난해! 걷는.......
[자바스크립트] 화살표 함수(Arrow Function) [내부링크]
프로그래밍 언어는 시간이 지나면서'기능 추가'라는 발전도 있지만,'기존의 코드를 더 쉽게 사용할 수 있는문법의 추가'라는 발전도 합니다.화살표 함수는 후자의대표적인 예라고 할 수 있습니다.기존에 익명 함수를function ( ) { }이러한 형태로 선언했습니다.이 형태를( ) => { } 이렇게 변형한 것이ECMAScript 6에서 추가된화살표 함수입니다.특징이 있다면한 줄이라면 { } 중괄호를 사용하지않아도 되며,한 줄을 사용할 경우에는마지막에 놓은 값이리턴값이 됩니다.( ) => 10예를 들어두값을 곱하는 함수를 만든다면이렇게 사용할 수 있습니다.자바스크립트에서.......
[자바스크립트] 함수에서의 전개 연산자 [내부링크]
매개변수 만들 때전개 연산자전개 연산자는 다음과 같이(...) => { }점을 3개 찍은 것을 전개 연산자라고부르게 됩니다.전개 연산자는 객체 또는 함수에 활용할 수 있습니다.함수의 매개변수에 활용하게 되면가변 매개변수 함수를 만들 때활용할 수 있습니다.매개변수로 들어온 인자들을 더하는함수를 한 번 만들어 볼게요.점을 3개 입력하고 식별자(numbers)를 입력하게 되면 ...numbers 전체가매개변수가 됩니다.이렇게 만들어진 매개변수는 함수가되는데요.한 번 출력해볼게요.이 만들어진 매개변수는 자료형이 배열입니다.그래서반복문을 사용하여 활용할 수 있습니다.전개 연산자를 사용할 때.......
[자바스크립트] 매개변수를 제곱하는 함수, 매개변수를 모두 곱하는 함수, 사용자의 입력값이 숫자인지 확인 함수 [내부링크]
매개변수를 제곱하는 함수매개변수가 하나일 경우매개변수를 두 개 넣으면<첫 번째 매개변수>의 <두 번째 매개변수> 제곱만큼 해주는 경우매개변수를 모두 곱하는 함수매개변수로 넣은 값을 모두 곱하는 경우사용자의 입력값이 숫자인지확인하는 함수이 코드...제가 만든 건데요.뭔가...허뎝한 느낌이 좀 있네요.좀 더 공부하겠습니다.고맙습니다.#JavaScript#function#parameter#자바스크립트#함수#매개변수
[혼공스] 기본 용어 [표현식과 문장, 키워드, 식별자, 주석, 출력] [내부링크]
#혼자공부하는자바스크립트표현식과 문장자바스크립트에서 값을 만들어내는간단한 코드를 표현식 expression이라고부릅니다.예를 들면 다음 코드가 표현식입니다.27310 + 20 + 30 * 2'RintIanTta'하나 이상의 표현식이 모이면문장 statement이 됩니다.문장 끝에는 마침표를 찍듯이 세미콜론(;) 또는 줄바꿈을 넣어서문장의 종결을 알려줍니다.다음과 같이 줄바꿈과 세미콜론을2가지 모두 입력하는 경우도 많습니다.하나의 표현식도 문장의 종결을 의미하는세미콜론 또는 줄바꿈을 넣으면문장이라고 부르고, 이러한 문장이 모여서프로그램 program을 이룹니다.일반적인 '문장'은 영어로 sentence입니다.하지만 프.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 10일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price당연히 누리는 것들에대해서 감사하며 살자자기가 선택한 인생을마치 남이 선택해 준 것처럼불평하면스스로도 불행하고 옆 사람도 지칩니다.감사하며 살 때 행복이 왔어요.우리가 당연히 누리는 것들에새롭게 감사하고,새롭게 감탄하는,그래서.......
[자바스크립트] 객체 object [객체 생성, 객체 요소 접근, 객체 요소 출력, 객체 forin 반복문 사용] [내부링크]
객체 개요자바스크립트의 기본 자료형은숫자, 문자열, 불, 객체, 함수, undefined가있습니다.지금까지 자주 나왔던 배열은 어디에 속하는지typeof()를 활용해서 배열이 어떠한 자료형에 속하는지 알아보겠습니다.배열 복습저장하고 실행해 보면object라고 나오는 것을 볼 수 있습니다.이 object가 바로 객체를 의미하게 됩니다.배열이 object라는 것은배열이 object의 속성을 굉장히 비슷하게갖고 있다는 뜻입니다.따라서배열에 대해서 한 번 다시 살펴보고그 배열을 객체로 변환해서 살펴보겠습니다.배열을 생성하는 방법과 배열의 대괄호 안에숫자를 넣어서 각각의 요소에 접근할 수 있었습니다.그리고for 반.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 11일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price'감사'라는 말은만병통치약이다.16년간 지켜본 결과'감사'를 습관화한 학생의 연평균 수입이그렇지 않은 학생보다 2만 5천 달러가 많았다.그뿐 아니라'감사'를 습관화한 사람의 평균 수명이그렇지 않은 사람보다.......
집 밥 메뉴 [배추된장국, 찹스테이크, 삼치구이, 양배추 쌈밥] 추천해요 [내부링크]
제가 양배추 쌈을 잘 먹으니까마눌님께서 이렇게 말하시네요."이렇게 해야 야채를 먹는구만!"그래서오늘도 양배추 쌈밥입니다.c양배추와 그리고 두부 쌈장정말밥 반찬으로 이만한게 없는거 같아요.쌈에 고기가 빠지면 서운하지요.그래서오늘은 색다르게삼치구이를 준비하셨네요.저는 이렇게살 많고, 가시 바르기 편한 생선이 좋아요.먹기 편하니까요.예전에는 삼치구이에 막걸리 먹으로자주 다녔는데...코로나가 얼른 끝나길 기원하며...한 점 먹어볼까요.살이 아주 큼직하니 좋네요.소금간도 적당하게 배여있어서맛이 좋습니다.그럼 이녀석들과의 조화를한 번 봐야겠지요........
[자바스크립트] 콜백 함수와 반복문 [내부링크]
이전 포스팅에서자바스크립트의 실행 순서에 대해알아보았는데요.자바스크립트의 실행 순서 때문에발생하는 문제를 살펴보겠습니다.일반적으로는for 반복문을 통해서 i에 0, 1, 2가 들어가고이거를 0초 후에 실행한다고 예약을 걸기 때문에0, 1, 2가 출력을 한다고 생각합니다.하지만실행해보면3, 3, 3이 출력됩니다.이것의 이유를 알아보면요.var 키워드가 전역 변수를 선언하는키워드라는 것을 알아야 합니다.예를 들면위 코드와 같이var i = 0;으로 선언해도반복문 밖에서 alert(i)로 출력할 수 있습니다.코드를 저장하고 실행하면그냥 3만 출력됩니다.이게 자바스크립트의 var 키워드의문제라고 할.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 7일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price프란치스코 교황이젊은이들에게 드리는 글젊은이들이여, 잘 들으시오.시류에 거슬러 가시오!마음이 든든해집니다.하지만시류에 거슬러 가려면용기가 필요합니다.곤란이나 시련이나몰이해나 무서울 것이 없습니다.올곧은 사람들은역류를 헤쳐 올.......
집 밥 메뉴 [갈비탕] 추천해요 [내부링크]
가끔 진한 갈비탕이 생각날 때가 있어요.근데식당에서 먹으면왠지 강한 조미료 맛에입안이 떨떠름 해지기도 합니다.그래서 마눌님께서직접 만드셨네요.음식을 보자마자아 요새 계란 비싼데...진짜 비싼 갈비탕이네...이런 생각이 들더군요.뭐 암튼마눌님께서 손수 갈비의 지방을떼어내시고 깔끔한 국물을 위해노력하신 갈비탕입니다.갈비탕용 소갈비는 아닌데요.그래도 소갈비는 소갈비네요.맛이 좋습니다.그리고얼마나 오래 삶으셨는지...살이 슥~ 빠질 정도네요.이 살을 간장과 고추냉이를 섞은 소스에 찍어 먹으면...절로 소주 한 잔 생각이 납니다.그래서 저는...마눌님께서 당면을 사 오.......
집 밥 메뉴 [참돔 찜, 동파육, 콩나물무침, 얼갈이 무침] 추천해요 [내부링크]
오늘은 식탁에서 보기 힘든 식자재가올라와 있네요.참돔 찜입니다.뭔가...사진이 이상한 거 같아요...마눌님께서너무 징그러워 머리를 자르려고 했는데도저히 안 잘린데요...섬뜩하네요.그래서 머리가 저렇게...하지만 그 맛은 정말...살이 얼마나 통통한지...참돔을 일단 한 번 찜기에서 찌고,뜨거운 기름을 부어서 조리하셨데요.기름과 간장이 자체적으로 소스가 되어찍어 먹어도 잘 어울려서 좋습니다.계속 먹으면서 문제가 하나 있었는데요...절 계속 쳐다보는 거 같아요...기분 탓이겠지요...참돔의 반대편은 살을 떼어내어데리야키 소스로 조리를 하셨다고 합니다.이게 또 단짠단짠하니..........
[자바스크립트] 기본 매개변수 [내부링크]
기존의 기본 매개변수일반적으로는위 코드와 같은 형태로 매개변수를 입력해서 실행하게 됩니다.만약에test ( ); 이렇게 함수를 호출해도자동으로a = 10b = 20c = 30값이 들어가게 기본 값을 가진 매개변수를 만드는 방법에 대하여알아보겠습니다.매개변수를 입력하지 않으면해당 매개변수에 undefined가 입력된다고알고 있는데요.그러면a가 undefined 일 때 a = 10b가 undefined 일 때 b = 20c가 undefined 일 때 c = 30이러한 코드를 작성해 주면 되겠네요.기본적으로 3가지의 방법이 있는데요.첫 번째는 typeof () 함수를 활용하는 것두 번째는 논리 부정 연산자(!)를 이.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 8일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price히말라야는 자만을받아들이지 않는다.1950~2006년 히말라야 등정에성공한 2,864명 중9%에 가까운 255명이추락사했다.추락사가 가장 많은 시점은정상을 밟은 직후(48%)였다.최고가 되기 무섭게 곧바로나락으로 떨어지고 만 것이다.그래서인지히.......
배경 속성 [background-image, size, repeat, attachment, position] [내부링크]
배경 속성은 특정 태그의 배경 이미지 또는색상을 지정하는 스타일 속성입니다.background-imagebackground-image 속성은배경에 넣을 그림을 지정하는스타일 속성입니다.속성값으로 다양한 키워드를 넣을 수 있습니다.저는 url 단위를 사용해볼게요.이미지 파일은 제가 첨부할게요.결과는 다음과 같습니다.CSS3 이전에는 배경 이미지를 1개씩만적용할 수 있었습니다.하지만,CSS3부터는 여러 개의 배경 이미지를적용할 수 있습니다.결과는 다음과 같습니다.여러 개의 배경을 적용할 경우에는왼쪽에 위치한 이미지가 앞으로 나옵니다.background-size그림의 크기를 조절할 때 사용하는속성입니다.background.......
2021년 2월 5일 매매일지 [내부링크]
드디어 월급날입니다.오늘도 규칙적으로 매매를 진행합니다.1년간 보유했던한미글로벌HDC현대산업개발대양제지모두 매도하였습니다.약간의 수익이 있네요.매우 소소합니다.c그리고KG이니시스슈피겐코리아디알젬매수하였습니다.사자마자 떨어지는...개인적인 투자 기록입니다.참고만 해주세요.매수 중1회차2회차3회차4회차#KG이니시스시장 : 코스닥종가 : 17,900PER : 12.15ROA : 3.79%EPS : 1,474BPS : 10,051PBR : 1.78ROE : 14.66%시총 : 499,489산업명 : 정보처리 및 기타 컴퓨터 운영 관련업결산월 : 12월#슈피겐코리아시장 : 코스닥종가 : 62,800PER : 6.25ROA : 15.47%EPS : 10,052B.......
[자바스크립트] 자바스크립트 실행 순서 [스레드(Thread)] [내부링크]
자바스크립트의 실행 순서프로그래밍 언어에는스레드(Thread)라는 개념이 있습니다.스레드(Thread)는 간단하게 표현하면코드를 읽어 내려간다는 것입니다.위와 같은 코드를위에서 아래로 쓸어 내려가며 읽는 것을스레드(Thread)라고 생각하셔도좋겠습니다.운영체제나 별도로 공부를 하여야좀 더 자세히 알 수 있다고 하네요.다른 프로그래밍 언어는이 코드를 읽어 내려가는 스레드(Thread)를수백, 수천 개로 여러 개 만들 수 있습니다.하지만,자바스크립트는 이 스레드(Thread)를개발자가 따로 만들 수 없습니다.무조건 코드를 읽어 내려가는 스레드(Thread)는 단 한 가지 방법이라고기억하시면 됩니다.위 코드의 출.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 6일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price잃지 말아야 할 가치는무엇인가?우리가 투자한 회사 사장들에게2년에 한번 다음 메시지를 전달한다."여러분은 돈을 잃어도 상관없습니다.많은 돈이어도 괜찮습니다.하지만평판을 잃지 마십시오.인격을 잃지는 마십시오.우리에겐 돈을 잃을 여.......
집 밥 메뉴 [해물탕, 양배추 쌈, 불고기] 추천해요 [내부링크]
가끔 입맛이 없을 땐쌈밥만큼 입맛을 돋우는 것도 없지요.그래서 오늘은 양배추 쌈밥을 한 번 먹었습니다.일단 양배추와쌈밥이니...쌈장이 필요하지요.쌈장은 두부를 넣고 만들었는데요.너무 짜지 않고, 두부의 부드러움이 있어서맛도 좋고 식감도 좋았습니다.그리고쌈밥에는 고기가 빠질 수 없겠지요.그냥...뭐 소소하게불고기를...불고기는 먼저 한 점 먹어봤어요...고기니까요c이렇게 가볍게 한 쌈해주면...쌈을 정신없이 싸먹다...약간 국물이 필요하다 느낄 때쯤...해물탕을 한 숟갈 떠서 먹어줍니다.해산물이 엄청나네요...그리고 쑥갓도 들어있어서국물이 개운.......
집 밥 메뉴 [ 월남쌈, 소 불고기, 굴전 ] 추천해요 [내부링크]
쌈 시리즈는 계속됩니다.이번에는 월남쌈을 한 번 먹었습니다.이게 참 그냥 먹을 때는 몰랐는데요.마눌님이 집에서 하는 걸 보면...참 대단하다는 생각이 들 만큼손이 많이 가는 요리더라고요.이렇게 다양한 야채와...요새 잊고 있었던...그 햄이 다시 등장합니다.c저 햄의 존재는저의 집 밥 포스팅을 보신 분이시면다 아실 거예요.뭐 암튼...혹시라도 쉬워 보인다고"오늘 월남쌈이나 먹을까"이런 말씀 하시면 안 돼요...저거 준비하는 거 진짜 힘든 거예요.!!그리고너무 야채만 있으면 간을 맞추기 어려우니...고기 등장!소 불고기인데요.간을 약간 짭짤하게 하셨네요.월.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 5일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price신뢰를 구축하는유일한 방법인간관계에서신뢰를 구축하는 유일한 방법은점차적으로 바람직한 경험들을쌓아가는 과정을 거치는 것이다.중요한 임무를 띤 직원들을 밀어주고공공연히 그들의 자리를 지켜주며,그들의 아이디어를 지지하고,그들의 업.......
[자바스크립트] 함수를 리턴하는 함수, 클로저closure [내부링크]
함수 리턴 함수는 매개변수로 전달하는 것도 가능하고,함수를 리턴하는 함수도 가능합니다.위 코드는 아래 코드처럼 다시 쓸 수 있습니다.함수로 output이라는 변수를 만들고이 output을 return 하였습니다.returnFuction()이라는 함수를 호출하면output이 나오게 되어서아래의 함수가 나오게 됩니다.function () {alert("Hello Function");}이 함수를 곧바로 실행을 하는 형태로괄호를 한 번 더 사용하는 것입니다.(function () {alert("Hello Function");})();이러한 방법으로함수를 매개변수로 전달하는 것도 가능하고함수를 리턴으로 전달하는 것도 가능한 것을확인할 수 있습니다.리턴.......
[자바스크립트] 내장 함수 [setTimeout(), setInterval(), clearTimeout(), clearInterval()] [내부링크]
내장 함수자바스크립트는 자체적으로 몇 가지 함수를 제공합니다.이렇게 기본적으로 내장된 함수를 내장 함수라고 부릅니다.예를 들어alert (), prompt () 함수가내장 함수입니다.타이머 함수타이머 함수는 특정 시간에 특정 함수를실행할 수 있게 하는 함수입니다.위 코드의setTimeout()setInterval()함수는 타이머를 설정하는 함수입니다.그리고clearTimeout()clearInterval()위 두 함수는 타이머를 제거하는 함수입니다.clearTimeout()은 setTimeout()로 설정한타이머를 제거합니다.clearInterval()은 setInterval()로 설정한타이머를 제거합니다.각 함수를 한 번 살펴보겠습니다.setTimeout(), clearT.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 2일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price남들과 반대로 했더니어느새 위대함의 반열에 올랐다.웰스파고의 위대함은남들이 하지 않는 것에서 비롯된다.우리는 남들이 지점을 축할 때 늘리고,서브프라임 모기지 대출을 해줄 때 줄였다.경쟁자들이 규모를 늘릴 때규모를 늘리지 않았다.남들과.......
[자바스크립트] 인코딩과 디코딩 [escape, encodeURI, encodeURIComponent, unescape, decodeURI, decodeURIComponent] [내부링크]
인코딩과 디코딩 함수인코딩은 문자를 컴퓨터에 저장하거나통신에 사용할 목적으로 부호화하는 방법입니다.웹에서는 통신할 때 한글 같은유니코드 문자가 오작동을 일으킬 수 있으므로 인코딩해야 합니다.문자를 부호화하는 것이 인코딩이며,반대로 문자를 원래대로 되돌리는 것이디코딩입니다.가장 기본적인 인코딩 함수인escape () 함수를 이용해볼게요.코드를 실행하면,다음과 같은 결과를 확인할 수 있습니다.실행 결과를 보면,저것이 초콜릿을 의미하고 있다는 것을알 수 없습니다.이처럼 인코딩은 문자를 부호화 시킵니다.반대로이걸 해지하는 것을 디코딩이라고 부릅니다.a와 b 변수에 각각의 함수를 지.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 3일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price불언실행(不言實行)보다는공개적으로 약속하는 게 낫다.불언실행(不言實行)이란 말이 있다.말로 내세우지 않고 실행한다는 뜻이다.그러나불언(不言)이라는 것은속임수가 가능하다.그래서목표를 내세우고 약속을 하는 것이 중요하다.나중에 변.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 4일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price일이 쉬울 때는 언제나많은 사람들이 달려든다.나는 문제가 어려울수록경쟁이 줄어든다는진리를 깨달았다.일이 쉬울 때는언제나 많은 사람들이 달려든다.그러나일이 어렵고 복잡할 때는얼씬거리는 사람이 아무도 없다.그런데이 어렵고 복잡한 일.......
[자바스크립트] 내장 함수 [eval(), isFinite(), isNaN(), parselnt(), parseFloat()] [내부링크]
코드 실행 함수자바스크립트는 문자열을 코드로실행할 수 있는 특별한 함수를 제공합니다.eval ( ) 함수eval() 함수는 해킹의 위협이 있기 때문에사용하지 말라고 하는 경우도 있는데요.필요할 때 사용해 주시면 편리한 함수입니다.eval() 함수 내에 문자열로 코드를 입력하면,이 문자열을 분석해서 코드로 실행하게 됩니다.결과는 다음과 같습니다.문자열의 alert('안녕하세요')라고 적힌 것이 실제로 실행되는 것을 확인할 수 있습니다.eval() 함수는 문자열을 자바스크립트 코드로실행하는 함수이므로 eval() 함수로 실행된코드에서 정의한 변수도 활용할 수 있습니다.숫자 확인 함수자바스크립트에는.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 1월 30일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price재능만으로 이룰 수있는 것은 없다.조금만 깊이 파고들면위대한 인물들은 한결같은공통점이 있다.그들은 쉬지 않고 공부하고연구했다.1분도 허투루 보내지 않았다.우리처럼 평범한 사람을 낙담하게 만드는근면함이 있다.-V.S 프리쳇 (영국 평.......
[자바스크립트] 리턴return 키워드 [내부링크]
return 기본return 키워드는함수가 실행되는 도중에함수를 호출한 곳으로 돌아가라는의미입니다.따라서return 키워드를 사용하면값을 지정하지 않아도함수를 호출한 곳으로 돌아갑니다.위 코드의 내용을 다시 한번 살펴보면요.5를 입력해서 f( )라는 함수를 호출하게 되면선언적 함수의 위치로 이동하여서위에서 아래로 차례대로 실행하게 됩니다.실행 도중 return 키워드를 만나면return 키워드 뒤에 값을 가지고원래 위치인 f(5) 위치로 돌아가게 됩니다.정리해보면매개변수로 5가 입력이 되면5 * 5 = 25가 돼서25를 가지고 output에 25라는 값이들어가게 됩니다.리턴을 만나게 되면함수는 그 자리에서 곧바.......
집 밥 메뉴 [중국식 해물찜, 쭈꾸미 볶음, 그린빈 볶음] 추천해요 [내부링크]
저희 집에 1.5kg짜리 햄이 6개가 있었는데요...현재는 4개 정도 남아있습니다.좀 사연이 있긴 한데...뭐 암튼...요새 이 녀석을 처리하기 위하여마눌님께서 모든 요리에 넣고 계십니다.c이렇게 극단적인 상황이 닥쳐오면가끔...군대 생각이 나요...안되는 게 없으니까요오늘은 이 음식에만 넣으셨어요.그린빈 볶음입니다.저는 그린빈과 어묵볶음인 줄 알았는데...역시나 햄이었습니다.생각보다 이 햄이 맛있어요.닭고기로 무슨 햄을 만드나 하시겠지만,그래도 괜찮습니다.그린빈이 생소하신 분들도 있으실 텐데요.사실 저도...마눌님이 해주시기 전에는이런 게 있는 줄도 몰랐어요........
[자바스크립트] 콜백 함수callback() 함수 [내부링크]
자바스크립트에서는 함수도 하나의 자료형이므로 매개변수로 전달할 수 있습니다.이렇게 매개변수로 전달하는 함수를콜백 함수라고 합니다.콜백 함수 = 매개변수로 전달하는 함수위 코드에서 callTenTimes() 함수는,함수를 매개변수로 받아해당 함수를 10번 호출하는함수입니다.선언적 함수와 익명 함수 두 개의 함수를 만들었기에각각 10번씩 호출하게 됩니다.일반적으로 callback() 함수를 사용할 때는익명 함수 뒤의 형태를 호출 함수안에넣어줘서 사용하게 됩니다.익명 함수를 매개 변수에 곧바로넣은 거라고 생각해주시면 되겠습니다.코드를 다시 정리해보면,이렇게 코드를 정리할 수 있습니다........
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 1월 31일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price명성을 좇아 살지 말라.명성이란,성장해 가는 한 인간을세상 사람들이 덤벼들어오히려 부수어 놓는 것을 말하며,어중이떠중이들이그 공사장에 밀려들어그를 훼방하는 것을 의미한다.-라이너 마리아 밀케, '말테의 수기'에서.......
집 밥 메뉴 [수제돈가스, 크림수프, 감자샐러드] 추천해요 [내부링크]
마눌님께서 요리를 하시고 나면,전투의 흔적들이 주방에 많이 남습니다.c그 흔적들은 제가 처리하는데요.그게 조금 시간이 걸리고 하다 보니...튀김류의 음식을 하시는 것을 보면...뭐... 어쩔 수 없지요... ㅎ그래서 오늘은돈가스를 하시는군요!!!냉동 돈가스를 하시는 줄 알았더니...수제로 만들어 버리시는...양이 참 푸짐하지요...마눌님께서는 돈가스 고기가 얇은 게맘에 안 드신데요...이렇게 굵직해야 씹는 맛도 있지요.돈가스를 먹기 전에 빠진 게 있지 않나요?수프가 빠진 거 같지 않나요?그래서준비하셨습니다.마눌님께서 직접 만드셨네요.한 번 먹어봐야겠지요.제가.... .......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 2월 1일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price모든 위기는 기회를 동반한다.위기는 산불과 흡사하다.산불 자체는 위험하다.하지만오래된 나무를 일 거에 없애고새로운 숲이 조성되는놀라운 기회를 제공한다.누구나 산불을 좋아하지도,일어나는 것을 바라지도 않는다.그래도산불은 세상.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 1월 29일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price남을 움직이게 하려면...나는 자기 스스로 일에 높은 동기를부여하지 않은 사람이 관리자로성공한 경우를 결코 보지 못했다.사람에게 최고의 동기를 부여하는 사람은대부분 자신들의 업무에최선을 다해 몰두하여열심히 일한 사람들이다.-밴 플리트.......
[자바스크립트] arguments 객체 [내부링크]
가변 인자 함수가변 인자 함수는매개변수의 개수가 변할 수 있는 함수입니다.자바스크립트는매개변수의 개수를 정의된 것과 다르게 사용해도 괜찮지만,여기서 말하는 가변 인자 함수는매개변수를 선언된 형태와 다르게 사용했을 때,매개변수를 모두 활용하는 함수를 뜻합니다.이전 포스팅에서 적었던Array ( ) 함수가 가변 인자 함수의 예입니다.이번에는매개변수로 입력된 숫자를 모두 더하는sumAll ( ) 함수를 작성하면서가변 인자를 알아보겠습니다.function sumAll ( ) { } 함수를 만들고함수 내부에서 arguments 변수를찾아볼게요.함수 내부에서Ctrl + Space bar를 누르시면사용 가능한 키워드가 나옵니다.가장 위.......
[자바스크립트] 함수 생성하기, 출력하기, 내용 입력하기, 선언적 함수와 익명 함수의 차이 [내부링크]
현대 프로그래밍 언어들은 '코드를 조금이라도 더 쉽게 작성하기 위해,코드를 조금이라도 더 깔끔하게 만들기 위해'다양한 개념을 도입했습니다.함수도 그러한 개념 중에 하나라고할 수 있습니다.코드를 묶고 이름을 붙여쉽게 다시 사용(재사용) 할 수 있게만든 것입니다.함수 생성하기함수를 만드는 방법은 두 가지가 있습니다.이름 있는 함수를 만드는 방법function name( ) { }이름 없는 함수를 만드는 방법function ( ) { }이름이 있는 함수는'유명 함수'나 '선언적 함수'라고 부르는데요.보통 '선언적 함수'라고 표현합니다.이름이 없는 함수는'무명 함수'.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 1월 28일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#담뱃값인상반대#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price방향뿐만 아니라,속도도 맞춰야 한다.월스트리트에는 옳은 판단을 했으나그것이 너무 빨라 명을 재촉한 사람들로넘쳐난다.시장에는 시간이라는 자물쇠가 있다.아무리 옳은 판단을 했다 해도시장이 움직이기 위해서는불가피하게 시.......
[자바스크립트] 매개변수 [내부링크]
함수 분석하기alert ( ) 함수prompt ( ) 함수프로그래밍적 용어로함수 괄호 안의 것을 매개 변수괄호 밖의 출력되는 것을(개발 환경에 따라 앞, 뒤에 출력될 수 있습니다.)리턴 값이라고 부릅니다.prompt () 함수의 경우string으로 메시지를 넣고,string으로 default를 넣으면string을 리턴해주라는 함수입니다.개발 환경에서 함수를 읽는 연습을자주 해주시면 다양한 함수를 이용하는데도움이 됩니다.alert () 함수의 경우message?: any를 넣게 되어 있고리턴으로 void가 나오게 됩니다.any라는 의미는 아무것이나 넣어도된다는 의미이고,void는 아무것도 없다는 뜻입니다.따라서,prompt () 함수는이러한.......
[자바스크립트] 반복문 활용 [채팅 봇, 1부터 100까지 더하고 곱하기, 최솟값 최댓값 구하기] [내부링크]
요새 카카오톡 오픈 채팅방에이런 녀석이 있던데요.보신 적 있으신가요?채팅방에 대해 물어보면지정된 몇 가지를 자동으로 알려주는 기능을 가지고 있는데요.반복문과 조건문을 이용해서봇 프로그램을 한 번 해볼게요.채팅 봇while 반복문에 무한 루프를 걸고if 조건문을 이용하였습니다.prompt( )로 사용자의 입력을 받고indexOf( )로 단어의 포함 유무를 결정합니다.사용자가 입력하는 단어에"안녕"이라는 단어가 있으면,"만나서 반갑습니다."를 출력합니다.사용자가 입력하는 단어에"시"가 포함되어 있으면현재 시각을 알려줍니다.마지막으로논리합 연산자를 이용하여사용자가 입.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 1월 27일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price몸에 밴 습관이 인생을 좌우한다.원래 습관의 족쇄란,너무도 가벼워 느낌조차 없다가도시간이 흐를수록점점 무거워져 결국에는다리를 절단내고 만다.내 나이쯤 되면습관을 바꾼다는 것 자체가거의 불가능해진다.이미 습관의 노예가 되어버린 것.......
[자바스크립트] for in 반복문, for of 반복문 [내부링크]
일반적으로 JavaScript라든지 JAVA라든지C# 같은 프로그래밍 언어는C와 C++의 영향을 크게 받은 프로그래밍 언어라고 말을 합니다.보통계통이 이어진다고 설명을 하곤 합니다.C와 C++이 기존에는for 반복문만 가지고 있었습니다.for 반복문의 용도 자체가몇 번을 반복할지를 정하는 거나 또는배열 내부에 있는 요소를 출력하는 용도로만 사용되었습니다.그래서배열 내부의 요소를 출력할 때조금 더 간단한 형식의 반복문을 사용하기 위해 만들어진 것이for in 반복문입니다.for in 반복문의 역할은배열 내부에 있는 요소를 출력한다.또는 객체 내부에 있는 요소를 출력한다.위 두 가지라고 생각해 주시면 좋겠습니다.JAVA나.......
집밥메뉴 [콩나물밥, 어묵탕, 제육볶음, 참나물무침] 추천해요 [내부링크]
음...락앤락이 좋아지려 하고있어요...이렇게 멋진 머그컵을 만들다니요!!저는 이렇게 맘에 드는 제품이 있으면...증시를 확인해봐요...음...외국인 놀이터군요!이상한 이야기가 길었네요.오늘도 마눌님께서집 밥을 정성스럽게 준비해 주셨어요.어묵탕입니다.청양고추를 엄청 넣으셨어요.또 고추가 얼마나 맵던지...요새 피곤해서 입병이 좀 있었는데요.그게 다 나았습니다.병도 치료하는...우리 마눌님 음식!대단합니다.마눌님께서지방의 그 식감을 싫어하셔서...살코기만으로 만든 제육볶음입니다.지방을 제거했다고 하셨는데...살코기 왜캐 통통합니까?매콤하니 아.......
집밥메뉴 [꼬마김밥, 섞박지, 오징어무침] 추천해요 [내부링크]
충무김밥은 좀 아쉬운 게...김밥에 내용물이 없다...음...그래서 마눌님께서는꼬마김밥 스타일로 만들어 버리셨어요!마눌님의 한계는 어디인가...매번 놀랍니다... 정말...섞박지도 직접 하시고...오징어무침도 직접 하시고...살이 아주 탱글탱글 하네요.마눌님께서...저 먹는 양을 아시기에...꼬마김밥을 넉넉하게 만드셨네요...최고예요!이런 건 먹다가 중간에 끊기면 안 돼요!섞박지랑 오징어무침과 같이 먹는꼬마김밥과 그냥 먹을 꼬마김밥의내용물을 달리하셨다는...저 센스 어떡하죠?마눌님께서오징어무침에 어묵도 같이 넣으셨어요.오징어와 어묵의 조화도 참 좋습니다.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 1월 25일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price다른 사람을 위해 일할 때행복하고 삶의 의미가 있다.인간도 다른 동물들과 마찬가지로자신의 생존을 위해 일해야 하지만,인간은 자기 자신을 위해서가 아니라모든 사람을 위해서 일해야 하기 때문에,자신만을 위해 일하는 경우에는살아갈 수 없다는.......
2021년 1월 25일 매매일지 [내부링크]
한신공영, 서희건설은 수익이 좀 있었지만,매도하지 않고 추가 매수했습니다.1년 더 보유하게 되었네요.파트론은 매도 후 농심홀딩스로매수하였습니다.개인적인 기록이라서이런 종목도 있구나...참조만 하셔도 좋을 거 같아요.매수 중1회차2회차#한신공영시장 : 코스피업종 : 종합건설업결산월 : 12월시총(우선주포함) : 242,406PER : 3.22ROA : 4.53%EPS : 6,514BPS : 48,191PBR : 0.43ROE : 13.52%#서희건설시장 : 코스닥업종 : 종합건설업결산월 : 12월시총(우선주포함): 375,737PER : 3.12ROA : 9.85%EPS : 525BPS : 1,986PBR : 0.82ROE : 26.41%#농심홀딩스시장 : 코스피업종 : 전문, 과학 및 기술 서비스업.......
[자바스크립트] break 키워드, continue 키워드 [내부링크]
break 키워드는 switch 조건문에서 언급했듯이 switch 조건문이나,반복문을 벗어날 때 사용하는 키워드입니다.continue 키워드는 바로 다음 반복문으로 넘길 때사용하는 키워드라고 할 수 있습니다.글로 이해하면 좀 어려운데요.코드로 한 번 보겠습니다.break 키워드break 키워드는 반복문을 벗어날 때사용하는 키워드입니다.while 반복문에도 적용할 수 있고, for 반복문에도 적용할 수 있고,for in 반복문에도 적용할 수 있습니다.우선 while로 무한 루프를 걸고 사용해볼게요.결과는 다음과 같습니다.코드를 보시면while 반복문의 조건이 항상 true로 되어 있기에내부의 내용을 무한히 반복해서 밖으로벗어나지.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 1월 26일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price고통 뒤에는 금광이숨겨져 있다.모든 고통 뒤에는금광이 숨겨져 있다.고통이 없으면금광은 발견될 길이 없다.고통을 겪지 않은 사람은금광이라는 존재 자체를 알지 못한다.실패하는 사람은늘 고통 뒤에 숨지만,금광이 거기에 존재한다는 사실을결.......
box 속성[border, border-width, border-style, border-color, border-radius] [내부링크]
테두리border 속성은 박스 속성의 하나입니다.border 속성코드를 작성하여 알아보겠습니다.border-width 속성은테두리의 너비를 지정하는 스타일 속성입니다.border-style 속성은테두리의 형태를 지정하는 속성입니다.border-color 속성은테두리의 색상을 지정하는 속성입니다.위에서 살펴본 모든 속성은 border 속성을 사용해 한 번에 입력할 수 있습니다.border 속성의 설명을 보시면,<line-width> || <line-style> || <color>라고나오는데요.지금까지 살펴본 border-width, border-style, border-color 속성을띄어쓰기로 구분해서 입력하시면 됩니다.border-radius 속성border-radius 속성.......
노랑통닭 [알싸한마늘치킨, 후라이드, 깐풍치킨] 먹어봤어요 [내부링크]
노랑 통닭이 처음 나왔을 때한 번 시켜 먹은 뒤로거의 먹지 않다가.오랜만에 한 번 먹어봤어요.두 명이서 먹는 건데...왜 이렇게 많아 보이지요...두 마리뿐이 안되는데...c기본 구성은 특별한 건 없는데요.알싸한 마늘치킨을 시키시면저렇게 통을 같이 주시는 거 같아요.그리고 소스와 무에 적혀있는 문구들이재밌네요.치킨 먹다가 울컥하겠네요...애인 있냐?없을 무오늘 주문한 치킨은#알싸한마늘치킨#후라이드#깐풍치킨입니다.노랑 통닭 전속모델이유해진 씨네요.유해진 씨 보려고 삼시세끼도자주 봤었는데요...볼수록 매력이 있어요...제품의 포장은혹시 모를 불상사를 위해단단히.......
2021년 2월 공모주 청약일정 [내부링크]
#피엔에이치테크홈페이지 : www.phtech.co.kr설립일 : 2009년 8월 24일업종 : 기초 화학물질 제조업주요제품 : OLED 소재결산월 : 12월재무정보수요예측일 :2021년 1월 28일 ~ 1월 29일공모청약일 :2021년 2월 3일 ~ 2월 4일주간사 : 한국투자증권#나노씨엠에스홈페이지 : www.nanocms.co.kr 설립일 : 2003년 4월 17일업종 : 전자부품 제조업주요제품 : 근적외선 흡수/반사 안료, 자외선 유기형광결산월 : 12월재무정보수요예측일 :2021년 2월 1일 ~ 2월 2일공모청약일 :2021년 2월 4일 ~ 2월 5일주간사 : 키움증권#네오이뮨텍홈페이지 : www.neoimmunetech.co.kr/_kor/설립일 : 20.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 1월 23일 금, 은 시세지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price아무것도 하지 않을자유를 누리자.사람들이 일에 전혀 집중하지 않을 때가장 뛰어난 사고를 할 수 있다.마음을 전혀 혹사하지 않고,아무것도 의식하지 않은 채텅 비워 둘 때,오히려 복잡한 문제들이아주 잘 풀린다.-앤 피셔(포춘 원로 작가)저는 가끔 제가 하는 일이 너무 벅차거나.......
[자바스크립트] for 반복문, forr 반복문 [내부링크]
for 반복문while 반복문이 조건에 비중을 두는 반복문이라면,for 반복문은 조건보다 횟수에 비중을 둘 때사용하는 반복문입니다.for 반복문의 형태는 다음과 같습니다.for (<초기식>; <조건식>; <종결식>) { <문장>}while 반복문과 달리 초기식과 종결식이 있습니다.for 반복문에서는 가장 먼저 초기식이 한 번 실행된 후 조건을 비교합니다.이때조건식이 거짓이라면,반복문을 빠져나갑니다.조건식이 참이라면,문장을 실행하고 종결식을 실행한 후다시 조건식을 비교합니다.for 반복문은 이와 같은 일을지속적으로 반복합니다.다시 정리해보면,1. 초기식을 실행합니다.2. 조건식을 비교하여, 거.......
[금값, 은값] 시세 확인하세요 [내부링크]
2021년 1월 24일 금, 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#현재금값#현재은값#금값조회#은값조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price타인과의 갈등이 나를 키운다.측은지심과 인내심을 기르려면,누군가 의도적으로자신을 괴롭히는 사람이 있어야 한다.그런 사람은측은지심과 인내심을 기를 수 있는더없이 좋은기회를 주기 때문이다.그런 사람은우리 스승조차 해줄 수 없는 방법으.......
안주거리 [번데기탕, 골뱅이무침, 콘치즈, 허니버터오징어구이] 추천해요 [내부링크]
요새는 술자리 나가기도 꺼려지고,마땅한 술자리도 없고 하네요.갑자기 급 맥주가 당겨서...마눌님께 말했어요.오늘 맥주 한잔하자!그랬더니...마눌님께서 간단한? 안주거리들을마련해 주셨어요...첫 번째 안주술을 먹는데 탕이 빠질 수 없지요.번데기 탕입니다.길거리에서 파는 번데기는 잘 안 먹는데요.마눌님이 집에서 끓여주는 번데기 탕은제가 참 좋아합니다.얼큰하고 칼칼한 맛이 참 일품입니다.비주얼은...두 번째 안주는뚝배기 콘치즈 이 정도는 먹어줘야...리필을 안 하지요 치즈도 정말 어마어마하게 들어있어요.이것은 정말...악마의 음식입니다.먹고 또 먹고..........
자바스크립트 while 반복문, do while 반복문 [내부링크]
자바스크립트의 가장 간단한 반복문은while 반복문입니다.if 조건문과 형태가 비슷합니다.while (<불 표현식>) { <문장>}if 조건문과 다른 점이라면,문장을 한 번만 실행하고 끝나는 것이 아니라,불 표현식이 참인 동안은 계속적으로문장을 실행합니다.다음과 같은 코드가 있다면,위 프로그램은 위에서 아래로 실행되다가 while 반복문을 만나면조건이 true 이면문장을 실행합니다.그리고 프로그램이 끝났기에 다시 위로 올라가서true를 확인하고 다시 문장을 실행하는 것을영원히 반복합니다.혹시나,확인해보신다고 직접 해보는 것은추천드리지 않습니다.while (true) 형식을 무한 루프infinite Loop라고 부르.......
금값시세 확인하세요 [내부링크]
2021년 1월 21일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price사람들은 3가지 이상기억하지 못한다.지난 20년간 3만 명 대상 500번의 실험을 통해,사람은 무조건 세 가지의 사실만 기억할 수밖에 없는존재라는 것을 알아냈다.3의 법칙을 기억하라.어떤 주제나 사안에 대해 기억할 때핵심적인 세 가지만 기억하라.-아서 아크만, 텍사스 주립대 교.......
box 속성[width, height, margin, padding, box-sizing] [내부링크]
CSS는 다음과 같은 속성을 모두 합쳐박스 속성이라고 이야기합니다.이번 포스팅에서는padding 속성, margin 속성, width 속성,height 속성에 대해 먼저 알아보고,테두리border 속성은 다음 포스팅에서알아보겠습니다.width 속성과 height 속성width 속성과 height 속성은글자를 감싸는 영역의 크기를 지정하는스타일 속성입니다.코드로 한 번 알아보겠습니다.결과는 다음과 같습니다.<div> 태그의 너비와 높이가 300px로 지정됩니다.margin 속성과 padding 속성margin 속성과 padding 속성은 각각의 너비를 지정하는 속성입니다.코드로 확인해볼게요.결과는 다음과 같습니다.요소 검사를 사용해 코드를.......
2021.01.22 [금값, 은값] 시세 확인하세요 [내부링크]
2021년 1월 22일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price가슴으로 느끼고, 손으로 적고, 발로 뛰는 게 꿈꿈을 품고만 있어서는 안됩니다.꿈은 모리로 생각하는 것이 아닙니다.가슴으로 느끼고,손으로 적고,발로 뛰는 게 꿈입니다.-존 고든목표를 세우고 실천에 옮기는 습관을 들이면2년 안에 인생이 달라질 것누구든지 실패는 두렵습니다........
집밥메뉴[팟시금치무쌉, 홍합시금치된장국, 오삼불고기] 추천 [내부링크]
요새는 날씨가 좀 풀린 듯하기도 하네요.한창 추울 때밖에서 일할 때 신발에 넣어서 쓰라고마눌님이 챙겨주신...핫팩 깔창입니다.정말 너무 추울 때는 발가락이 너무 아프기도 한데,이거 참 좋네요.나중에 한 번 써보세요.마눌님께서 오랜만에 오삼불고기를 준비하셨어요.먹음직스럽네요.저기에 소주 한잔하면 좋겠네요.많이 맵지 않고고기와 오징어를 같이 먹으면쫄깃한 맛을 느낄 수 있어서 참 좋네요.확실히마눌님께서 직접 오징어를 손질하시고,요리하셔서 그런지오징어가 엄청 탱탱하고 큽니다.!!그리고못 보던 요리가 있어서 마눌님께 물어보니'맛남의 광장'인가요..........
금값시세 확인하세요 [내부링크]
2021년 1월 17일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price아무도 타지 않은 배를 타라.유행해서 사람들이 몰린 곳을발견했다면그곳은 이미 늦었다고 봐야 한다.설령그곳에 합류한다고 해도성과가 적다.그보다는아무도 타지 않은 배,작더라도 튼튼한 배에 타는 것이현명하다.-아키모토 히사오 (헤이세이 건설 회장)만일 당신이 성공을.......
display 속성, visibility 속성, opacity 속성 [내부링크]
태그가 화면에 보이는 방식을 지정하는속성에 대하여 알아보겠습니다.display 속성display 속성 중 중요한 키워드의차이에 대하여 알아보겠습니다.<h1> 태그를 여러 개 만들어서키워드에 대하여 알아보겠습니다.참고해서 같은 태그를 여러 개 만들실 때h1*5 이런 식으로 입력하시면<h1> 태그가 5개가 만들어집니다.<h1> 태그는대표적인 block level element로다음과 같이 웹 브라우저에 나타납니다.여기에서 display 속성을inline으로 부여하면다음과 같은 모습이 나오게 됩니다.속성값을 none으로 주게 되면웹 브라우저에서 내용이안 보이게 됩니다.inline-block 키워드는 inline 키워드와 유사하.......
indexOf()와 나머지(%)를 이용한 조건문 그리고 위도와 경도로 두 지점 사이의 거리 구하기 [내부링크]
indexOf() 메서드자바스크립트의 문자열은뒤에 점(.)을 찍고 indexOf() 메서드를사용할 수 있습니다.위 코드의 결과는outputA는 0outputB는 -1이 나옵니다.indexOf() 메서드는 '앞에 있는 문자열 뒤에 있는 문자열이포함되어 있을 경우 위치를 출력'해주는 메서드입니다."안녕하세요"라는 문자열 안에 "안녕"이라는문자열이 가장 앞에 포함되어 있습니다.자바스크립트는 숫자를 0부터 세기 때문에"안녕"이라는 문자열의 위치는0번째 위치입니다.그리고outputB는 앞에 있는 문자열에 뒤에 있는 문자열이포함되어 있지 않기 때문에-1이 출력됩니다.정리해보면,출력값이음수라면 : .......
집밥메뉴 추천해요 [내부링크]
고등어는 통조림으로 먹으면가시도 바를 필요 없고 해서참 편하게 먹을 수 있어요.그렇지만,생물의 통통함을 어찌...통조림이 대체할 수 있겠습니까...그래서 오늘은고등어조림입니다.고등어가...토실토실하네요 살도 아주 꽉 차서좋네요.고등어조림은이렇게 살을 먹어도 맛있지만...이렇게 국물에 담가서김치를 올려 먹는 게...진짜 먹는 거 아니겠습니까...같이 먹을 요리로간장 불고기를 준비하셨어요.매콤한 고등어조림과 함께 먹으려고맵지 않은 간장 불고기를 준비하신 거 같아요.맛의 조화도 생각하시는...간도 적당하고,단짠단짠해서 무한 흡입입니다...c오늘도 맛.......
금값시세 확인하세요 [내부링크]
2021년 1월 18일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price희망은 괴로움이라는 언덕길너머에서 기다리고 있다.인생은 평화와 행복만으로는살 수 없으며,괴로움이 필요하다.이 괴로움을 두려워하지 말고슬퍼하지도 말라.인생의 희망은 늘 괴로움이라는 언덕길,그 너머에서 기다리고 있다.-몽테뉴, '사색의 광장'에서성장과 성.......
자바스크립트 배열 생성, 접근, 추가, 삭제 [내부링크]
배열은 여러 개의 변수를 한꺼번에선언해 다룰 수 있는 자료형입니다.자바스크립트에는문자열, 숫자, 불, 함수, 객체, undefined의총 여섯 가지 자료형이 있습니다.배열은 이 중 객체 자료형 중 하나입니다.배열 만들기배열은 대괄호([ ])로 생성합니다.대괄호 안에 자료들을 쉼표로 구분하여입력합니다.[10, 20, 30, 40, 50, 60]요소와 인덱스[10, 20, 30, 40, 50, 60]대괄호 안의 10, 20, 30.. 을요소element라고 부릅니다.가장 앞에 있는 10을0번째라고 부르게 됩니다.0부터 시작하는 방법을0-index(zero-index)라고 부르며,각 자리는0번째, 1번째, 2번째, 3번째, 4번째, 5번째요소가 됩니다.이때 '0번째, 1.......
금값시세 확인하세요 [내부링크]
2021년 1월 19일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price현실적이고,달성 가능한 목표를 세우라는조언은 듣지 말라.현실적인 목표로는 부자가 될 수 없다.하워드 슐츠, 레이크 록 등세계적 부자들은다른 사람들이 보기에이룰 수 없는 목표를 세웠다.덜 과감한 목표를 세웠다면,그만큼 덜 성공했을 것이다.무엇보다,꿈꿀 수 있는 용기를 가.......
금값시세 확인하세요 [내부링크]
2021년 1월 20일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price좋은 사람을 만나는 것은신이 내리는 선물좋은 사람을 만나는 것은신이 내리는 선물이다.그 사람과의 관계를 지속시키지 않는 것은신의 선물을 내팽개치는 것이다.-휴렛 팩커드 공동 창업자데이비드 팩커드,'휴대폰 하나 컴퓨터 한대로100억 부자가 된 사람들'에서인생의 변화.......
if 조건문, if else 조건문, 중첩 조건문, if else if 조건문 [내부링크]
자바스크립트에서 가장 일반적인 조건문은if 조건문입니다.if 조건문의 형태는 다음과 같습니다.if (<불 표현식>) { <문장>}불 표현식이 true 면 문장을 실행하고,false 면 문장을 무시합니다.간단한 예제 코드를 한 번 적어볼게요.위 코드를 실행하면'종료'라는 단어가 나타나는경고창이 출력됩니다.if 조건문의 조건이 거짓이므로내부의 문장을 실행하지 않습니다.조건문의 기본 형태를 살펴보았습니다.if 조건문현재 시각에 따라 오전과 오후를 구분하는프로그램을 만들어볼게요.결과는 다음과 같습니다.현재 시간을 출력합니다.현재 22시를 기준으로 첫 번째 if 조건문은 거짓이 되어 무시되.......
교촌치킨 [레허반반순살, 리얼후라이드] 먹어봤어요 [내부링크]
월요일부터 목요일이라는여러 감정들이 섞인 과거가 지나고드디어 금요일입니다.금요일 아침이 되면왠지 감성적이 되는 거 같아요.매일 싸주는 마눌님의 아침 도시락이오늘따라 매우 감동적으로 다가옵니다.오늘의 아침 도시락 메뉴는치아바타한라봉딸기 우유아몬드&잣 두유언제나 고맙습니다. 마눌님어제는 저에게 매우 특별한 날이었습니다.언제 만든지도 모르고...방치했던 Blog를 2020년 11월 12일부터 글을 쓰기 시작했는데요.2021년 1월 14일 방문자 1만 명 달성!!그동안 방문 주셨던 많은 분들께감사의 마음을 전합니다.이렇게 의미 있는 날은.... 치킨!!그래서 마눌님이 주문하신 교촌치킨!!!.......
금값시세 확인하세요 [내부링크]
2021년 1월 15일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price긍정적인 사고로 뇌를 채우지 않으면...누군가가 자신의 뇌를 긍정적이고창조적인 생각을표출하는 데 사용하지 않을 경우,자연은 부정적인 생각을 떠올리도록 유도해서그의 뇌 공간을 채워 넣는다네.-나폴레온 힐, '결국 당신은 이길 것이다.'에서가끔 대화를 나누다 보면.......
switch 조건문 [내부링크]
switch 조건문도 if 조건문과 마찬가지로대부분의 프로그래밍 언어에서가지고 있는 구문입니다.기본 구문 중에 복잡한 형태를 가지고 있어서구문 형태를 확실하게 외우셔야사용하실 수 있습니다.switch (<비교할 값>) { case <값>: <문장> break; case <값>: <문장> break; case <값>: <문장> break; default: <문장> break;}실제 코드를 입력해서살펴보겠습니다.코드의 내용을 살펴보면switch 조건문의 괄호 안에비교할 값을 입력합니다.입력한 표현식과 case 키워드 옆의 표현식이 같다면case 키워드 다음의 문장을 실행합니다.그리고break 키워드는switch 조건문이나 반복문을.......
금값시세 확인하세요 [내부링크]
2021년 1월 16일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price집중할 단 하나를 빼곤 과감하게'아니오'를 외쳐라우리의 시간과 자원은 한정되어 있다.자신이 진정으로 원하는 것들로삶을 채우고 싶다면당신의 인생은 십중팔구 거절해야 하는 것들로가득하게 될 것이다.자신의 단 하나에가장 강력한 '예'를 말하고나머지에게는&#.......
집밥메뉴 추천해요 [내부링크]
마눌님은 다양한 요리에 도전하는 걸좋아합니다.오늘은 파스타에 도전하셨네요.2017년 이탈리아에 갔을 때파스타를 맛있게 먹었던 기억이 있어서사진을 한 번 찾으려고핸드폰을 뒤적이다지금은 상상도 할 수 없는사진을 발견했어요.오...군중들...지금은 할 수 없는...역시 먹는데 정신 팔려서...사진이 없군요!마눌님은 크림 파스타를 하셨어요.이렇게 접시 위에 올린 파스타이렇게 빵 안에 넣은 파스타이렇게 넣는 파스타를 뭐라고 하던데...흠...암튼 뭐 크림 파스타에요.파스타는 고추를 좀 넣으셔서매콤한 맛이 나요.크림 파스타는 자칫 느끼할 수 있는데,매운맛이 맛의 균형을 잡아주는 느낌입니.......
삼항 연산자와 짧은 조건문 [내부링크]
if 조건문과 switch 조건문 외에도삼항 연산자 조건문이 한 가지 더 있습니다.연산자이긴 하지만,프로그램의 실행을 조건에 따라변화시킬 수 있으므로조건문으로 분류해서 알아볼게요.삼항 연산자항이 3개라는 의미삼항 연산자 = 조건부 연산자기본적인 형태<불 표현식> ? <문장 A> : <문장 B>문장 A는 참일 때 실행되는 문장이며문장 B는 거짓일 때 실행되는 문장입니다.삼항 연산자는코드가 너무 복잡해질 수 있으므로한 줄로 표시할 수 있을 때만사용하는 것이 좋습니다.위 코드의 내용을 살펴보면숫자가 0보다 크다면 ?그게 맞다면 '자연수 입니다.'를 출력하고그게 아니면 '자연수가.......
금값시세 확인하세요 [내부링크]
2021년 1월 13일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price90%가 찬성하는 아이디어는 버려라.90%가 찬성하는 방안이 있다면나는 반드시 그것을 쓰레기통에갖다 버린다.이렇게 많은 사람들이 좋다는 계획이라면,분명 많은 사람들이 시도했을 것이고,그 기회는 우리 것이 아니기 때문이다.-마윈, '마윈 웨이'에서투자에 있어서도.......
집밥메뉴 추천해요 [내부링크]
날씨가 너무 추워서외근 나갈 때는핫팩을 하나 정도 챙겨서 나가는데요.오늘 핫팩 들다가 깜짝 놀랐네요.정말...유병재 씨 얼굴은 왠지 보면...짠해요...c사진을 보니 저도 추워지려고 하네요.핫팩 안에 내용물 사진도 같이 올릴게요.참조하세요.요즘처럼 추운 날에는정말 따끈한 국물이 절로 생각납니다.오늘은 마눌님께서제 마음을 읽으시고...해물탕을 준비하셨네요!사진을 보고 있으니...맛이 떠올라...침을 한 번 삼킵니다.오호!꽃게도 있군요!국물도 얼큰하고,해산물이 너무 많이 들어 있어서...아주 개운하고 시원합니다.함께 먹을 요리로는...소고기 숙주나물볶음을 준비하셨군요!콩.......
스타일시트 사용 단위 [내부링크]
스타일 속성 입력은다음 링크를 참조하시면좋겠네요.Value 값은 특정한 단위를 갖습니다.스타일시트에서 사용하는 단위에 대해 알아볼게요.키워드키워드는 CSS3에서 가장 쉽게사용할 수 있는 단위입니다.각각의 스타일 속성에 따라 별도의키워드가 존재하므로 전부 다 설명은어렵습니다.하지만,에디터를 사용하시면 특정 속성에어떤 키워드가 있는지 알려줍니다.키워드에 대해서는 앞으로의 포스팅에서 알아보겠습니다.크기 단위크기 단위는 CSS3에서 가장 많이 사용되는단위입니다.CSS3에서 사용하는 크기 단위는 %, em, rem, cm, mm, inch, px입니다.이 중 자주 사용하는 크기 단위는아래 표와 같습니다.첫 번째로 %.......
금값시세 확인하세요 [내부링크]
2020년 1월 14일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price가장 많이 주는 사람이가장 크게 얻는다.자신이 성공하기 위해꼭 필요한 규칙이 하나 있는데,바로다른 사람이 성공하도록 돕는 습관입니다.난 이 규칙이 작동하지 않는 걸본 적이 한 번도 없어요.이 규칙은 모든 형태의 인간관계에적용됩니다.인생에서가장 많은 걸 얻는 사람은다른.......
방문해 주셔서 감사합니다. [내부링크]
부자가 되고 싶은 평범한 아저씨가 프로그래밍을 공부한 흔적과 고양이 두 마리 집사의일상을 기록하...
주로 사용되는 <Tag> [내부링크]
HTML은 약 150개 이상의 Tag가 존재합니다.하지만,많은 웹페이지들에서 주로 사용되는 Tag는 대략 30...
Text Editor 실행 [내부링크]
우선 컴퓨터 바탕화면에 새폴더를 하나 생성해 주세요.폴더 이름은 web으로 하겠습니다.텍스트 에...
그랑삼국 하시는분 쿠폰드려요 [내부링크]
와이프가 회식이라...편의점 도시락을 사두었군요.도시락 뚜껑에 그랑삼국 쿠폰이 있습니다.기한이 오늘까...
HTML <title> tag [내부링크]
현재 웹브라우저 화면입니다.뭔가 이상하지 않으세요 ?다른 웹브라우저는 자신의 페이지의 특성...
HTML Text Formatting [내부링크]
웹페이지의 내용을 원하는 모양으로 만들 수 있는 몇 가지 Tag들을 살펴보겠습니다.우선 html text ...
HTML Lists [내부링크]
HTML에서 목록을 표현하는 대표적인 태그는 <ul>, <ol>태그입니다.설명을 보면 <ul...
HTML 기본 문서 서식 textbox [내부링크]
웹사이트에 사용자가 정보를 입력하고 쌍방향으로 작동하게 해주는 간단하지만 효과적인 몇 가지 방법을 ...
집사의 음식이 궁금한 양순이 씨 [내부링크]
언제나 집사의 식사를 감시하는 양순이 씨...양아치 씨는 배부르면... 관심 없음...소파에서 기절해 있...
주식시장을 이기는 작은 책 [내부링크]
가치 투자에 대한 이야기.이 책을 읽고 5년 정도 꾸준히 주식 투자를 유지하고 있습니다.주식 등락에 ...
오늘은 이만 좀 쉴게요 [내부링크]
에세이.이거 왜 캐 길지... 하면서 읽은 책..그래도...사람들이 나의 뒤에서 이야기하는 것은 내가 그...
할 수 있다! 코딩 [내부링크]
HTML, CSS, JavaScript, Python, APP 개발에 대한 기본적인 내용코딩을 통한 앞으로의 진로...
맘마미아 월급 재테크 실천법 [내부링크]
월급 관리에서부터 주식, 펀드, 부동산, 경매까지 전반적인 내용을 알 수 있습니다.관심 있는 부분에 대...
기분이 태도가 되지 않게 [내부링크]
예전에 '스토브리그'라는 드라마에서 연기자가 했었던 말이 기억났습니다.그때도 그 말 참 멋...
정부가 집값을 안 잡는 이유 [내부링크]
저자가 인터넷 카페에 올린 글을 책으로 발행하였습니다.저자의 인터넷 글을 자주 읽는 독자로서 책을 판...
HTML 기본 문서 서식 button [내부링크]
사용자가 옵션을 선택할 때 check box, radio button, drop down 버튼 등을 사용하는데요.각 버튼의 ...
HTML Table tag [내부링크]
Table이라고 불리는 표 형식을 한 번 만들어 보겠습니다.위에 보이는 표는 다음과 같은 코드로 만들...
부의 추월차선 언스크립티드 [내부링크]
'부의 추월차선'의 완결판.'부의 추월차선'도 훌륭하지만, 이 책 또한 좋습니다....
존 리의 부자 되기 습관 [내부링크]
우리 부모님은 내가 어렸을 때 왜 아무것도 안 하셨을까....라는 생각이 끊임없이 생각나는..그냥... 주...
CSS 등장 배경 및 준비사항 [내부링크]
웹을 만든 사람들은 웹 페이지를 아름답게 만드는 방법에 대해 두 가지 갈림길에 서게 됩니다.우선,...
'생명을 책임진다'는 것은 엄청난 인내가 필요합니다. [내부링크]
아버지 생신으로 하루정도 집을 비웠더니...의자 두개가...쿠션의자에서 원목? 가구로 변해있네요.예...
아주 비싼 생일 선물을 받았습니다. [내부링크]
11월 25일(수)은 블로그 주인장 생일입니다. (옛날 사람이라... 음력으로 한답니다.)요새 매일 밤마다 조...
2020년 하얼빈 얼음축제 [내부링크]
저의 마눌님이 중국 국적 소유자 인건 아시는 분들은 아시겠지요..2020년 구정 때 하얼빈 처가댁을 다녀왔...
CSS Property(속성) and Value(값) [내부링크]
우리는 CSS 기본 문법에서 효과를 의미하는 용어가 Property라는 것을 알게 되었습니다.이제 우리...
CSS Selector(선택자) [내부링크]
CSS 기본 문법에서 CSS를 구성하는 두 가지 토대를 보았습니다.첫 번째는 Property 두 번째는 ...
2020년 8월 제주도 여행 [내부링크]
마눌님과 저는 평소에는 잘 돌아다니지 않아요.1년에 한 번 정도 해외를 나가자는 목표가 있어서요.언...
'담보'중에 가장 위험한 담보는 '젊음'입니다. [내부링크]
2020년 11월 12일 소나타 N 라인 출시!!저 차 갖고 싶다...아직 내 차 렌트기간도 남았는데...이거 ...
우리가 빛의 속도로 갈 수 없다면 [내부링크]
사내도서로 선정되어 읽어봤습니다.SF 소설은 학창 시절 이후 오랜만이라 다른 사람들은 어떻게 느꼈을지...
birthday party [내부링크]
마눌님께서 생일이라고 거하게 차려주시네요.고맙습니다
인천 굴 세상 용현점 [내부링크]
생일 축하 파티 겸 점심 식사를 위해 방문하였습니다역시 겨울엔 굴이 최고인 거 같아요.굴 부침개 또...
끝까지 해내는 사람들의 1일 1분 루틴 [내부링크]
해야 한다! 하면 된다! 나를 따르라! 자기 계발서...저자는 목표 실현 전문가로 1만 2,000명 이상의 행동...
CSS block level element & inline element [내부링크]
작성 중인 뉴스의 선을 그리는 작업을 해야 할 텐데요.이 선을 그리기 전에 'block level eleme...
CSS box model [내부링크]
블록 레벨 엘리먼트와 인라인 엘리먼트에 이어서 오늘은 박스 모델에 대하여 알아보겠습니다.box.htm...
CSS 박스 모델 적용하기 [내부링크]
앞에서 살펴본 'block level element'와 'inline element' 그리고 'box mode...
CSS <div> & <span> tag [내부링크]
새로운 내용을 배워보기 위해서, 새로운 html 파일을 하나 만들게요.파일 이름은 grid.html로 하겠습니...
CSS grid 사용하기 [내부링크]
이번에는 grid라는 diplay 속성 값을 사용하여 뉴스 본문 내용을 오른쪽으로 이동해보겠습니다.우선 ...
CSS <span> tag & Pseudo classes & color code & fonts [내부링크]
<span>태그에 대해서는 너무 설명 없이 넘어간 거 같아서 조금 더 설명드리고, 유용한 선택자와 컬...
HTML5 <ruby> tag, lists 활용 [내부링크]
루비 문자는 일본어에서 자주 쓰이는 글자 형식으로 아래 단어처럼 한자 위에 표시되는 글자를 의미합니...
HTML5 <table> tag 활용 [내부링크]
배경색을 지정하여 테이블을 작성해보았습니다.코드를 입력하시면 다음과 같은 웹 페이지 모습을 확...
HTML5 입력 양식 태그 활용 [내부링크]
일반적으로 <input>태그는 <form>태그 안에 있어야 합니다. 하지만 최근 Ajax 기술의 활성화...
달 보고 출근하고 달 보고 퇴근하기 [내부링크]
아침 06시 37분 출근할 때 찍은 달 사진입니다.이른 아침부터 저리 큰 달을 보고 출근하면서 드는 생각이.....
CSS float & position Property [내부링크]
웹 페이지를 작성하면서 레이아웃으로 'grid'를 사용했습니다.이번에는 블록을 움직이는 pro...
CSS 미디어 쿼리(mediaquery) 소개 [내부링크]
현재의 웹 페이지들은 스마트폰, 태블릿, 노트북 등 수많은 기기의 다양한 화면에서 동작하고 있습니다....
CSS 미디어 쿼리(mediaquery) 활용 & 외부 CSS [내부링크]
미디어 쿼리를 이용해서 웹 페이지를 화면의 크기가 변할 때 반응할 수 있도록 해보겠습니다.화면이 80...
CSS3 Selector(선택자) (1) [내부링크]
전체 선택자전체 선택자를 사용하면 <html>태그를 포함해 <head>태그, <title>태...
CSS3 Selector(선택자) (2) [내부링크]
속성 선택자<input>태그는 type 속성을 입력하지 않으면 자동으로 text 속성값을 적용한 형태...
CSS3 Selector(선택자) (3) [내부링크]
자손, 후손 선택자<table>태그에서 자손 선택자를 사용하실 때는 주의하셔야 할 점이 있습니다...
[공유] 전세 살지말고, 4호선 평촌·산본 사두세요. [내부링크]
인생은 선택의 순간이지요. 저는 좀???!!! 아 많이 늦었지만... 살길을 찾읍시다.서울 사고 싶으면 수도...
[공유] [기간한정] 10만원 블로그 전자책 무료나눔 by 노마드크리스 [내부링크]
해보지도 않고 포기하면 바보 !성원에 감사드립니다.12월 11일로무료나눔을 마감합니다2차 전자책 무료나눔...
JavaScript 소개 & <script> tag [내부링크]
Web 이 세상에 처음 등장했을 때는 HTML이라는 하나의 기술만 존재했습니다. 하지만 인간의 욕심...
JavaScript 이벤트(event) onclick,onchange,onkeydown [내부링크]
코딩을 모르던 시절에는 아무 생각 없이 지냈는데요.코딩을 좀 배우고 어느 날 네이버 화면을 보니 화면 ...
2020년 LOTTO 구매 결과 [내부링크]
저는 매주 로또 천원, 연금복권 천원이렇게 구매합니다.오프라인으로만 구매할때는좀 부끄러웠어요.ㅎㅎ...
K뱅크 최대 금리 20% 적금 [내부링크]
K뱅크에서 신규 가입자에게최고 연 20%라는 파격적인 금리를 제공하네요.2020년 12월 8일까지신규 ...
2021년 신년운세 알아보기 [내부링크]
한 달 뒤면 2021년입니다.새해가 되면...새해는 좀 어떨까 하는 마음으로신년 운세 많이 보시지요.그래...
거리두기 2단계에 대해서 [내부링크]
코로나 확진자 수가줄어들지 않고자꾸 늘어나는 건제 기분일까요?저야 뭐 원래 집에 박혀 있는 걸좋아해...
키워드 검색 도구들 [내부링크]
[네이버 블로그]키워드 검색 도구들 (키워드 도구, 키워드 마스터, 카똑똑, 키자드(keyzard))https://m.blo...
JavaScript 데이터 타입(문자열과 숫자) & console [내부링크]
컴퓨터 프로그래밍에서는 데이터를 처리하는 것이 매우 중요한 일입니다.이번에는 자바스크립트라는 컴퓨...
JavaScript 변수 & 대입 연산자 [내부링크]
학창 시절에 이런 공식 많이 보셨지요.x=1, y=1일 때 x+y=2이다.자바스크립트에서는...
CSS3 Selector(선택자) (4) [내부링크]
반응 선택자는 사용자의 반응으로 생성되는특정한 상태를 선택하는 선택자입니다.반응 선택자코드를 한...
가치주 투자 이야기 [내부링크]
제 블로그를 보니투자 이야기도 만들어 놓고는로또만 써놨군요 ㅎㅎㅎ저의 주식 이야기를한 번 써볼까 해...
2021 한국사 시험 일정 알아보아요 [내부링크]
안녕하세요.한국사능력검정시험이2019년 4회2020년 5회 시행에서2021년부터 연 6회로 시행됩니다.2019...
12월 공모주 청약일정 [내부링크]
좀 늦었지만20년 12월 남은 공모주 청약 일정 알려드립니다.월별 공모주가 어떤 종목이 상장되는지확인하...
2021 최저임금 알아볼게요 [내부링크]
우선최저임금제란?국가가 노·사간의 임금 결정과정에개입하여 임금의 최저 수준을 정하고,사용자에게 이 ...
3기 신도시 이벤트 [내부링크]
3기 신도시 홈페이지 이벤트가 있어서알려드려요.3기 신도시 홈페이지가 12월 7일부터새롭게 오픈했다고 ...
JavaScript 제어할 태그 선택하기 [내부링크]
영상을 보시면 'night'나 'day'버튼을 클릭하면 색깔이 바뀌고, <body>태그에 s...
JavaScript 비교 연산자와 불리언 [내부링크]
지금껏 만들어 왔던 뉴스 웹 페이지의 'night'와 'day' 버튼을 하나로 통합하여 토글(...
경기부동산포털 앱 활용하기 [내부링크]
경기도의 부동산, 개발 정보, 실거래가 조회 등경기도와 관련된 어플이 있어서알아보았습니다.경기부동산...
티바 두 마리 치킨 먹어봤어요 [내부링크]
퇴근해서 집에 와도집 정리와 고양이 관리로공사다망한 소인을 위해마눌님께서 성은을 내리사퇴근길...
금 시세 2020년 12월 10일 [내부링크]
2020년 12월 10일금, 은 시세입니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 ...
2021년 신용등급제 폐지 [내부링크]
2021년 1월 1일부터 신용점수제가 사용됩니다.15년간 운영되던 등급제가이제는 점수제로 바뀌는데요신...
패스트라인 가치주 투자 일지 [내부링크]
손익률은 2020년 12월 10일 종가 기준입니다.지극히 개인적인 투자 기록 메모입니다.1회차2회차
마눌님 가치주 투자 일지 [내부링크]
손익률은 2020년 12월 10일 종가 기준입니다.매수일은 마눌님 월급날 기준... ㅎ지극히 개인적인 투자 기...
JavaScript 조건문 [내부링크]
본격적으로 들어가기에 앞서if 문과 Boolean을 사용하여조건문의 형식을 알아보겠습니다.단순한 코드를 ...
CSS3 구조 선택자 [내부링크]
구조 선택자에 대하여 알아볼게요구조 선택자는CSS3부터 지원하는 선택자입니다.보통 자손 선택자와...
[공유] 신도시의 역사에서 바라본 매수ㆍ매도 적기 [내부링크]
Hello World !!
[공유] 부린이들아 내년 초반까지 더 이상의 추격 매수는 자제해야 한다. [내부링크]
Hello World !!
고용보험 실업급여 신청하기 [내부링크]
20살 때부터 친하게 지내던 형님이이번에 직장에서 해고를 당하셨습니다.새로운 직장을 얻기 전까지 실업...
거리두기 3단계 내용 확인 [내부링크]
2020년 12월 12일 확진자 수가950명이라고 나왔네요.아직 2.5단계 거리 두기 효과가나오지 않아서 그렇...
간단한 안주거리 추천 [내부링크]
퇴근 후청소기를 열심히 돌리고 있는데,왠일로 빨리 퇴근하신 마눌님께서플래쉬보다 빠른 속도로체중계에 ...
금 시세 확인하세요 [내부링크]
2020년 12월 12일 기준입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.혹시...
[공유] 무료로 팔리는 제목의 비밀 모음집을 드립니다 (10.22 업데이트) [내부링크]
Hello World !!
[공유] [기간한정] 3달 만에 컨설팅으로 1억 번 전자책 무료나눔 by 의대생 베라 [내부링크]
먼저 당신이 가질지도 모르는 의심, 열등감, 어이없음의 감정을 깨드리겠습니다.의대생 베라의 첫 번째 전...
2021년 1월 공모주 엔비티 살펴보기 [내부링크]
엔비티기업 소개2012년 설립된 모바일 광고 기업입니다.스마트폰 잠금 화면에광고를 띄우는 캐시 슬라이...
2021년 1월 공모주 레인보우로보틱스 살펴보기 [내부링크]
레인보우로보틱스기업 소개2011년 설립되었으며,카이스트 휴머노이드 로봇 연구센터연구원들이 창업한 로...
2021년 1월 공모주 선진뷰티사이언스 살펴보기 [내부링크]
선진뷰티사이언스기업 소개1878년 설립2016년 선진뷰티사이언스로 사명 변경화장품 원료 분야가 주력 사업...
2021년 1월 공모주 모비릭스 살펴보기 [내부링크]
모비릭스기업 소개2007년 설립된 모바일 하이퍼 캐주얼 게임 개발사대표작게임으로 벽돌깨기, 미로찾기...
[공유] [무료나눔] 블로거들을 위한 100만원짜리 글쓰기 체크리스트 지금만 - 아는것과 모르는 것의 차이 [내부링크]
끝까지 읽어주세요> 블로그 성장이 멈춘 당신을 위한 체크리스트 입니다. > 네이버 블로그를 하는데 ...
[공유] 미국주식 3가지 종목으로 월배당 셋팅하기 [내부링크]
배당으로 월세 받기
[공유] 내일 그랑힐스랑 캐슬앤더샵 청약 넣으세요 [내부링크]
2021년 1월 11일 청약 참고하세요오늘도 영종도 물어보시는 분들이 있으신데요...영종도 연륙교 호재도 ...
[펌 글]2021년 증시 뜨거운 시작하지만, 소처럼 묵묵하게 투자하시라 [내부링크]
저도 사람인지라...요새 주식시장을 보고 있으니...현금성 자산을 좀 풀어볼까...생각을 하며여기저기 ...
자동 자료형 변환 [내부링크]
자동 자료형 변환은String(), Number(), Boolean() 함수나자료형 변환 함수를 사용하지 않고연산자와 함께 사용했을 때 자료형 변환이자동적으로 일어나는 경우를 말합니다.문자열 변환자료형과 문자열 연결 연산자로문자열을 연결하면문자열로 변환하게 됩니다.<어떤 자료형> + 문자열↓문자열 + 문자열 => 문자열52 + "273" ↓"52" + "273" = "52273"즉,+ 연산자가 문자열 연결 연산자로사용됩니다.숫자 변환자료형에 + 기호를 제외한나머지 기호를 사용하면숫자 변환이 일어납니다.<어떤 자료형> - <어떤 자료형> => 숫자<어떤 자료.......
집밥메뉴 추천해요 [내부링크]
음...시리즈라고 할 것도 없지만...계속 같은 제목으로만 올리니...시리즈가 된 것만 같은...저만의 생각!마눌님 집밥 시리즈오늘도 엄청난 요리를 소개해 드립니다.직접 만드신 장조림입니다.당연히 소고기로 만든 줄 알았는데요.돼지고기로 만들었다고 하네요.소고기든 돼지고기든...보기에 참 좋네요...질기지도 않아서 먹기 참 좋습니다.방송으로 대추를 넣는 것도 봐서넣어 봤다고 합니다.대추는 껍질이 좀 뻣뻣한 느낌이 있어서알맹이만 먹으면 좋겠어요.무생채 같지요?저도 그런 줄 알았는데요.콜라비로 만들었다고 합니다.전 콜라비가 뭔지도 모르겠습니다.c아삭한 맛이 참 좋네요........
일치 연산자 [내부링크]
자바스크립트에서 비교 연산자를 사용하게 되면자동 자료형 변환이 일어나며,최대한 유연하게 자료를 비교합니다.10 == "10" 0 == false위 값을 비교하면 모두 true가 나옵니다.10 == "10"은자바스크립트가 내부적으로10 == Number("10")으로 바꾸면두 값이 같아지기에 true가 출력됩니다.0 == false 같은 경우Boolean(0)으로 바꾸면 false가 출력되어두 값이 같아지므로이 경우도 true가 출력됩니다.이처럼 최대한 두 가지 자료형을비교하게 됩니다.다른 프로그래밍 언어에서는자료형이 다른 두 값을 비교하는 게안되거나 다르다고 판정합니다.......
링크 선택자와 부정 선택자 [내부링크]
링크선택자는href 속성을 가지고 있는<a>태그와 한 번 이상 다녀온링크를 선택할 수 있는 선택자입니다.링크 선택자.코드로 한 번 알아볼게요.전후문자 선택자도 함께 사용하였습니다.결과는 다음과 같습니다.부정 선택자부정 선택자는 반대로 적용할 수 있는선택자입니다.코드로 한 번 알아보겠습니다.속성 선택자를 활용하였습니다.결과는 다음과 같습니다.결과를 보시면<input>태그 중 type 속성값이password인 태그가 아닌모든 태그가 선택되어style이 적용됩니다.읽어주셔서고맙습니다.
금값시세 확인하세요 [내부링크]
2021년 1월 11일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price이웃에게 좀 더 친절하고서로 사랑하자우리가 살아가는데 가장 중요한 것은이웃에게 좀 더 따뜻하고친절해지는 일이다.따듯함과 친절이야말로모든 삶의 기초가 된다.따듯함과 친절이 없는 지식은자칫 파괴의 수단으로 전락하여그 자신과 이웃에 상처를 입힌다.이웃에게 좀 더 친절하고 서.......
집밥메뉴 추천해요 [내부링크]
오늘은 왠지...해물파전이 먹고싶은데요.먹고 싶다면...생각합니다.해물파전 먹고싶다...먹고싶다...그러면...현실이 됩니다!제 생각이 마눌님께 닿았나봐요!고맙습니다. 마눌님!!상콤하게 해물파전으로 시작합니다.우선은 그냥 한 점 먹어봅니다.하...요...맛있네요!달래장에도 한 번 찍어먹어봅니다.달래장 참 맛나요.장이 맛있으니,파전은 더 맛있어 지는군요!연근 조림이 등장했네요.색깔도 참 이쁘게 나왔네요.짭짤하고,아삭아삭 식감이밥 반찬으로 아주 좋군요!입안에서 잔치가 벌어집니다.혹시 이 음식 아시나요?마눌님이 자주 해주시는데요.토마토랑 계란이 같이 들어있어요........
금값시세 확인하세요 [내부링크]
2021년 1월 12일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price벽에 부딪힐 때마다 '고맙다'라고 말하자우리는 벽에 부딪힐 때마다 가장 먼저'고맙다'라고 말해야 한다.성공의 기회가 주어지고 있기 때문이다.어떤 일을 하거나 도전을 하고 있는데벽이 나타나지 않았다고 해보자.이는 아주 가벼운 아령으로 근육운동을 하고 있는 것.......
ECMAScript 6 [내부링크]
공부는 계속하고 있는데...정작 제가 무엇을 만들고 싶은지...그리고무엇을 할 수 있는지를 모르겠습니다.도구를 사용하는 방법은열심히 익히고 있는데...그것을 어떻게 활용해야 하는지를모르겠다는 게 참 이상스럽습니다.음...공부를 더해야겠어요!언젠가는 뭐든 하겠지요ECMAScript 6에서 추가된템플릿 문자열,let 키워드,const 키워드에 대하여살짝 알아보고 넘어가겠습니다.템플릿 문자열문자를 삽입할 때 표현식을 내부에 넣는 기능이라고할 수 있습니다.위 코드는+를 두 번 사용하여 문자열과 숫자를연결합니다.결과는 다음과 같습니다.위 코드를 좀 더 효율적으로 바꾸고자 하는욕망에 의해 나온 것이 템.......
자료형 검사와 입력 [내부링크]
변수의 특성에 대하여 잠시 이야기하고넘어갈게요.변수의 재선언변수를 컵이라고 생각하고,컵 안에는 하나의 내용물만 담을 수 있다고가정해볼게요.커피가 담긴 상태에서 녹차를 다시 담으려면커피를 버리고 녹차를 담아야 합니다.혹시...난 섞어도 먹을 수 있는데!!!여기서 이러시면 안 돼요...!암튼 이 특성을 생각하고다음과 같은 코드를 작성하고결과를 확인해볼게요.결과는 다음과 같습니다.이처럼 자바스크립트는기존에 존재하는 변수를재선언할 수 있습니다.typeof 연산자자바스크립트의문자열, 숫자, 불 등의 자료형을확인할 때 typerof 연산자를 사용합니다.typeof 뒤에 검사하고 싶은 자료형을입력하면 확인할.......
금값시세 확인하세요 [내부링크]
2021년 1월 8일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price정직하고 성실한 사람에게만 행운이 다가온다.정직하고 성실해야 한다.그리고행운이 필요하다.아무리 정직하고 성실해도누구도 당신이 성공하리라 보장 못 한다.그러나,행운은 정직하지 않고,성실하지 않은 사람에게는절대 오지 않는다.-윤윤수 휠라 회장인생을 되돌아보니.......
금값시세 확인하세요 [내부링크]
2021년 1월 9일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price애벌레가 나비가 될 수 있는딱 한 번의 기회많은 사람들이 변화에 대한 두려움 때문에애벌레 상태로 머물러 있다.안락한 상태를 떠나고 싶어 하지 않는 것이다.하지만,애벌레가 나비가 되기 위해서는딱 한 번의 기회뿐이다.그것은큰 위기,즉,작은 죽음으로써 가능하다.-티키.......
숫자와 문자열 자료형 변환 [내부링크]
자료형 변환의 종류에는 두 가지가 있습니다.1. 강제 자료형 변환 : 개발자가 원하는 시점에특정한 코드로 자료형 변환2. 자동(암묵적) 자료형 변환 : 프로그래밍 언어가 내부적으로 자동으로 자료형 변환강제 자료형 변환원하는 자료형으로 변환하고 싶을 때는그 자료형의 이름을 가진 함수를 사용합니다.각 함수의 매개변수를 살펴보겠습니다.Nubmer() 함수는매개변수로 any라고 쓰여있습니다.즉, 어떤 값이든 가능하고출력값은 숫자로 나오게 됩니다.String() 함수도 어떤 값이든 가능하며,출력값은 문자열로 나오게 됩니다.Booean() 함수는unknown으로 나오지만마찬가지로 어떤 값이든 가능하며,출력.......
펭수 텀블러 선물 받았어요 [내부링크]
음...쉬는 날이지만...날씨 녀석의 변덕으로오전에 잠깐 출근했는데요.날씨가 정말 어마어마하군요!건강 정말 조심하셔요.어제 퇴근하고 지하주차장에 주차 후밖에서 잠시 있는데...왠지 저것은 우리 집으로 갈 거 같다는강한 느낌을 받은 물건을 보았어요.제가 요새 미래를 보는 거 같아요...흠...돈 버는 쪽으로 봐야 할 텐데...역시나...주말 대비 식자재가 도착해있습니다.이번 주말도 풍성하겠군요.다른 택배도 몇 개 있네요...마눌님 신발!그리고식자재...무슨 풀이 이렇게 많냐...혼자 투덜거리고...마지막 포장을 뜯고 저도 모르게 오른손을 위로 올려펭하! 라고 외쳤습니다.오호!텀.......
금값시세 확인하세요 [내부링크]
2021년 1월 10일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price우리는 자신이 늘 생각하는그대로 만들어진다.기억하게,자네의 마음은 자네가 항상 생각하는 것들을끌어당긴다는 사실을 말일세.힘, 성공, 부에 대해서 생각하는 자는이러한 것들을 소유할 수 있도록 끌어당기지.그러나,절망, 실패, 좌절, 빈곤을 생각하는 사람은그가 생각한 그대로달갑.......
집밥메뉴 추천해요 [내부링크]
요새 날씨가 너무 추우니...2020년 구정 때 하얼빈에 다녀온 기억이 자주 떠오르네요.두고 온... 세뱃돈...농담입니다...c추웠던 그때 날씨가 생각나서요.보통 하얼빈 얼음축제는 사람이 너무 많아서잘 놀지 못하는데...안 좋은 시기여서.. 저희는 좋았다는...뭐 그렇습니다.저 정도면 시체 아닙니꽈?아주 그냥...저 자리가 명당인가 보군요!오늘은 매우 소소한 밥상을 소개할까 해요.이런 것도 있어야지요.참나물 무침이에요.마눌님은 요리도 잘하지만,플레이팅도 참 잘하는 거 같아요.먹음직스럽지요?아삭아삭하니...참나물 본연의 맛을 이끌어 내고 있습니다.음...참나물입니다.맛도 참.......
변수 선언과 할당 and 초기화 [내부링크]
변수는 값을 저장할 때 사용하는 식별자입니다.이름은 변수지만,숫자 자료형뿐만 아니라모든 자료형을 저장할 수 있습니다.변수는 3가지 방법으로 선언할 수 있습니다.우선 여기서는var을 기준으로 말씀드리고,이후 추가적으로 포스팅해볼게요.선언과 할당 and 초기화변수를 사용하려면두 단계가 필요합니다.1. 변수를 선언합니다.2. 변수에 값을 할당합니다.변수를 만드는 것을"변수를 선언한다"라고 표현합니다.변수의 선언 형태는var <식별자>;의 형태입니다.즉,var 키워드 뒤에 식별자를 사용하면해당 식별자는 변수가 됩니다.그리고 변수에 값을 저장하는 것을"변수에 값을 할당한다"라.......
복합 대입 연산자와 증감 연산자 [내부링크]
변수는 복합 대입 연산자와 증감 연산자를사용할 수 있습니다.위 코드의 출력값은 20이 나옵니다.자바스크립트에서는 다음과 같은 식의연산은 왼쪽부터 진행합니다.1+2+3+4...하지만,할당 연산자 같은 경우는 오른쪽부터 계산되기에다음과 같이 계산됩니다.var radius = 10;radius = radius + 10;radius = 10 + 10;radius = 20;alert(20);이것을 복합 대입 연산자로 표기하면radius = radius += 10; 과 같습니다.복합 대입 연산자복합 대입 연산자는 대입 연산자와다른 연산자를 함께 사용하는 연산자입니다.+= 기존 변수의 값에 값을 더합니다.-= 기존 변수의 값에 값을 뺍니.......
BBQ 핫 황금올리브 블랙페퍼 크리스피 레드착착 먹어봤어요 [내부링크]
2020년 11월 12일 첫 포스팅을 남겼습니다.블로그를 운영하는 게꾸준히 공부를 진행하기 위해서 시작했었는데요.애드 포스트라는 게 있다는 걸 알고어떻게 하면 되는 건지알아보았지만,뭐 명확하게 나온 게 없어서혼자서 그냥 막 신청했습니다.2021년 1월 4일4번째 도전을 하였는데요.오홍...2021년 1월 5일드디어등록되었습니다!!!기쁜 마음을 마눌님께 이 사실을 알렸지요!이 한마디로 저녁에 치킨을 먹었다는...서두가 길었군요.아... 마지막으로...저희 집에 배달 오셨던... 기사님...죄송합니다.제가 정말로 늦게 나가고 싶어서 그런 게 아니고...머리부터 발끝까지 비눗물투성이 상태여서...정말.......
금값시세 확인하세요 [내부링크]
2021년 1월 7일 금 은 시세입니다.지난 1년간 금시세 변화입니다.지난 1년간 은시세 변화입니다.출처 : #금모아1만 원 이상부터금, 은 구매 가능합니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price행복의 반대말은 불행이 아니라 불만이다.불행은 한순간에 찾아오지 않는다.늘 불만을 늘어놓다 보면 나도 모르게어느새 불행과 친해져 버리는 것이다.마치 천천히 늪에 빠지는 것처럼.-정철, '머리를 9하라'에서눈 때문에하루 종일 힘드셨을 거예요.저도... 1시.......
문자열 및 숫자 자료형 [내부링크]
문자열 자료형alert( ) 함수의 매개변수로 사용된"Hello World..!"와 같은 자료를문자열String 자료형이라고 합니다.문자열 자료형은 문자를 표현할 때사용하는 자료형입니다.자료형은자료의 형태를 의미합니다.자바스크립트에서는보통 두 가지 방법으로 문자열을 생성합니다.첫 번째는 큰따옴표를 사용하는 것두 번째는 작은따옴표를 사용하는 것입니다."방문해 주셔서 고맙습니다"'방문해 주셔서 고맙습니다'두 가지 방법 중 어떤 방법으로든문자열 자료형을 만들 수 있지만,따옴표의 종류는 항상 일관되게사용하여야 합니다.그러나 문자열 안에 따옴표를 사용해야 한다면다음과 같이 모두 사.......
불 자료형 [내부링크]
자바스크립트에서는 참과 거짓을 표현할 때불bool 자료형을 사용합니다.불이라는 표현이여러 가지로 사용되는데요.불, 불린, 불리언, Bool, Boolean각 표현을 사용하는 이슈가 다르니true와 false를 표현한다고 생각하시는 게좋은 거 같네요.자바스크립트에서는true와 false를 앞에 소문자로 쓰셔야인식합니다.true와 false를 직접 쓰는 경우는거의 없으니 참고하시면 좋을 거 같아요.비교 연산자불을 만드는 방법즉,비교를 통해서 참과 거짓을 만들어 낼 때비교 연산자를 사용합니다.>= 좌변이 우변보다 크거나 같습니다.<= 우변이 좌변보다 크거나 같습니다.> 좌변이 큽니다.< 우변이 큽니다.=&#.......
금값시세 확인하세요 [내부링크]
2021년 1월 5일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price현재 삶에 만족하고 멈춘다면인생의 중고품과 같다.지금까지의 삶에 만족하고 있다면,그는 새로운 삶을 포기한 인생의중고품이나 다름이 없다.그의 혼은 이미 빛을 잃고무디어진 것이다.우리가 산다는 것은끝없는 탐구이고,시도이고,실험이다.탐구와 시도와 실험이 따르지 않는 삶은이.......
2021년 1월 5일 매매일지 [내부링크]
후후...두 달여간의 노력과 4번의 도전...애드포스트 등록 성공했어요!!오늘 주식이 좀 빠지네요...좋지요...싸게 살 수 있으니까요!!두산인프라코어 매도 후아이씨디 매수대림건설 매도 없이 추가 매수한국콜마홀딩스 매도 없이 추가 매수개인적인 매매 기록입니다.참고만 해주세요.매수 중1회차2회차3회차#아이씨디시장 : 코스닥종가 : 18,300PER : 7.07ROA : 18.47%EPS : 2,588BPS : 10,487PBR : 1.75ROE : 24.68%시총 : 328,454산업명 : IT, 디스플레이 및 관련부품결산월 : 9월#대림건설시장 : 코스피종가 : 30,550PER : 4.95ROA : 8.77%EPS : 6,176BPS : 35,841PBR : 0.85ROE : 17.23%시총 : 673,728산업.......
집밥메뉴 추천해요 [내부링크]
가끔은 중국요리처럼 기름진 음식이자주 땡기지요...c오늘은 중화요리로 한 끼 해결해볼까요!마눌님이 직접 만든 탕수육입니다.튀김이 약간 탔다고 속상해하시던데요...제가 보기엔 하나도 안 탔는데...음...요리엔 문외한이니 뭐...c중국집에서 먹는 탕수육처럼 바삭 바삭거리지는 않아요.튀김옷이 쫀득쫀득해서 씹는 맛도 좋고,집에 고기가 좀 남아서 만들었다는데...고기가 남으면... 탕수육을 만드는...소스까지 다 만드셨데요...깐풍기와 깐쇼새우를 아직도 구분 못하는...깐쇼새우라고 다시 배웠습니다.집에 해산물이 많으니다양한 음식을 먹을 수가 있네요...이것도 보통 일이 아니.......
금값시세 확인하세요 [내부링크]
2021년 1월 6일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price할 수 없는 일이 무엇인지파악하라자신이 누구인지, 또 자신이 할 수 있는 일과할 수 없는 일이 무엇인지알아야만 최선의 능력을 발휘할 수 있다.만약,할 수 없는 일에 발목을 잡혀서더 높이 날아가지 못하는 상황이라면그 할 수 없는 일이 무엇인지 파악하라.그것이 할 수 있는 일을.......
웹 서버와 웹 브라우저의 통신 [내부링크]
이번 포스팅에서는두 대의 컴퓨터가 있는 상황에서서로 웹 페이지를 주고받는 과정을알아보겠습니다.한 대의 컴퓨터에는 웹 서버가 설치되어 있고, 그 컴퓨터의htdocs 폴더에 날씨.html 파일이있는 상태입니다.저는 웹 브라우저를 통해 웹 서버에접속해서 날씨.html 파일을 전송받아화면에 표시하고 싶습니다.그때 필요한 것이웹 서버의 주소즉,IP 주소가 필요합니다.비유적으로 표현하자면,친구에게 전화를 걸고 싶다면,친구의 전화번호가 필요한 것과 같습니다.웹 서버와 웹 브라우저의 통신을직접 해보시기 위해서는우선,컴퓨터 두 대가 필요합니다.요즘에는 데스크톱과 노트북, 태블릿 등다양하게 가지고 계셔서 괜찮지만.......
기본 용어 및 출력 [내부링크]
앞전 포스팅 내용을 거치면서HTML, CSS, JavaScript에 대하여 간단히 알아보았습니다.앞으로의 포스팅에서는자바스크립트의 기본 문법부터 시작하여jQuery, Ajax까지 한 번 알아보는 내용을적어볼까 합니다.그리고 HTML, CSS에 대한 부분도계속 공부하며 포스팅하겠습니다.기본 용어표현식 : 자바스크립트에서 값을 만들어 내는간단한 코드를 '표현식'이라 부릅니다.27310+20+30*2'fastLine'문장 : 하나 이상의 표현식이 모이면'문장'이 됩니다.문장 끝에는 마침표를 찍듯이세미콜론(;)을 찍어 문장의 종결을알려줍니다.하나의 표현식도 세미콜론만 찍으면문장이라고 부릅니다.이러한 문장이.......
새해 떡국 드세요 [내부링크]
연말에 너무 바빠서...다음날 포스팅만 올려두고...종소리도 못 듣고 뻗어버렸네요.아침에 포스팅을 확인하니...대표 사진도 잘못되어 있고...급하게 사진을 변경하고거실로 나가니 마눌님께서또 거하게 한 상 차리셨군요.마눌님은 참 부지런하셔요...기분이 안 나는 새해지만...그래도 한 살 더 먹는데...떡국은 먹어야지요...참고로 저 위에 검은 알이...캐비어...마눌님께서 식품회사에 다니시는 게...이럴 때는 참 황송합니다.도대체 이건 얼마짜리 떡국입니까?지단도 손수 다 하셨군요...정말 전생에 나라를 구할 뻔 하긴 했나 봐요...수제 떡갈비...소고기와 돼지고기를 갈아서갈비양념으로 만.......
집밥메뉴 추천해요 [내부링크]
연휴가 좀 길어지면엄청난 택배가 집으로 도착합니다.거의 다 식자재에요...이 많은 걸 언제 다 먹지?이런 생각은마눌님의 요리를 한 번 보면...아 이걸 생각하셨구나...이마를 똭! 치게 됩니다.오늘은 해물찜을 하셨네요.요새 왠지 해물탕이 먹고 싶어서...자꾸 나가자고 졸랐더니...집에서 만드셨군요...!정말 대단하세요...얼큰한 거에 빠질 수 없는 게 있지요?계란찜을 하셨는데...궁물이 궁물이...좋군요...계란찜을 먹지만 탕을 먹는듯한놀라운 효과...!맛있습니다.밥은 콩나물밥으로 하셨군요...장은 달래장!오홍...이른 봄을 맞이해봅니다.콩나물밥에 달래장...해물찜..........
금값시세 확인하세요 [내부링크]
2021년 1월 3일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.2020년 12월 23일 ~2021년 01월 04일까지영상 공유 이벤트를 진행 중이니참여하셔서 은 받으세요.인스타그램-https://www.instagram.com/tv/CJIll-5FBbY유튜브 - https://youtu.be/f7M16D7DQq0네이버TV - http://naver.me/xDspKyDq카카오채널 - http://pf.kakao.com/_xohxbvM/61729860혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price꿈에는.......
금값시세 확인하세요 [내부링크]
2021년 1월 4일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.2020년 12월 23일 ~2021년 01월 04일까지영상 공유 이벤트를 진행 중이니참여하셔서 은 받으세요.인스타그램-https://www.instagram.com/tv/CJIll-5FBbY유튜브 - https://youtu.be/f7M16D7DQq0네이버TV - http://naver.me/xDspKyDq카카오채널 - http://pf.kakao.com/_xohxbvM/61729860혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아#금값시세조회#은값시세조회#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price세상의.......
집밥메뉴 추천해요 [내부링크]
쉬는 날이지만...방구석에서 열심히 공부 중인데...주방에서 고기 굽는 냄새가...유혹에 넘어가지 않겠다는... 생각과는 달리..이미 저의 몸은 주방으로...#고기품은된장찌개#두부부침#취나물무침#콩자반대단한 한 상이 차려져 있네요...마눌님께서 정성껏 차려주셨으니...야무지게 먹어볼게욧!된장찌개에 들어있는 고기와 두부를한 번에...이거 참...진한 국물 맛에... 고기의 맛까지아주 좋군요!마눌님은 중국인이면서도...참 된장찌개를 잘 끓이신다는....콩자반 언제 샀어?물어보니...어젯밤부터 준비한 거라고...이거 손 많이 가는 음식으로 알고 있는데...대단하십니다!콩을 오.......
금값시세 확인하세요 [내부링크]
2021년 1월 2일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.2020년 12월 23일 ~2021년 01월 04일까지영상 공유 이벤트를 진행 중이니참여하셔서 은 받으세요.인스타그램-https://www.instagram.com/tv/CJIll-5FBbY유튜브 - https://youtu.be/f7M16D7DQq0네이버TV - http://naver.me/xDspKyDq카카오채널 - http://pf.kakao.com/_xohxbvM/61729860혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아#금시세조회#은시세조회#금구매#은구매#금테크#은테크#금값#은값#Gold#Silver#Price한 번뿐인 삶을멋지게 사는 방법인.......
Window 웹 서버 설치 [내부링크]
이번에는 내 컴퓨터에 웹 서버를 설치해서누구나 내 컴퓨터에 있는 웹 페이지를볼 수 있도록 해볼게요.사실... 예전에 했어야 했는데요...자꾸 안돼서 포기했는데...다시 시도해 봅니다.요새는 웹 호스팅 업체가 많고,또 편리하기에 자신의 컴퓨터를서버로 운영하지는 않는데요.그래도 인터넷의 동작 원리를 한 번알아본다는 마음으로 보시면 돼요.다시 한번혹시나 직접 하시다가안된다고 속상해하지 않으셔도 돼요.정상 작동하는 건 한 가지 이유인데,작동하지 않는 이유는 너무 많으니까요.Apache웹 브라우저도 여러 제품이 있듯이,웹 서버도 여러 제품이 있습니다.그중 Apache를 소개해드릴게요.오픈소스이고 무료입.......
금값시세 확인하세요 [내부링크]
2021년 1월 1일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.2020년 12월 23일 ~2021년 01월 04일까지영상 공유 이벤트를 진행 중이니참여하셔서 은 받으세요.인스타그램-https://www.instagram.com/tv/CJIll-5FBbY유튜브 - https://youtu.be/f7M16D7DQq0네이버TV - http://naver.me/xDspKyDq카카오채널 - http://pf.kakao.com/_xohxbvM/61729860혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아#금시세조회#은시세조회#금구매#은구매#금테크#은테크생각하는 대로 살지 않으면사는 대로 생각하게 된다.당신이 이루거.......
티바두마리치킨 히어로세트2 먹어봤어요 [내부링크]
2020년을 보내기가 정말 힘든 하루였네요.1년 중 이렇게 힘든 날이 많지 않은데...유독 너무 힘들었습니다.마눌님도 힘들고 화가 많이 나신 날인 듯...치킨을 사 오셨군요...오늘은 히어로세트2를 사 오셨네요.메뉴에 있는고마간 + 후라이드 세트 가격과실제 구매금액이 다른 이유를 곰곰이 생각해 보니초코볼 5개가 히어로 세트에포함되어서 차이가 있는 거 같아요.히어로세트2는 고마간 + 후라이드 + 초코볼 5개로이루어져 있습니다.요새 임영웅씨 효과를 제대로 보나 봐요.텀블러도 주는군요.made in korea가 똭!젓가락을 보니여기도 임영웅씨가 똭! ㅎㅎ대단합니다.의식을 치러야지요..........
jQuery라이브러리 [내부링크]
2021년 새해 기원하시는 모든 일 이뤄지시길 바랍니다.오늘날 소프트웨어를 만든다고 하면혼자서 만드는 경우는 매우 적습니다.그리고소프트웨어를 만들 때혼자 만드는 것보다는다른 사람이 이미 잘 만든 것을부품으로 삼아 내가 만들고자 하는 것을빠르게 조립해서 만드는 것이오늘날 소프트웨어를 만드는 아주 중요한기본 중의 기본이라 할 수 있습니다.지금까지는 생산자가 되는 방법을살펴보았습니다.이제는다른 사람이 만든 소프트웨어를부품으로 삼아내가 만들고 있는 소프트웨어의생산자가 되는즉,소비해서 생산자가 되는소프트웨어의 사회성에 대해알아보겠습니다.소비를 하기에 좋은 키워드가두 가지 있는데,라이브러리.......
파일로 정리 정돈하기 [내부링크]
정리 정돈의 도구로함수와 객체를 알아보았습니다.이번 포스팅에서는서로 연관된 코드들을 파일로 묶어서그룹화하는 것을 알아볼게요.야간 모드/주간 모드 버튼을다른 파일에도 나타내기 위해우선 <input> 태그를 복사하여스포츠.html, 연예.html 파일에붙여 넣겠습니다.스타일 적용은 되어있는데<div> 태그로 묶어놓질 않아서...그냥 막 나오네요 ㅎㅎ그냥 버튼만 봐주세요.그리고버튼의 기능을 활용하기 위해서<script>태그의 내용을 전부 다붙여 넣으셔도 되겠지만,외부 CSS 방식 때처럼<script>태그를 제외한 내용들을파일로 저장해서 경로를 지정해사용할게요.저의 <script> 태그의 내용.......
깻잎두마리치킨 먹어봤어요 [내부링크]
마눌님이 화가 잔뜩 나셨네요.연차로 휴무일인데 일때문에어쩔 수 없이 출근해서...그래도 연차니까 빨리 퇴근하려 했는데...평소보다 더 늦어버렸군요!마눌님은 이렇게 화가 많이 나시면...치킨을 주문합니다.c웃프군요...새로운 업체들이 많이생긴건가요?또 못보던 업체군요.#깻잎두마리치킨치킨, 그 이상의 세계...오호...저세상 치킨맛이군...사진을 좀 못찍어요...c뭐 암튼 김지민씨가 모델로 활동하시네요.티비 광고는 본 기억이 없는데...메뉴판을 한 번 확인해봅니다.두 마리인데 가격이 착한듯하네요.맛을 변경하면 추가 금액이 붙는군요...뭐 암튼 열어볼게요.왼쪽부터.......
금값시세 확인하세요 [내부링크]
2020년 12월 31일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.2020년 12월 23일 ~2021년 01월 04일까지영상 공유 이벤트를 진행 중이니참여하셔서 은 받으세요.인스타그램-https://www.instagram.com/tv/CJIll-5FBbY유튜브 - https://youtu.be/f7M16D7DQq0네이버TV - http://naver.me/xDspKyDq카카오채널 - http://pf.kakao.com/_xohxbvM/61729860혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아#금시세조회#은시세조회#금구매#은구매#금테크#은테크우리는 꿈이 있기에 위대합니다.누구나 자기 미래의 꿈에 계속 또 다.......
객체의 활용 [내부링크]
이전 포스팅에서완성하지 못했던 코드가 있는데요.이번 포스팅에서배웠던 내용들을 바탕으로완성해보겠습니다.제가 마지막으로 작성했던 코드입니다.이제 보시면 객체와 메서드로 이루어져있음을 아실 수 있으실 거예요.setColor라는 함수명이 중복되어각기 다른 이름으로 함수명을 지었습니다.객체를 이용해서 코드의 내용을바꿔볼게요.코드를 보시면Links라는 변수와Body라는 변수에객체를 담았습니다.객체 안의 Property를 구분하기 위해(,) 콤마를 사용하였습니다.코드를 작성하다가대소문자 구분을 하지 않아서오류가 발생했었는데요.오류가 발생 시에는 크롬 개발자 도구를활용하시면,어디서 문제가 발생했는지 쉽.......
집밥 메뉴 추천해요 [내부링크]
#된장찌개#매운잡채#감자채볶음#대구스테이크된장찌개에 유부를 넣으면생각보다 맛이 좋아요.유부가 국물을 많이 흡수해서짭짤하니 괜찮습니다.감자채볶음은 이렇게 넓은 접시에 수북이 쌓아야보기도 좋고맛은 더 좋은 느낌이 들어요마눌님은 잡채를 정말 금방 만들어요.이번에는 약간 매콤하게 만드셨군요.느끼함이 없어서 계속 들어갑니다.c시중에 판매하는대구스테이크라는 제품인데요.생각보다 밑간이 없네요.마눌님이 겉에 양념을 짭짤하게 하시니 좋았습니다.가시도 없고먹기에 편해서 좋네요.오늘도 잘 먹었습니다.고맙습니다.
금값시세 확인하세요 [내부링크]
2020년 12월 30일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.한달간 열심히 모은 돈으로...구매했어요 소소하군요!2020년 12월 23일 ~2021년 01월 04일까지영상 공유 이벤트를 진행중이니참여하셔서 은 받으세요.인스타그램-https://www.instagram.com/tv/CJIll-5FBbY유튜브 - https://youtu.be/f7M16D7DQq0네이버TV - http://naver.me/xDspKyDq카카오채널 - http://pf.kakao.com/_xohxbvM/61729860혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아#금시세조회#은시세조회#금구매#은구매#금테크#은테크礼物도.......
객체 쓰기와 읽기 [내부링크]
지금까지의 내용 중에서정보의 양이 많아졌을 때서로 연관된 정보를 정리 정돈하기 위한도구에는 배열이 있었습니다.그리고배열은 순서에 따라 정리 정돈한다는특징이 있었습니다.복습 차원에서 콘솔에서 배열을실습해 보겠습니다.위와 같이 코드를 작성하면인덱스를 통해 각 정보를 가져올 수 있습니다.즉,배열이라는 도구는 정보를 담는 그릇이면서 동시에 정보가 순서대로저장된다는 특징을 가지고 있습니다.순서대로 저장될 수 있는 정보가 있다면순서 없이 저장할 수 있는 정보도있지 않을까요?그것이 바로 객체입니다.그렇다고 데이터를 무작위로집어넣으면 될까요?그것은 휴지통입니다.물건을 꺼낼 필요가 없기 때문에.......
객체와 반복문 [내부링크]
이전 포스팅에서객체의 데이터를 가져오는 법을알아보았는데요.이번에는 객체의 데이터를 한 번에 다 가져오는방법에 대해서 알아볼게요.배열에서는 반복문을 사용하여데이터를 순차적으로 가져왔는데요.객체에서도 반복문을 사용해서순차적은 아니지만모조리 다 가져올 수 있습니다.방법을 알아보기 위해검색해 볼게요.'javascript object iterate'로 검색했어요.누군가가 미리 질문하신 내용이 있네요.내용을 보시면 for .. in을 사용하라고 합니다.내용 중에 let이 보이시지요.저 let도 변수를 선언할 때 사용합니다.변수를 선언할 때는 var, let, const 키워드를 사용하는데요.ES6(2015)에서 let, const 키.......
객체 프로퍼티와 메서드 [내부링크]
객체에는 데이터를 담을 수 있습니다.지금까지는 문자열만 담았지만,배열, 숫자 등 많은 것을 담을 수 있습니다.이번에는 함수를 담는 것을한 번 살펴보겠습니다.제가 입력한 family.showAll = function() {}이 코드는family라는 객체에showAll이라는 메서드를 추가한코드입니다.뒤에 함수를 적었는데요.기존에 적었던 함수 표현과는 다르지만저것의 의미는function showAll() {}과같은 표현이라 생각하셔도 괜찮습니다.그럼 저 함수에iterate 했던 for 문을 넣어보겠습니다.결과는 다음과 같습니다.이 방법의 문제점은 family의 이름이 showAll() 함수 내에도있기 때문에 family라는 객체의 이름이바뀐다면 show.......
크리스마스 파티 음식 [내부링크]
프로그래밍 공부 내용을블로그에 올리다 보니...정말 쉬는 날도 쉴 수가 없군요.혼자 방에서 머리를 쥐어짜며 공부하던 중맛있는 냄새에 이끌려거실로 나갔습니다.오...이쁘지 않나요?암튼 목 꺾인 닭에게 붓 칠을 하고 계시네요?오븐에 굽는 중인데30분마다 꺼내서 저렇게버터+꿀을 혼합한 소스를 바르고계시네요.오...대단합니다.저런 거 처음 봤어요...언제 준비했냐고 물어보니아침에 두 시간 정도 소금물에담가두고...6시간 정도 소스에 재워놨다고...정성이 느껴집니다.소스를 바른 녀석은 다시오븐으로...목이 꺾여서 보기만 해도 힘들어 보인다는...총 두 시간을 구웠는데요.마지막 30분에는 야채도 같이.......
금값 시세 확인하세요 [내부링크]
2020년 12월 28일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.2020년 12월 23일 ~2021년 01월 04일까지영상 공유 이벤트를 진행중이니참여하셔서 은 받으세요.인스타그램-https://www.instagram.com/tv/CJIll-5FBbY유튜브 - https://youtu.be/f7M16D7DQq0네이버TV - http://naver.me/xDspKyDq카카오채널 - http://pf.kakao.com/_xohxbvM/61729860혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아#금시세조회#은시세조회#금구매#은구매#금테크#은테크礼物연습을 사랑해야 한다.나는 24명의 수영 챔피온을 가장 가까운곳.......
금값시세 확인하세요 [내부링크]
2020년 12월 29일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.2020년 12월 23일 ~2021년 01월 04일까지영상 공유 이벤트를 진행중이니참여하셔서 은 받으세요.인스타그램-https://www.instagram.com/tv/CJIll-5FBbY유튜브 - https://youtu.be/f7M16D7DQq0네이버TV - http://naver.me/xDspKyDq카카오채널 - http://pf.kakao.com/_xohxbvM/61729860혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아#금시세조회#은시세조회#금구매#은구매#금테크#은테크礼物좋은 질문이 사람을 키운다배운다는 것의 최대 장애물은답을 가.......
크리스마스 in 집밥 [내부링크]
크리스마스 기분이 안 나는크리스마스였네요.24일 회사일이 좀 많아서엄청나게 지친 몸을 이끌고...포스팅을 남겨야 한다는 일념 하나로고양이 화장실, 집 청소, 빨래를간단하게 마치고...25일 포스팅을 예약 걸고장렬하게 잠들었습니다.진짜 와...12시에 일어났어요 ㅎㅎㅎ비몽사몽으로 식탁을 보니...두둥!#스테이크#스파게티#파스타#샐러드울 마눌님 참 부지런하시네요.곯아떨어진 남의편을 위해이리도 멋진 음식을...음식을 보고 정말 놀란 게 있어요.워....샐러드로 크리스마스 #wreath 를 만드셨네요?저런 건 어떻게 아셨을까요?참 대단하세요.스파게티와 파스타의 차이가쓰는 면 차이인가?요리방법인.......
현대자동차 소나타N라인 사진으로 구경하세요 [내부링크]
한 달 기다린#현대자동차#소나타N라인사진으로 먼저 감상해 보세요.이상남의 차로 생색내기였습니다.
JavaScript 함수의 활용 [내부링크]
앞전 포스팅에서 학습한 함수를 활용하여제가 작성한 토글 버튼을좀 더 효율적으로 바꿔보겠습니다.코드를 효율적으로 만드는 것을리팩터링이라고 했는데요.함수는 리팩터링의 굉장히 중요한 수단 중하나이며, 아주 중요한 역할을 합니다.왼쪽 버튼을 위한 코드가 오른쪽 내용입니다.만약 이런 버튼이 엄청나게 많다면...너무나도 비효율적입니다.이것을 효율적으로 바꿀 수 있는 것이바로 함수입니다.<input> 버튼의 자바스크립트 코드를복사하여 <head> 태그 안쪽에<script> 태그를 만들어 붙여 넣겠습니다.그리고 nightDayHandler()라는이름의 함수라고 알리겠습니다.혹시 <input> 태그의 자바스크.......
금값 시세 확인하세요 [내부링크]
2020년 12월 24일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.2020년 12월 23일 ~2021년 01월 04일까지영상 공유 이벤트를 진행중이니참여하셔서 은 받으세요인스타그램-https://www.instagram.com/tv/CJIll-5FBbY유튜브 - https://youtu.be/f7M16D7DQq0네이버TV - http://naver.me/xDspKyDq카카오채널 - http://pf.kakao.com/_xohxbvM/61729860혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아#금시세조회#은시세조회#금구매#은구매#금테크#은테크
연안부두 야스이 다녀왔어요 [내부링크]
함께 일하는 동료의 귀빠진 날이라서...노티 나네요...생일이라서 근사한 점심을 한 끼 먹었어요.인천 연안부두 밴댕이 거리 맞은편에위치하고 있는 식당이에요.저도 처음 가본 곳이라...실내는 생각보다 깔끔하네요.수도권 5인 이상 모임 금지 때문일까요...손님이 많이 없으시네요...얼른 코로나 종식을 기원해봅니다.실내에는 작은 연못에 물고기도 있군요 ㅎ수도권 5인 금지 시행이라서혹시나 해서 방으로 예약했어요.방에서도 의자로 식사할 수 있습니다.기본적인 세팅은 묵은지와 염교, 생강이나오고, 이어서 흑임자죽이 나오네요.흑임자죽에는 연평도 새우도 같이 들어있습니다.흑임자죽은 생소해 보이지만부.......
2020년 12월 24일 매매일지 [내부링크]
코오롱글로벌은 추가로 매수를 진행하려다수익이 좀 많이 나서...매도 후 다시 매수 진행.코웰패션 매도 없이 추가 매수대양제지 매도 후 아이씨디 매수개인적인 매매 기록입니다.참고만 해주세요.매수 중1회차#코오롱글로벌시장 : 코스피업종 : 종합건설업결산월 : 12월시총(우선주포함) : 508,995PER : 5.76ROA : 3.88%EPS : 3,430BPS : 20,654PBR : 0.96ROE : 16.61%#코웰패션시장 : 코스닥업종 : 전자부품, 영상, 음향 및 통신장비 제조업결산월 : 12월시총(우선주포함): 505,336PER : 8.53ROA : 15.82%EPS : 669BPS : 3,085PBR : 1.85ROE : 21.69%#아이씨디시장 : 코스닥업종 : IT, 디스플레이 및 관련부품결산월 : 9.......
금값 시세 확인하세요 [내부링크]
2020년 12월 25일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.2020년 12월 23일 ~2021년 01월 04일까지영상 공유 이벤트를 진행중이니참여하셔서 은 받으세요.인스타그램-https://www.instagram.com/tv/CJIll-5FBbY유튜브 - https://youtu.be/f7M16D7DQq0네이버TV - http://naver.me/xDspKyDq카카오채널 - http://pf.kakao.com/_xohxbvM/61729860혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아#금시세조회#은시세조회#금구매#은구매#금테크#은테크
JavaScript object객체 [내부링크]
이번 포스팅에서 알아볼 새로운 도구는객체(object)입니다.프로그래밍을 배울 때 큰 산이 두 개 있는데,하나가 함수이고, 다른 하나가객체입니다.객체는 함수의 개념과 대립하는 것이아니고, 함수라는 기반 위에객체라는 것이 존재합니다.즉,지금까지 배운 것과 완전히 다른 주제가아니라 그것이 심화된 것이라할 수 있습니다.객체가 무엇인가에 대해 설명하기에저의 능력이 아직 미약하기에...이번 포스팅에서는정리 정돈의 수단으로서의 객체에대하여 알아보겠습니다.정리 정돈 수단으로서의 객체프로그래밍을 하다 보면코드가 많아지고,코드가 많아지면 그것을 잘 정리하기 위해함수를 사용합니다.그런데함수뿐만 아니라, 연.......
집 밥 메뉴 추천해요 [내부링크]
마눌님께서는 정형화된 음식보다는자신이 한 번 창조? 해보는 걸좋아합니다.오늘도 새로운 도전을 하셨군요.#된장찌개#계란말이#떡갈비아보카도샐러드우선 된장찌개에는 복주머니가 들어있군요.예전에 한 번 올렸지요... 복주머니복주머니 만드는 걸 보고있으면...참 대단하다는 생각이 듭니다.오늘 계란말이에는 옥수수콘이 있네요!톡톡 터지는 맛이 참 좋아요.더불어 게맛살도 함께 들어있어서참 맛있어요샐러드에는떡갈비, 옥수수콘, 아보카도, 당근이들어 있는데요.아보카도와 양배추, 떡갈비를 함께 드시면존 맛!드레싱 소스는마눌님 회사 제품을 사용했어요.약간 짭짤한 맛이 있어요...오.......
집 밥 메뉴 추천해요 [내부링크]
가끔은 밥보다 다른게 먹고 싶을 때가 있어요오늘은 마눌님께서어묵탕에 꽂히셨군요!#어묵탕참 정성이네요.피쉬볼도 이쑤시개로 꼽고소시지도 꼽고...고맙습니다. ^^저 유부 안에 떡 같은 게 들어있는데요마눌님께서 손수 넣으셨다네요.참 대단하세요.어묵탕을 먹다 보니뭔가 허전해요...음... 뭐가 빠졌지...?이 녀석이 빠졌군요 ㅎㅎ좋은 음식과시원한 맥주 한 잔은하루의 고단함이 절로 사라집니다.어묵탕이 사라져갈 때쯤...뭔가 허전한 느낌...#군고구마한 끼를 먹어도 든든해야지요 ㅎㅎ저희 집에는냉동 군고구마가 항상 있지요다이어트하려고...안될 거 같아요이것도 배부르게 먹으.......
JavaScript 함수 [내부링크]
이번 포스팅에서는함수에 대한 이론적 정리를한 번 적어볼까 해요.함수는영어로 function이라 하고,객체 부분을 배우면같은 함수를 메서드라고 부르기도 합니다.함수의 기본 문법다음과 같은 코드를 작성할게요.결과는 다음과 같습니다.만약에2-1, 2-2를 반복해야 한다고 하면앞전 포스팅에서 했던 것처럼반복문을 사용하면 될 거예요.그런데반복문을 쓸 수 없는 경우가 있습니다.연속적이 아니라연속되지 않게 반복된다면반복문을 사용하는 것이어렵거나 불가능합니다.이때 사용되는 것이함수입니다.코드를 작성하여설명해볼게요.함수를 사용한다는 명령어인function을 사용합니다.그리고 함수의 이름을 웹 브라.......
2020 연말정산 세테크 10가지 [내부링크]
2020년 연말정산이 다가오고 있네요.코로나로 힘든 시절,올해 연말정산 환급은 더욱 중요합니다.연말정산의 공제 요건 판단은대부분이 12.31일을 기준으로 정해집니다.예컨대형제, 자매, 장애인 공제를 받기 위해서는12.31일 안으로 주민등록을옮겨야 합니다.연말정산 세테크 10가지를참조하시어 도움이 되시면 좋겠습니다.연말정산 세테크 10가지1. 50세 이상 근로자는 결정세액을고려하여 연금저축 추가납입을고려하는 것이 좋다.이번 연말정산부터 50세 이상자의연금저축계좌 공제 한도가 변경되어여유자금이 있는 경우 추가납입으로연말정산 공제를 극대화할 수 있다.해당자는 50세 이상자로 총 급여 1억 2천만 원을 초과하지.......
JavaScript 매개변수와 인자 [내부링크]
지금까지 살펴본 함수는언제나 똑같은 제품을 받을 수 있는자판기입니다.사실 이것만으로도 자판기가 편리함을제공하지만, 좀 아쉽습니다.원하는 제품을 선택하는 것을 입력자판기가 그 입력에 해당하는 제품을제공하는 것을 출력이라 할 수 있습니다.세상의 모든 것들은 입력과 출력으로이뤄져 있다고도 할 수 있습니다.특히 수학적으로 함수라고 하는 것은입력과 출력의 문제라 할 수 있습니다.수학에서 함수는 입력과 출력으로이뤄져 있다고 했습니다.입력에 해당하는 것을매개변수(parameter) 또는인자(argument)라고 합니다.출력에 해당하는 것은return과 관련이 있습니다.코드를 작성해볼게요.결과는... 2가 나오겠.......
금값 시세 확인하세요 [내부링크]
2020년 12월 22일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아#금시세조회#은시세조회#금구매#은구매#금테크#은테크
JavaScript 반환문 [내부링크]
이전 포스팅에서함수는 입력과 출력이 두 가지로 이뤄져 있다고 말씀드렸습니다.입력은 매개변수와 인자라는 것이며,출력은 return이라는 것과 관련이 있습니다.return을 배우기에 앞서표현식(expression)에 대해 알아보겠습니다.위 내용을 보시면1+1은 2에 대하여 표현하고 있고,2-1은 1에 대하여1===1은 true에 대하여 표현하고 있습니다.이렇듯값으로 평가될 수 있는 문을표현식이라고 합니다.이것은 또 이렇게도 생각할 수 있습니다.1+1 = 2에서 1+1과 2는 동치다.즉,1+1과 2는 같다고 할 수 있습니다.따라서표현식은 값처럼 사용할 수 있습니다.문법적으로 값이 위치할 수 있는 자리에는표현식도 위.......
디디치킨 먹어봤어요. [내부링크]
마눌님은식품회사를 다녀서일까요...새로운 과자, 식품, 식자재를 보면절대 참지 않습니다.생각하기 전에 행동합니다.이미 저희 집에 물품은 도착해 있습니다.음식도 예외는 없습니다.새로운 치킨집을 발견하셨군요...오늘도 기분 좋은 '치킨데이'입니다.뭔 날이 정해져 있나요?걍 먹으면 그날이지요저도 처음 보는 이름이네요.디디치킨...무슨 이유로 디디치킨이라 지었을까...잠시 생각해 보면서 봉지를 풀다가...봉지가 잘 안 풀려서 짜증...c제가 좋아하는 박스 타입이군요...메뉴를 한 번 살펴봅니다.무슨 맛을 시키셨는지와...전체적인 가격대가 궁금하군요.2마리 3가지 맛 오리지.......
금값 시세 확인하세요 [내부링크]
2020년 12월 23일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아#금시세조회#은시세조회#금구매#은구매#금테크#은테크
집 밥 메뉴 추천해요 [내부링크]
퇴근하고 집에 오는데현관부터 맛있는 냄새가 아주진동하네요.마눌님께서 오랜만에 연차를쓰시고 집에서 쉬시더니다양한 요리를 시험하셨나 보네요.이 요리는 처음 보는데요.'양배추롤'과 '배추롤'이라고 합니다.안에 고기를 감싸고 있어서맛이 좋네요..ㅎㅎ참 다양한 음식이 많아요.#황태미역국#양배추롤#배추롤#춘권#새송이버섯고기튀김#숙주나물맛있게 잘 먹었습니다.고맙습니다. ^^
금값 시세 확인하세요 [내부링크]
2020년 12월 21일 금 은 시세입니다.지년 1년간 금 시세 변화입니다.지년 1년간 은 시세 변화입니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아#금시세조회#은시세조회#금구매#은구매#금테크#은테크
밀리의 서재 월 6930원 이용 방법 [내부링크]
사내 교육용으로 밀리의 서재를이용하게 되었습니다.기본적으로 월 정액 9,900원으로 정해져 있지만,좀 더 저렴하게 이용하실 수 있는방법을 알려드릴까 해서포스팅을 남깁니다.우선,밀리의 서재에 대하여 알아보겠습니다.밀리의 서재란?월 정액으로 도서를 대여해 읽을 수 있는#전자책 서비스입니다.2016년 서영택 대표이사가 설립하였고,약 10만 권 정도의 책을 월 정액으로이용할 수 있습니다.첫 화면입니다.제가 요새 보고 있는 책이아랫부분에 표시되고 있네요.예전에 한 번 읽었는데,이번에 사내 도서로 선정되어다시 한번 읽어 보고 있습니다.밀리의 서재 특징밀리의 서재에서 제공하는 서재 서비스는그냥 단순.......
JavaScript Loop반복문 [내부링크]
이번 포스팅에서는Loop(반복문)에 대해 살펴보겠습니다.이론적인 내용이 좀 많아서...집중이 힘드실 거 같지만...해볼게요.연습을 위해 코드를 작성할게요.결과는 다음과 같습니다.코드의 기본적인 실행 순서는위에서부터 아래로 순서대로코드를 실행하는 것입니다.하지만,필요에 따라서 2번째와 3번째의 내용을여러 번 반복해야 할 경우가 있습니다.이를 위한 가장 기본적인 방법은코드의 내용을복사해서 붙여 넣는 식으로작성하는 것입니다.코드는 극단적인 상황을항상 생각해야 합니다.반복해야 할 개수가 1억 개라면?복사해서 붙여 넣는 방법으로는어려울 거예요.가령,정말 엄청난 인내와 끈기와나 자신과의 싸움에서.......
금값 시세 확인하세요 [내부링크]
2020년 12월 19일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아
JavaScript 배열과 반복문 [내부링크]
이번 포스팅에서는배열과 반복문을 함께 활용하여각각의 개념과 기능이 결합해서어떠한 시너지를 발생시키는지알아볼게요.<ul>태그와 <li>태그를 이용해리스트를 작성할게요.결과는 다음과 같습니다.만약에목록의 수정이 빈번하게 일어나면,이렇게 일일이 적는 것도 힘들 거예요.리스트의 내용들은 서로 연관되어 있는데이터입니다.서로 연관된 데이터들을 담는 방법이배열이었음을 예전 포스팅에서언급해드렸습니다.그럼 이 배열에 담긴 데이터를순차적으로 꺼내 <li>라는 태그를만드는 역할을 할 수 있는 것은반복문입니다.그럼 배열과 반복문을 활용하여리스트를 작성해보겠습니다.위 리스트의 배열은.......
배열과 반복문의 활용 [내부링크]
배열과 반복문을 활용하여야간 모드일 경우링크의 색상이 밝게 표시되고,주간 모드일 경우링크의 색상이 다소 어두운 계열로표시되도록 해볼게요.우선 <a>태그만을 가져올 수 있는방법을 알아봐야 하는데요.콘솔을 통해 한 번 연습해볼게요.웹 페이지에서개발자 소스를 여시고Element 탭을 선택한 후Esc 키를 누르시면Console을 동시에 여실 수 있습니다.일전에 한 번 말씀드렸지요.콘솔에서 실행하는 자바스크립트 코드는 지금 보고 있는 웹 페이지 안에 삽입돼 있는 자바스크립트인 것처럼 동작합니다.이 콘솔에서웹 페이지에 있는 모든 <a>태그를가져와 보겠습니다.콘솔에 다음과 같이 입력합니다.document.query.......
2021년 2월 공모주 뷰노 살펴보기 [내부링크]
뷰노기업 소개선도적 딥러닝 기술 기반 서비스를상용화한 경험을 바탕으로인공지능의 무한한 가능성을의료 분야에 적용하고자2014년 12월 김현준 대표이예하 이사회 의장정규환 연구소장공동 창업국내 1호 인공지능 의료기기인'VUNO Med-BoneAge'를 선보임.인공지능 의료기기 시장 개척자(pioneer)로서 평가받고 있음.7년여의 업력으로 의료 인공지능솔루션의 전 주기에 걸친 기술과경험을 축적하고 있습니다.뷰노는"View the Invisible, Know the Unknown"라는슬로건 하에서, 최적의 치료법을 선택하거나,이를 개발하는 데 도움을 주는 새로운바이오마커를 발굴하기 위해끊임없이 노력하고 있습니다.2020.04 .......
부어치킨을 먹어봤어요 [내부링크]
오전에 성남 쪽에 외근이 있어방문하였습니다.성남은 눈이 제법 많이 왔었나 봐요여전히 쌓여있는 곳이 많네요.퇴근 후 현관 앞을 보니역시!택배가 있군요 ㅎㅎ택배를 정리하려고 열어보니오홍...펭수쒸...사실 전 펭수를 무지 좋아해서...자이언트펭TV를 즐겨보는...아저쒸...그렇다고 대놓고 좋아하긴 또 그렇고 하니...뭐 그렇습니다.마눌님이 크리스마스 선물이라네요...고맙습니다.추운 날씨에 밖에서 일한다고마눌님께서 퇴근길에 부어치킨을주문하셨네요.영수증을 보니역시!두 마리#후라이드#델리(간장)#무2개#치즈볼(5개)#배달팁마스크는 써비스~ 라고 쓰여있군요여기는 사장님이 배.......
Pseudo Element Selectors [내부링크]
문자 가상 요소 선택자는태그 내부 특정 조건의 문자를선택하는 선택자입니다.문자 선택자는가상 요소 선택자(Pseudo-Element Selectors)로:: 기호를 사용하는 것이 표준이지만,: 기호를 사용해도 정상 작동합니다.여기서는 표준으로 작업할게요.시작 문자 선택자코드로 한 번 사용해볼게요.의미 없는 문장을 넣었어요.결과는 다음과 같습니다.첫 번째 글자의 크기가 3배 큰 글자로 출력되고,첫 번째 줄이 빨간색으로 출력됩니다.여기서 첫 번째 줄이라는 의미는저 라인을 벗어난다면 다시 원래의 색으로돌아옵니다.가령 화면 크기를 줄여서 글자가아래쪽으로 내려오거나<br />태그를 사용해 줄바꿈을 하게 되면같은 &.......
집 밥 메뉴 추천해요 [내부링크]
날씨가 너무 춥네요...저는 하루에 반 정도는 외부에서 일을 하는데요...더운 날에는 더운 게 제일 싫다...추운 날에는 추운 게 너무 싫다...이러면서 일하고 있네요...오늘은 마눌님께서 얼마 남지 않은식재료를 처리하기 위해버섯불고기를 준비하셨네요.추우니까 오늘 역시 따끈한 누룽지#버섯불고기#누룽지#창난젓#진미채잘 먹었습니다.고맙습니다.
집 밥 메뉴 추천해요 [내부링크]
퇴근 후 현관 앞에 택배가 또 많군요...보통 과자 살 때 박스째로 사시지요?울 마눌님도 남들과 똑같아서...박스째로 사셔요...이번엔 이 녀석들로 정했나 보군요!오늘은 퇴근이 좀 늦어서간단하게 먹자고 하시더니...간단하지 않은 거 같네요...#해산물누룽지죽#줄줄이소시지#떡갈비#스팸#브로콜리볶음누룽지 죽은 그냥 제가 이름 붙였어요 저 죽에 마눌님 회사 제품들만 다 들어갔네요#냉동새우#냉동소고기#냉동완두#냉동게맛살#냉동피쉬볼식품회사를 다니니 좋은 점이 많군요!누룽지 죽에 해산물이 풍부하니감칠맛이 아주 좋아요.한 번 드셔보세요.잘 먹었습니다.고맙습니다.
JavaScript 배열 [내부링크]
#Array배열이란?데이터 중에서 서로 연관된 데이터를 잘 정리정돈해서 담아두는 일종의 수납상자입니다.예를 들면,한 집에 오래 살다 보면살림살이가 많아집니다.이 많아진 살림살이를 잘 정리 정돈할 필요성이 생기고 그 필요성에 따라 그것을 수납할수납공간을 마련하게 됩니다.수납공간에 물품을 보관하면우리는 이 수납공간 하나만 생각하면 됩니다.즉,우리의 머릿속이 단순해지는효과를 갖게 됩니다.마찬가지로 배열도데이터가 많아짐에 따라그 많은 데이터를 정돈해서 담아두는일종의 수납공간입니다.배열의 문법과 성격문자열은 "기호로 시작하여 "기호로끝나게 됩니다.배열은 대괄호로 시작해서대괄호로 끝.......
금값 시세 확인하세요 [내부링크]
2020년 12월 18일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아
JavaScipt 중복의 제거 [내부링크]
저번 포스팅에 이어서리팩터링(refactoring)중복의 제거에 대해서알아볼게요.코드를 확인해보시면document.querySelector('body')이 부분이 계속 중복되고 있습니다.제가 배우고 있는 선생님은 항상 말씀하세요.코딩을 잘 하려면'중복을 끝까지 쫓아가 다 없애라!!'말이 쉽지요...뭐 암튼 그렇습니다. ㅎㅎ그리고'코딩의 여러 기술들은 중복 제거를 위해서만들어졌다'라고 생각하신데요.흠...해보겠습니다.현재 중복되고 있는document.querySelector('body')이 죽일... 이 코드를target이라는 변수로 할당할게요.즉,var target = document.querySelector('body')이.......
금값 시세 확인하세요 [내부링크]
2020년 12월 17일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아
집 밥 메뉴 추천해요 [내부링크]
인천에 #이대조 라는유명한 #뼈다귀해장국 집이 있어요우리 마눌님도 여기 해장국을 참 좋아합니다.근데 가끔 보면여기 식당을 좋아하는건지아니면 뼈다귀를 좋아하는건지잘 모르겠어요. ㅎㅎ저번에 온 쓱배송 물품으로오늘은 감자탕을 끓이셨군요.전 집에서 감자탕을 끓일 수 있다는 걸마눌님과 함께 하면서알게되었습니다. ㅎㅎ#감자탕#갓김치#김장김치#진미채음...오래 끓이셨군요...전골이 되었네요 ㅎㅎ잘 먹었습니다.고맙습니다.
JavaScript 리팩터링 키워드 사용 [내부링크]
코딩을 하고 나면코드에 비효율적인 면이생기기 마련입니다.동작하는 것은 그대로 두고코드 자체를 효율적으로 만들어코드의 가독성을 높이고,유지 보수를 편리하게 만들고,중복된 코드를 줄이는 방향으로코드를 개선하는 작업을#리팩터링(refactoring) 이라고 합니다.소프트웨어의 규모가 커지고복잡해지면 틈틈이 리팩터링을 해주어야좋은 프로그램을 만들 수 있습니다.제가 만든 코드에서비효율적인 측면들을 제거하는리팩터링 작업을 해볼게요.만약,night 버튼의 기능을 페이지 하단에만들고 싶다고 생각해 보겠습니다.페이지 하단에 코드를 붙여 넣을게요.결과는 다음과 같습니다.영상을 보시면야간 모드와 주간 모드로.......
금값 시세 조회하세요 [내부링크]
2020년 12월 16일 금 은 시세입니다.지난 1년간 금 시세입니다.지난 1년간 은 시세입니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아
너무 추우니 따끈한 국물이 생각나 징어랑 새우랑 다녀왔어요 [내부링크]
직장인들의 최대 고민 중 하나이지 않을까 하는저의 생각 중 하나인오늘 점심 뭐 먹지?오늘도 무엇을 먹을지 심각하게 고민하고어제 먹었던 걸 생각하고, 오늘의 날씨를파악해보고... 따끈한 궁물 먹고 싶다...동료에게 순댓국 먹자~해서 순댓국집으로 가던 중우연히 발견했어요.보통 사무실 근처에서만 밥을 먹어서여태껏 못 봤나 보네요.실내는 생각보다 깔끔해요.새로 오픈하신 줄 알고얼마나 되셨는지 여쭤보니8개월 정도 되셨다고 하시네요.흠...저도 참 정신없이 사나 봐요.여기는 짬뽕 전문점 느낌이 들어요.짬뽕밥에도 면이 조금 들어있다고 하셔서전복 짬뽕밥을 주문했어요.주문하고 메뉴판을 보니 해.......
JavaScript 조건문의 활용 [내부링크]
앞전 포스팅에서 비교 연산자, 불리언, 조건문에 대하여개념적인 부분을 살펴보았습니다.이 내용들을 바탕으로두 개의 버튼을 하나로 합치는방법에 대하여 알아보겠습니다.우선 버튼을 만들기 위해다음 코드를 작성하겠습니다.결과는 다음과 같습니다.새로 만든 버튼의 목적은night 버튼을 클릭했을 때자바스크립트를 이용하여night 버튼의 value 값이night라면 아래 코드가 실행되고value 값이 night가 아니라면아래 코드가 실행되게 하면 됩니다.그럼 위 형식에 맞춰서조건문을 한 번 작성해보겠습니다.여기서는if(night)의 night 가 주인공이 됩니다.즉,상황에 따라value 값이 night이거나night가 아니게 하.......
집 밥 메뉴 추천해요 [내부링크]
잠깐 담배 한 대 피우고 왔는데요...마눌님 남자친구가 왔다 가셨군요.한 박스가 하도 무거워서한 번 꺼내봤어요.햐 참...대단하세요... 울 마눌님...뭐 암튼 저기서 맛난 거 해주시겠지요.저기서 나온 첫 번째 음식#김밥#어묵탕마눌님 혼자서 뚝딱뚝딱하시더니...김밥, 어묵 세트가 나왔군요대단하세요...잘 먹었습니다.
연말정산 기부금 0원으로 두지 마세요 [내부링크]
저는 연말이 다가왔다는 걸저에게 도착한 문자로 확~ 느낍니다.제가 다문화가정인 건자주 오시는 이웃님들은 아실 거예요.제가 2016년에 중국에 결혼식 올리러가기 전에 가입한 #희망이음 이라는단체에요.그때는 다문화가정 아이들을 돕겠다는의도로 가입했는데요.지금은 뭔가 많이 바뀐 거 같아요.저도 돈만 빠져나갈 뿐...정확하게 알려고 하진 않아요.아 이걸 말씀드리려는 것은 아니고요이렇게 굳이 돈을 쓰지 않아도기부금을 낼 수 있는 방법이 있어서알려드릴까 해요.제 메일함에 온 메일이에요.잘 보이시려나 모르겠네요.설문조사하는 건데요.저기에 해당하는 사람이 설문을 하면보상이 좀 더 많아요.그렇지.......
연말정산 공제율 대폭 인상 팩트 체크 [내부링크]
국세청 홈택스에서 #연말정산 미리 보기가가능하네요.올해는 코로나19의 심각도와사회적 거리 두기 단계에 따라서월별로 소득공제율이 다릅니다.1~2월, 8~12월은 기존과 같습니다.신용카드 15%직불·선불·현금영수증 30%도서·공연·박물관·미술관 30%전통시장·대중교통 40%(도서·공연·박물관·미술관 공제는총 급여 7,000만 원 이하만 해당돼요)3월 소득공제율 2배신용카드 30%직불·선불·현금영수증 60%도서·공연·박물관·미술관 60%전통시장·대중교통 80%4~7월은 모든 금액의 80% 공제알아두셔야 할 점은카드 소득공제는 연 소득의 25% 초과분만 해당됩니다.예를 들어연 소득이 4,000만 원이라면카드로 1,000만 원을 쓰신 후.......
금값 시세 확인하세요 [내부링크]
2020년 12월 15일 금 은 거래 시세입니다.지난 1년간 #금시세 변화입니다.지난 1년간 #은시세 변화입니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : #금모아
집 밥 메뉴추천 [내부링크]
마눌님께서갑자기 물어보셨어요크리스마스 선물 갖고 싶은 거있냐고?저는 별거 없다고 했더니...컵 사줄게하면서 사신 머그컵...그냥 사고 싶으신 거 아니셨수...암튼 크리스마스 선물 고맙습니다.오늘은 간단하게 누룽지로한 끼 해결했네요.#누룽지#떡갈비#계란프라이#연어샐러드#진미채#사과#크리스마스선물근데 오랜만에 누룽지를 먹으니갑자기 젓갈이 막 생각나서요 ㅎㅎ이 토하젓을 한 번 먹었더니...글쎄요...민물 새우젓이라 그런지...흙냄새가...좀...ㅎㅎ바꿔!바꾸길 잘한 거 같아요 ㅎㅎ밥 먹다 뒤를 보니...자나 깨나 나라 걱정 중이신우리 양순씨...독서하시나요?잘 먹었습니다.고맙습니.......
드론 택시 관련주 [내부링크]
정부는 지난 6월드론 택시 상용화를발표하였습니다.그리고2020년 11월 11일드론 택시 한 대가여의도 상공을 날아오르자드론 택시 관련주에관심이 급증하였습니다.다양한 드론 택시 관련주 중에서네온테크에 대하여간단히 살펴보겠습니다.네온테크기업개요2000년 10월 설립반도체, 디스플레이, MLCC용 절단 장비제조 및 판매업신규 사업으로산업용 드론 사업 추진가격경쟁력을 바탕으로 최근군부대 정찰용 드론 구매사업에서7~8업체와 경쟁하여최우수 평가를 받고 수주 확보함2020년 2월 11일DB금융스팩6호와 합병하여코스닥시장에 상장투자분석가치분석시세 변화확실히 6월과 10~11월에 많이 올랐네요.앞으로 굴곡은 있.......
금값 시세 확인하세요 [내부링크]
2020년 12월 14일 금 은 시세입니다.지난 1년간 금 시세 변화입니다.지난 1년간 은 시세 변화입니다.혹시라도 가입하시면hkuspdg친구 추천 부탁드립니다.1만 원 이상부터금, 은 구매 가능합니다.출처 : 금모아
CSS3 형태 구조 선택자 [내부링크]
형태 구조 선택자는일반 구조 선택자와 비슷하지만태그 형태를 구분합니다.형태 구조 선택자코드로 한 번 보겠습니다.결과는 다음과 같습니다.제가 가만히 이 코드를 쓰고 보니구조 선택자와 차이가 없구먼...이런 생각이 들어서요.차이를 찾아보려고코드를 한 번 작성해봤습니다.저도 한참을 째려보면서 했더니많이 길어져 버렸네요...결과는 다음과 같습니다.이해가 되시려나 모르겠네요.<div>태그를 부모라 칭하고그 사이에 있는 태그를 자식이라고 하면<div>태그 안의 태그들은형제들이 되겠네요.구조 선택자는 형제들 사이에서 순서가 중요하고,형태 구조 선택자는형제들 사이의 순서보다는 같은.......
2021년 1월 공모주 와이더플래닛 살펴보기 [내부링크]
와이더플래닛기업 소개국내 1위 DSP(Demand Side Platform) 기업빅데이터 기술 등을 활용하여개인 맞춤형 마케팅, 광고 콘텐츠를추천 및 전달하는 서비스를 제공마케팅 목표에 맞춘 적합한 매체와 가격,광고방법을 광고주에게 제공하는플랫폼 DSP 비즈니스 사업 영위매출 규모 2016년 : 매출액 297억, 영업이익 0.2억 2017년 : 매출액 327억, 영업손실 11억 2018년 : 매출액 347억, 영업손실 4억 2019년 : 매출액 353억, 영업손실 21억※ 매출액은 꾸준하게 성장하는 반면영업이익은 계속해서 손실을 기록 중입니다.청약일정 및 공모가 수요 예측일정 : 2021-01-18 ~ 01-19 희망 공모가 :12,000 ~ 15,000 업종.......
2021년 1월 공모주 청약 일정 [내부링크]
2020년 공모주 시장은핫한 이슈가 많았습니다.이번에는2021년 1월 공모주에는어떤 업체가 준비하는지한 번 알아보겠습니다.엔비티청약일정 및 공모가 수요 예측일정 : 2021-01-06 ~ 01-07 희망 공모가 :13,200 ~17,600 업종 :광고업 주관사 :미래에셋대우 개인 청약 :2021-01-12 ~ 01-13 상장일 :2021년 1월 중(미정)레인보우로보틱스청약일정 및 공모가 수요 예측일정 : 2021-01-11 ~ 01-12 희망 공모가 :7,000 ~ 9,000 업종 :특수 목적용 기계 제조업 주관사 :미래에셋대우, 대신증권 개인 청약 :2021-01-15 ~ 01-18 상장일 :2021년 1월 중(미정)선진뷰티사이언스청약일정 및 공.......
[15일동안 무료배포하는 온라인수익화 전자책 by 비밀무기점] * [내부링크]
https://m.cafe.naver.com/moogis/1637 [15일동안 무료배포하는 온라인수익화 전자책 by 비밀무기점] *
2021년 1월 공모주 프레스티지바이오파마 살펴보기 [내부링크]
프레스티지바이오파마기업 소개2015년 싱가포르에 설립된바이오 기업입니다.바이오시밀러 의약품을 개발하며연구 개발에 성공한 치료제'허셉틴'의 바이오시밀러(HD021)제품이 유럽 판매 라이선스를 확보하여내년 상반기부터 유럽에서 판매 예정입니다.글로벌 제약사먼디파마와 서유럽 판매 라이선스 계약체결을 하여 유통도 원활히이뤄질 것으로 예상됩니다.매출 규모 2019년 : 매출액 19억, 영업손실 44억, 순손실 14억 2020년 :영업손실 108억, 순손실 149억※ 바이오 기업의 특성상제품 상용화 후에 매출이성장할 것으로 예상됩니다.청약일정 및 공모가 수요 예측일정 : 2021-01-19 ~ 01-20 희망 공모가 :25,.......
HTML5 <audio> tag & <video> tag [내부링크]
웹 페이지에 audio와 video를 실행하기 위한 코드는 다음과 같습니다.코드를 실행하면 다음과 같은 ...
HTML <iframe> tag & entities [내부링크]
사진을 보시면우리가 작성하던 웹페이지에서 '자전거아저씨' 이미지를 제거하고 다른 웹사이트...
HTML <a> tag (부제 : 태그의 제왕) [내부링크]
웹사이트는 연관된 수많은 웹페이지의 연결로 이루어져 있습니다.이러한 웹페이지를 연결하는 <a>...
HTML <img> tag [내부링크]
오늘은 웹페이지에 이미지를 넣어보겠습니다.뉴스 중간 부분에 사진이 하나 나오네요.저 사진을 ...
HTML <h1>~<h6> tag [내부링크]
Title 태그를 이용하여 우리 첫 번째 웹사이트에도 이름이 생겼으니,이제 내용 즉, <body><...
HTML <줄바꿈> tag [내부링크]
제목을 넣었으니, 이제 본문 내용을 채워볼게요.사진 위쪽의 내용을 복사하셔서 에디터의 <body&g...
겨울철 타이어 경고등 발생 원인 [내부링크]
자동차를 안전하게 운행하기 위해서는계절에 맞는 타이어 관리는 필수입니다.타이어는 생산이 될 때 사...
독감 감기 코로나 차이는 [내부링크]
covid-19는2019년 12월 중국 우한에서 처음발생하여 전 세계로 확산된 바이러스에 의한 호흡기 감염질환...
겨울철 가려움 원인과 대처 방법 [내부링크]
환절기마다 찾아오는 피부 가려움증 때문에남모를 스트레스를 경험하는 분들 많으시지요.요즘같이 건조한...
고양이 수명에 대해서 [내부링크]
오늘은고양이를 키우는 집사라면한 번쯤은 생각해보셨을 내용을한 번 써보려 합니다.바로 고양이의 수명...
겨울철 차량관리에 대해서 [내부링크]
저는 보통 새벽에 출근을 합니다.새벽 공기가 너무 차가워서벌써 한 겨울 같은 느낌이 들어요.항상 밖...
도어락 방전되신적 있으신가요 [내부링크]
안녕하세요.혹시 현관문 도어락 방전된 적 있지 않으세요?저도 이사 오고 아무 생각 없이 지내다가어느...
눈길 안전운전 요령 이것만 기억해 주세요 [내부링크]
12일 저녁부터 13일에 눈이 엄청 온다고안전 안내 문자가 계속 오네요.13일 아침에 확인하니... 음......
네이버 블로그
티스토리
커뮤니티