We will find a way, we always have.

-interstellar

Programming Language/자바스크립트 8

[자바스크립트] 객체 (Object)

객체를 사용하여 다음과 같은 코드를 더욱 이뿌게 만들어보자!! 대괄호를 열어 property를 작성하면 된다!! 이렇게 '='를 사용하여 변수를 넣는 것이 아니라 ':' 를 사용한다. 아래와 같이 '.' 를 사용하여 표현한거나, 중괄호의 키를 넣어 값을 출력할 수도 있다. Object 업데이트 할 수도 있다. player.age = 20; 라잌 디스!! 그런데 const는 변경할 수 없는거 아니었나...? 맞아용! 변경할 수 없지만 현재 업데이트 한것은 const 한 player가 아니라 (사실 맞음) const 한 player 속에 있는 값을 업데이트 한것이다. 파이썬에서도 비슷한 예가 있다. tuple 은 다들 알다시피 immutable 자료형이다. 근데 그 immutable 속에 mutable 이 ..

[자바스크립트] 배열 (Array)

🛒배열 배열이란 데이터를 나열하기 위한 방법 중에 하나이다! 중괄호 '['로 시작하여 ']'로 마무리를 짓는다. 콤마 ',' 를 사용하여 각 데이터들을 구분한다. 요일 배열을 만들어보자! 위의 코드는 콘솔에서 아래와 같이 출력된다. 배열안에는 숫자나 문자 또는 불리안 등이 들어갈 수 있다. 널도 가능!! 만약 썬데이 값을 가져오고 싶다면 console.log(dayOfWeek[6]) 을 사용하면된다. dayOfWeek.push("don"); push를 통해 배열안에 데이터를 삽입할 수 있다.

[자바스크립트] 불리언 (Boolean)

Boolean 불리안! 줄여서 불 또는 부울 이라고도 불리우는데ㅎ 이 친구는 논리형 자료이다. true와 false가 있다. 위와 같이 자바스크립트 파일에 입력하면 다음과 같이 뜬다. 불리안 타입은 '사용자가 접속했는가?'와 같은 상황에서 사용된다. 만약 사용자가 접속했다면 true, 아니라면 false로 표현하면 된다. 불리안 타입도 문자나 숫자타입처럼 많이 사용하게 될것이다. 위의 코드를 실행시켜보면 아래와 같이 콘솔창에 표시된다. null은 아무것도 없다는 것을 의미한다. 파이썬에서는 null 대신 None 을 사용한다! undefined는 정의된게 없는 것이다. something은 변수를 만들었지만 값을 주지 않았다. 즉 컴퓨터 안에 메모리를 만들었지만 값이 없다. null은 자연적으로 만들어지지..

[자바스크립트] 변수 (Variables)

자바스크립트에서 변수 선언을 어떻게 하는지 알아보자! 변수 선언은 const, let 또는 var를 사용하여 변수 선언을 한다. const와 let 그리고 var의 차이점은 재선언과 재할당이 가능여부에 달려있다. 자바스크립트에 저렇게 입력하고 저장하면 콘솔창에 다음과 같이 나타난다. #Javascript let a = b; let a = c; //재선언 금지 let a = b; a = c; //재할당은 가능 const a = b; const a = c; //재선언 금지 const a = b; a = c; //재할당 금지 var a = b; var a = c; a = d; //재선언, 재할당 가능 const : 재선언 금지, 재할당 금지 상수라는 의미의 const. 변수 선언후 변경이 불가하다. 바뀌지 않..

[자바스크립트] 기본 데이터 타입 (Basic Data Types)

자바스크립트에서도 다른 언어와 같이 문자열(string)과 정수(interger) 그리고 실수(float)가 있다. 지금 당장 우클릭 누르고 검사을 클릭하면 아래와 같은 창이 나타난다. interger Console 창에 다음과 같이 입력하면(2+2) 더하기 계산이 수행된다. float 실수 형도 잘 수행되는 것을 볼 수 있다. 13.9 + 71.9 = 85.8 이 나오는 것이 아니라 뒤에 000~ 1 이 되는 이유는 컴퓨터는 실수형 계산이 완벽하지 않기 때문이다. 이유는 컴퓨터가 실수를 저장하는 방법에 있다. 컴퓨터가 실수를 저장하는 방법은 부동소수점을 사용하여 저장한다. 이는 실수를 a*2^b의 형태로 바꾼뒤 각각 지수부 가수부를 나누어 저장한다. (담번에 제대로 다뤄보기로 하고 오늘은 패스) str..

[자바스크립트] HTML, CSS, JAVA SCRIPT

HTML (Hyper Text Makeup Language) HTML은 웹 페이지에서 글루 같은 역활을 수행한다. HTML이 언어다! 라는 밈이 개발자들 사이에서 자주 사용되는 밈이다.ㅋㅋ 사실 HTML이 프로그래밍 언어가 아니라 마크업 언어이다. 이점을 헷갈리지 말도록 하자! HTML로 이런 식으로 태그를 사용하여 작성한다. 기본적으로 이렇게 열고 닫힌다 CSS (Cascading Style Sheets) CSS는 색상이나 크기, 이미지 크기나 위치, 배치 방법 등 웹 문서의 디자인 요소를 담당한다 출처: https://dinfree.com/lecture/frontend/122_css_1.html 왼쪽 화면 가끔 목격한 적이 있을것이다. CSS가 적용안되고 HTML만 남은 모습이다. 확실히 CSS도 사..

[자바스크립트] 자바스크립트란?

자바스크립트란? 자바스크립트 언어를 배우기 전에 자스의 탄생과정을 한번 살펴보자! 자바스크립트를 잘 모르는 사람이거나 프로그램을 처음 접하는 사람이 가장 많이 범하는 오류가 자바스크립트와 자바가 같은 언어인줄 알고 있는것이다. 이것과 비슷하게 C와 C++ 그리고 C# 이 친구들도 같은 언어인줄 착각하고 있는 분들이 간혹 있다. 물론 나도 그랬다. 프로그램 언어의 종류가 이렇게나 많을 줄이야...ㅎㅎ 한마디만 하겠다 자바와 자바스크립트가 같다고 생각하는 건 햄과 햄스터가 같다고 생각하는 것과 똑같다!!! 자바스크립트는 브랜든 아이크(Brendan Eich)가 1995년에 개발한 객체 지향언어로 객체의 형 간에 차이가 없다. 처음에는 '모카(Mocha)'라는 이름을 붙였으나 1995년 겨울 '라이브 스크립트..

[자바 스크립트] 시작계기!

파이썬을 이용해 백준 문제를 푸는것도 재밌다! 하지만 이번에는 눈에 보여지는 웹을 만들어보기로 했다! 갑자기??!! 라고 할 수도 있지만 전부터 노마드코더에서 자바스크립트 강의를 듣고 있었다. 다만 끝까지 듣지 않았을뿐...ㅎㅎ 이 영상을 보고 나도 무언가를 만들어보고 싶어졌다! https://youtu.be/pgi8w9qgktg 그래서 나의 계획은 노마드코더 자바스크립트 강의를 처음부터 다시 이 블로그에 정리해나가면서 들을 것이다!!!! 나두 모멘텀 같은 익스텐션 만들어봐야지~~~