본문 바로가기
카테고리 없음

node.js - 값의 종류와 변수 대입

반응형

준비중인 node.js 책자의 일부입니다. 이번 챕터는 쉬운 부분과 어려운 부분이 섞여 있습니다.
학습을 다짐하신 분께는 이해 가능한 부분은 이해하려 노력하시되 어려운 부분은 어느 정도 개념이 쌓여야 되므로 당장 이해가 안되도 추후 필요한 시점에 다시 들여다 보실 것을 권합니다.

방문을 위해 가볍게 오신 분들은 전혀 부담 갖지 마세요 :)

이제 개발자 도구로 자바스크립트를 테스트하는 부분은 충분히 설명드렸으니,
이 후로는 설명을 보고 한번씩 시도해 보시길 바랍니다.
그냥 눈으로 읽으신 것과 직접 타이핑해서 시도해보신 것은 차이가 매우 큽니다.

앞에서 다룬 변수에는 어떤 값을 대입할 수 있을까요?
대표적인 것이 숫자, 문자열, 논리값, 오브젝트, 그리고 배열입니다.
함수를 대입할 수도 있긴 한데 이건 함수를 학습한 후 설명드리겠습니다.


숫자(Number)란 우리가 알고 있는 말 그대로 숫자인데요.
양의 정수뿐 아니라 음의 정수, 소수점 전반에 걸친 숫자를 대입할 수 있습니다. (허수는 불가)
( let 은 편의상 생략했습니다. )

A=12;
A=-234;
A=0.00001;

정수만 사용한다면 범위는 -9007199254740991 ~ 9007199254740991 ( 약 -9경 ~ 9경 )이며, 그보다 더 큰수나 소숫점을 사용할 경우 계산할 때 정확도에서 약간 오차가 발생할 수 있습니다.


문자열(String)이란 문장을 의미합니다. 보통 따옴표로 묶어서 대입하며 작은 따옴표나 큰 따옴표를 사용할 수 있습니다.

S= "123 ";
S= " ABC!!! ";
S= ' POWER OF LOVE';


 논리값(Boolean)이란 2가지 값을 갖습니다. true, false 가 바로 그것인데요.
true 이면 참, false 이면 거짓에 해당합니다.

B=true;
B=false;


오브젝트(Object)란 여러 개의 데이터를 묶어서 넣어놓는 것을 의미하는데요.
한글로는 객체라고도 부릅니다.
보통 아래와 같이 중괄호로 여러 개의 변수를 묶어서 정의합니다.

let objA={
  title: "고요의 하늘",
  author: 'Newflex',
  episode: 8,
  playing: true
};

이러한 방법은 영화 1편에 대한 4가지 복합적인 정보를 오브젝트변수 1개에 입력할 때 사용하는 방법인데요.
이렇게 입력된 안쪽변수의 각각의 이름(key), 값은 그대로 (value)이라고 합니다.

키값를 꺼낼 때는 아래와 같이 점(.)기호를 이용합니다.

objA.title


그리고 1개의 키값을 바꿀 때는 아래와 같이 사용하며,

objA.title = "반지점프";

 


키를 언제든 추가할 수도 있어 자유도가 매우 높습니다.

objA.star = 10;

오브젝트는 이렇듯 여러 값을 조합해서 사용할 수 있어 매우 유용합니다.


배열(Array)이란 여러 개의 데이터를 묶어서 보관하는 용도로 사용됩니다.
오브젝트와 유사한듯 하나 키가 있어도 되고 없어도 되는데요.
정확히 말하자면 키를 정해주지 않으면 자동으로 0번부터 매겨줍니다.

배열은 오브젝트와는 다르게 대괄호 기호 […] 를 사용하는데요

아래는 1, 2, 3 이란 3개의 배열을 정의하는 기능입니다.

a = [1,2,3];


그러면 a라는 배열에는 3개의 값이 차례대로 입력이 되는데요.

각각의 값은 a[0], a[1]. A[2]라는 명칭으로 접근할 수 있습니다.
이때 대괄호 안에 들어가는 숫자를 첨자라고 합니다.
값이 3개라고 해서 마지막 요소를 a[3]으로 생각하실 수 있으나,
자동으로 매겨주는 번호는 0부터 시작되기 때문에 a[2]입니다.

배열은 오브젝트처럼 키-값 형태로도 대입이 가능한데요. 빈 배열 선언 후 사용해야 합니다.
아래 코드는 빈 배열을 만들고 데이터를 하나씩 넣는 예제입니다.
( 하나의 배열에 이 방식과 앞의 방식을 섞어서 쓸수도 있으나 추천하지는 않습니다. )

score=[]; 
score['kor']=100;
score['eng']=100;
score['mat']=100;
score['computer']=100;

오브젝트와 비슷한 방법으로 1개의 요소의 값을 꺼낼 수 있으며, 이때 대괄호를 이용합니다.

console.log(score['kor']);

마찬가지로 값을 대입할 때도 대괄호를 사용합니다.

score['eng']=90


또한 배열은 중첩 값 입력이 가능합니다.
배열 안에 또 배열이 존재할 수 있다는 것이지요.

A=[];
A[0]=[1,2,3,4,5];
A[1]=[6,7,8,9,10,11];
A[2]=[12,13,14,15];

 위 코드를 실행하면 아래와 같은 공간이 생겨납니다.
보통 2차원 배열이라고 하는데요. 칸의 개수는 가변적으로 활용할 수 있습니다.

배열오브젝트는 혼합 사용도 가능합니다.
아마 컴파일 언어가 보면 이런 법이 어딨냐고 차별대우라고 할지도 모르겠네요.
자바스크립트는 속도를 약간 양보하는 대신 놀라울만할 자유로움을 제공하는데요.
아래는 배열안에 오브젝트가 들어 있고 오브젝트안에 또 다시 배열이 들어 있는 구조입니다.

배열1=[];
배열1['책정보']={
  '책제목':'Node.js',
  '저자':'cray',
  '미리보기':['1.jpg', '2.jpg', '3.jpg'],
  '페이지': 300
};
배열1['판매처']='부크크';

변수 이름을 잠깐 한글로 적어보았는데요. 이는 단지 이해를 도우려고 적은게 아닙니다.
자바 스크립트는 한글변수이름이 지원됩니다!
하지만 언더바(_)를 제외한 특수문자는 불가하며 맨첫글자에는 숫자가 올수가 없습니다.

참고로 이처럼 구조가 복잡한 형태는 실시간 표현식 창에서 세부정보 확인이 불가한데요.

이 때는 console.log 명령으로 콘솔창에 한번 출력해 주신 다음에,

 출력결과의 화살표 버튼을 눌러 펼치시면 세부 내용을 보실 수 있습니다.

또한 문자열 변수는 마치 배열처럼 꺼내 쓸수있는 특별한 기능도 있는데요.

인사="안녕하세요"
console.log(인사[0]); // ‘’ 출력
console.log(인사[2]); // ‘’ 출력

 변수 인사에서 첫번째 글자 ‘안’을 꺼내 쓸때는 인사[0]이라고 배열처럼 사용할 수 있습니다.

단, 이 방식으로 꺼내 쓸수는 있지만 대입은 불가합니다.
아래 코드는 실행하셔도 아무런 변화가 없습니다.

인사[2]=”호”;

 사실 여기서 끝이 아닙니다. ( 더 있나요… ? )

배열이나 오브젝트의 구성요소에는 값 대신 함수를 넣을 수도 있는데요.
함수란 간단히 이해하면 기능덩어리입니다. 값 대신 기능을 넣을수도 있는 것이지요.

앞에서 잠깐 보셨던 코드블럭의 확장개념으로 보시면 됩니다.
함수 파트를 학습하신 후에 다뤄보도록 하겠습니다.


필요하신 분에게 도움이 되시길 바랍니다. 그러면 이만 :)

도움이 되셨다면 공감 한방, 댓글은 굿잡!
감사합니다~


다음 게시글 : https://itadventure.tistory.com/477

 

node.js - 산술연산

컴퓨터는 처음부터 계산(연산)을 위해 탄생했다고 해도 과언이 아닙니다. 군사 기밀 암호를 풀기 위해, 대포의 탄도 계산을 위한 군사목적으로 시작해서 지금에 와서는 은행에 돈을 맡기거나 찾

itadventure.tistory.com

 

반응형
  • Favicon of https://eyehole.tistory.com BlogIcon 아이홀 2022.01.20 07:55 신고

    오늘은 내용이 많네요.
    배열은 0부터 시작한다는 걸 잘 기억해야 겠습니다

  • Favicon of https://kkabul10.tistory.com BlogIcon 푸른하늘은하수 2022.01.20 17:00 신고

    오~ 역시!! 어려운건 어려운거네요~~ ㅋ 잘 보고 갑니다

  • Favicon of https://comsurizone2021.tistory.com BlogIcon PC119 2022.01.21 04:32 신고

    포스팅 잘 보고 갑니다. 자주 들릴게요

  • Favicon of https://wondangcom.com BlogIcon 파아란기쁨 2022.01.21 09:36 신고

    파이썬하고 많이 비슷한것 같네요.^^
    오늘도 잘 보고 갑니다.~

  • Favicon of https://neoearly.net BlogIcon 라디오키즈 2022.01.21 11:26 신고

    @_@ 알 듯(?) 모를 듯(!)

  • 어렵네요~ㅎㅎ
    오늘도 좋은 하루 보내세요 😆

  • Favicon of https://yeejooho.tistory.com BlogIcon yeejooho 2022.01.21 16:11 신고

    ^^* 祝賀임인년❤謹賀2022新年 ♡♡♡!!❤❤ 으랏차차차 ❣{네이버 메모글 펌합니당 ㅋ [제목:아구 미챠 미챠 미챠! 이게 뭡니까? 당췌 코로나 펜대믹과 똥성(婚)타락으로 미국등 북미와 유럽마저 방역반대 난동인 상노무나라들로 몹쓸 세상이라 이민도 완전 접은 마당에 지구를 떠나고 싶다고라고라 쩝. 쫍. 쩝,참나!^^;;; ]}

    https://news.v.daum.net/v/20211211202028170?x_trkm=t

    하나(1)오늘 12ㆍ12  42주기에 이 작자가 제가 알아온 민주(당) 좌익 빨갱이가  맞긴한겨?  나참, 인간백정  극우-친일 박정희 계보에 하극상 구데타  민주시민 학살범 정권이 어쨌다고?  막말로 지금  싹슬이 반두환  악질반동이라도 (40여년전 악몽처럼)쨘 또 나타나  판쓸이 하면 그나마 말과 글로하는 감내도 힘들어지는 진영대결 아사리판 20대 대선에, 웃기는 똥대갈통 야그로 "왜 나만 가지고구래"하며 정치적 사기꾼 리승만 (서울사수 거짓/가짜방송의)겁쟁이처럼 딱 꽁무니 빼며 목숨 구걸할  위선자일세! 꼭 나불대는 이중적 주둥이가 사기꾼의 개나발ㆍ메가폰이네. 에혀라~참 몹쓸 세상에 믿기지 않는 불쌍한 동포들이고 못 믿을 구질한 인생 그 자체가  아닌가유? 아! 튀잣  =3=3=3=3=3^^;;;

    ps1.
    https://news.v.daum.net/v/20211212205456675
    &
    https://news.v.daum.net/v/20211213093533933?x_trkm=t
    @&
    https://news.v.daum.net/v/20211213093521920 

    ​하나(1)글쎄요. 두 진영간-후보사이에 "짜고 치는 고스톱"은 아니(/닐 것이)고 둘 다 비호감이 난형난재라고나 할까. 우쒸!  ■祝2022임인년♡♡♡!❤謹賀新年❤ 으랏차차차 ❣헤 ~♡ㅋㅋㅋ ^^*^^*

    PS2.방가@후렴,아고 선생님,
    Bonjour encore. 나뻐욧.ㅠㅠ인간임을 포기한ㅡ검찰 출신인ㅡ여수을 김회재 국개의원은 3.15/4.19후 60년만에 부정선거로 당선된 썩어빠저 징하게 더러운 악질 양성애자!! 인간도/인간이 아닙니다. 글코,

    미제국주의 타도! Bloody yankee get out!ㅡ천안함은 닥똥년연출 똥꼬봉作品

    나뻐요. 똥성결혼등  미친 악의축 미쿡은 날강도 집단입니다. 앞으로 망해 갈 것입니다. 똥성애가 꽃이 피어 아주 큰일/야단입니다. 똥성반란에 인류가 공히 망한당께유. 쩝.

    끝난 전북 민주당 경선 (작년9/26) 미측 조작임 ! 미국 똥성악마 ㆍ악당 공습 경계 경보 발령입니다.가증스런 이간질로 美날강도 집단의 똥테러입니다(끝). 그리고 일본 후쿠시마 핵쓰레기 무단 방류 결정 철회를 촉구합니다. 환경범죄/환경 전쟁 선포행위입니다. 투쟁! ㅡ 충남 부여에서 올림(꾸벅)^^*^^*

    Yankee go home! 미제국주의 박살!

    PS3. 법을 지켜야할  사법부內 극우 진영논리에 인간성마저 상실한 검새들의 소굴인 검찰 개혁을 다시 또 촉구합니다. 그간 별 무리없이 제가 운영하던 (https://story.kakao.com/yeejooho )카카오 계정이 날아갔습니다. 칙쇼!똥성 닥똥년ㆍ씹아ㄹ단은  북괴 정은이파에 필적하는 백색 테러집단이며, 극좌와 더불어 살인마 전똥대갈통의  잔재를 아우른 악질 반동 반민족적 친일 극우는 다 우리 인민의 고혈을 착취하는 인류 공공의 적입니다. 글코 검찰개혁 ㆍ후보교체 해야함다! 투쟁,투쟁!

  • Favicon of https://yeejooho.tistory.com BlogIcon yeejooho 2022.01.21 16:11 신고

    방가방가 블친님!❤ 謹賀2022/임인년新年❤ ♡!!!으랏차차차 ❣

    https://news.v.daum.net/v/20211210085213727

    하나(1)본인은 똥성타도 야전 사령관쯤으로 똥성 범죄집단의 망발/광란인 범죄들은  언젠가  "꼬리가 길면 잡힌다"고 믿고도 있고 증명이라도 하겠다는 의지가 충만하답니다. 발본 색원하여 일망타진을 감히 기대도 하고 빌고 있는 심정입니다. 그리고 이런 우울증에 기인한 듯한 "자살을 위장한 사건"들을 전부 다 ㅡ 사실 미국의 오래된 큼직한 미스터리 사건과 똥성애 연루를  분석/증명하려는 시도도 했지만, 솔까말 ㅡ 정말 알 수도 없고 결국 모른다는 고백입니다.

    하지만. 이 해당 건은 지난 다스의 실소유자관련 법정 소송중이던 시기에  MB의 최측근이었던 정두언 전 의원의 자살('19년 7/16)과 유사한 케이스로 단언합니다. 우울증이 동반된  (꼭 같은 것은 아니지만 일본 THANATOS적인)주종관계쯤의  "사회적 도태가 동반되는"  죽음으로 내몰리는 경우이기 때문입니다. 즉 자살의 정황이 강하게 추정됩니다. 왜냐면,

    또한  비슷한 사건으로, 다른 형태와 내용으로 민주당 대선 경선을 앞둔 자타가 공인하는 차기 대통령 일등 유력 후보였던 이낙연 대표의 이 부실장이 작년 12월"(금전/액수상)사소할 수도 있는" 옵티머스사건에 관련하여 "자살을 위장한 타살"로 보이는 실종 사망하는 사건이 발생했답니다. 그 당시 거북이 논자는 진영논리에 의한 타살의 혐의를 가지고, 봉건귀족 시대도 아닌 바 총체적 직관과 고찰로  똥성 범죄집단의 소행임을 강력이 주장/시사 하는 (댓)글들을 게재하고 나름 주장도 펼쳤습니다.

    역시나 또한 그런 정도로 큰 시사성이 있는 중요한 인간의 생명이 (자의적/타의적)사망/소멸하는 변고들을 똥성범죄와 연관하여 수년간 고찰해 보면 다른 유사한 비정치적 사건들에도 여태껏 무척 뜨악하고 당혹스러움을 금치 못하고 있는 바입니다. [참고로 강도/강간과 다르지만 제반 살인은 사건들 사이에 유사성이 범죄(자/)와 상관관계가 아주 높다는 가설로, 삼가 독자 제현의 깊은 성찰과 분석을 바라 마지 않습니다.]전쟁도 당근 그렇지만 암
    살/살인은 어떤 목적 달성으로 가장 최악인 악마의 사주인 "일급 살인 범죄"입니다.

    나뻐요. 인간말종(이하)입니다. 하여튼 간단히 최근 똥성애 관련 범죄들로 자살/타살 의혹의 3가지 경우case를 열거 비교하고 망자에게 삼가 애도를 표하는 바입니다. 쩝, 똥성애는 인류가 망하는 길이랑께유. "Let it go(흘려 보내시요)."  똥성타도(박멸)입니다. 감사. 이만 총총(꾸벅)^^*^^*

    PS.논자 거북이는 스스로 양심/반대 수용한다는 건설적 논쟁의 취지에서  다른 정치  평론도 꾸준히 나름대로 업데이트는 했다는 야그이고, 이번도 같은 참고할 만한 기사를 링크 합니다만. 닥똥년 타도 블로거의  카테고리에서 벗어날 수도 있고 논자와 다른 견해일 가능성도 크지만 조심스레 대선정국임을 감안 내년 국민의 선택을 전망해 본다는 변명입니다. 으흐흐흐 즉

    보세요ㅠㅠ  검찰개혁임다 ====> 칙쇼! https://story.kakao.com/yeejooho

  • Favicon of https://yeejooho.tistory.com BlogIcon yeejooho 2022.01.21 16:11 신고

    https://news.v.daum.net/v/20211228000350474

    하나(1) 좌익ㆍ우익 진영대결 아사리판  대선에 도덕성있는- https://news.v.daum.net/v/20211227163920224 - 후보가 일단(♡후보교체/) 필요하다는 생각이고, 설혹 실정법을 어겨가며 "김일성 만세"는 않하고/못하지만  동족상잔의 6ㆍ25를 겪은 우리나라 선량한 ROK 시민에게 같은 동포에게 총질이나 하는, 진정한 애국의 국군(ex.아부지만 문統등등)아저씨도  아닌 ㄱㅐ저씨~들인  극우 세력ㆍ진영의  반민족적 친일 뿌리는 한시도 망각하면 안됀다고 경고하고 싶습니다. ㅡ 극우인  저주받을 몽키 섬나라와  "미친 똥개인"   양키 제국주의자들에게 또 경고하는 배달민족의 자손  삼가 拜上(꾸벅♡)^^*^^*

    ps.징한 똥테러를 당하는 중,번거로운  링크입니다. ㅋ ===>  https://news.v.daum.net/v/20211228070004739

    https://news.v.daum.net/v/20211229131302825#none