1-01 자바스크립트 작성위치 ~ 1-06 64비트부동소수점

Notice

개인 블로그로 이전 했습니다! 많이 놀러와 주⋯

Recent Posts

Recent Comments

Link

« 2024/09 »
일	월	화	수	목	금	토
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

Tags more

Archives

Today

Total

관리 메뉴

Daehyunii's Dev-blog

1-01 자바스크립트 작성위치 ~ 1-06 64비트부동소수점 본문

📚 Language & CS knowledge/JavaScript (기초)

1-01 자바스크립트 작성위치 ~ 1-06 64비트부동소수점

Daehyunii 2022. 6. 16. 19:14

자바스크립트를 공부하게 앞서 ' 모던 자바스크립트 Deep Dive ' 책과 inflearn 사이트를 통해 자바스크립트 강의 영상을 신청했습니다.

우선 파이썬과는 다르게 이번에는 자바스크립트 강의 영상을 먼저 1회독을 한 후에 책과 강의를 병행하는 방법으로 계획을 세웠습니다.

'모던 자바스크립트 Deep Dive' 책을 상당 부분 습득하게 된다면 전반적인 프로그래밍 지식이 많이 쌓일 것이라는 이야기를 들었기에

'자바스크립트란 무엇인지' 강의를 빠르게 1회독 듣고, 책으로 넘어가려고 합니다.

*자바스크립트가 무엇인지 제대로 이해하지 못한 상태에서 강의를 진행하다 보니, 제가 작성한 내용이 정확하지 않거나

틀린 부분이 있을 수도 있으며, 배운 내용들을 중심으로 기록하고자 합니다.

1-01 자바스크립트 작성 위치

우선, html의 구조에 대해서 배웠습니다.

html의 구조는 <html><head></head><body></body></html>의 구조로 대략적으로 이루어져 있고 <body>와 <head>사이에

코드내용을 입력 할 수 있다는 것을 배웠습니다.

그리고 자바스크립트 파일(?)을 별도로 만들어 html에 넣을 수 있다는 것도 배웠습니다.

본 내용을 배우면서 html과 JavaScript의 관계가 궁금했고, 정확한 구조를 이해하고 싶었으나 지금 단계에서는 우선 빠르게 1회독을 목표로 두었기 때문에 자세한 궁금증은 다시 공부하기로 하고 강의를 계속 이어 나갔습니다.

1-02 콘솔

개발자 도구는 크롬을 통해 console.log()를 활용

(파이썬에 비교해 보자면 print()와 같은 역할이지 않을까 하고 조심스럽게 비교해가며 공부했습니다.)

강의의 내용상 자세한 설명은 없었지만, document.write()를 통해 작성한 내용이 화면에 출력되는 것을 확인

1-03 주석처리

주석 처리는 파이썬과 같은 개념이기 때문에 크게 쉽게 받아 들임

파이썬 - #

html - //

여러 문장 주석 처리 - /* 여러 줄의 내용 입력 */

1-04 변수선언자

var : 동일한 이름으로 변수를 재선언 하는것 가능

선언된 변수에 값을 재할당 하는것 가능

let : 동일한 이름으로 변수를 재선언 하는것 불가능

선언된 변수에 값을 재할당 하는것 가능

const : 동일한 이름으로 변수를 재선언 하는것 불가능

선언된 변수에 값을 재할당 하는것 불가능

1-05 데이터타입

1. String : 문자열, " "를 활용

2. Number : 숫자

3. undefined : 에러가 아닌 하나의 데이터 타입으로 봄, 조건문에서 활용 가능함

4. Null : 에러가 아닌 하나의 데이터 타입으로 봄, 조건문에서 활용 가능함

5. 오브젝트 : 키와 밸류값을 가지는 데이터, { }를 통해 선언(파이썬의 딕셔너리와 유사-사견),

ex)var person = {}; 라 선언 했을때, person.firstName = "이름" 과 person[firstName] = "이름" 두 가지 방식을 활용 할 수 있음

파이썬과 동일하게 키 값이 존재하는 상태로 밸류 값을 입력하면 밸류 값이 변경되고, 없는 키값을 입력한 후 밸류 값을 입력하면 새롭게 키와 밸류 값이 오브젝트에 추가 되는 것을 확인함

6. 배열(Array) : 여러개의 데이터를 가지는 데이터, [ ]를 통해 선언(파이썬의 리스트와 유사-사견),

배열 내부에는 문자열, 숫자, undefined, boolean 등 모든 데이터가 들어 올 수 있음

배열 내 데이터 추가 - .push()

배열 내 데이터 치환 - 배열명[인덱스번호] = 변경 할 데이터

배열 내 element수 확인 - 배열명.length

7. Booloean : 'true','false' 값 만을 가지는 데이터 타입

8.데이터 타입 알아보기 : typeof 데이터명

배열도 오브젝트 타입으로 나오는 점 유의!

1-06 64비트부동소수점

강의를 들으면서도 정확한 개념을 이해 하지 못했음.

완강 후 다시 책을 통해 자세한 설명을 들어보아야 할 것 같음

오늘을 마무리 하며 :

JavaScript라는 새로운 언어를 배운다고 하니, 걱정도 많이 되고 불안한 마음도 없지 않아 있었지만 파이썬을 통해 언어가 무엇인지 어느정도 감을 잡고 들어오니, 비교해 가며 볼 수 있어 이해하기 쉬운 부분도 있었습니다. 다만 미세하게 조금씩 다른 부분들이 많다는게 느껴져 오히려 헷갈리지는 않을지 걱정이 되는 부분도 있습니다.

저작자표시

'📚 Language & CS knowledge > JavaScript (기초)' 카테고리의 다른 글

3-14 Error ~ 4-04 데이터 테이블 (0)	2022.06.19
3-06 Template Literals ~ 3-13 클래스 (0)	2022.06.17
2-07 JSON ~ 3-05 Arrow Function (0)	2022.06.16
2-02 Number 내장함수 ~ 2-06 Math 내장함수 (0)	2022.06.16
1-07 연산자 ~ 2-01 String 내장함수 (0)	2022.06.16

'📚 Language & CS knowledge/JavaScript (기초)' Related Articles

Daehyunii's Dev-blog

1-01 자바스크립트 작성위치 ~ 1-06 64비트부동소수점 본문

1-01 자바스크립트 작성위치 ~ 1-06 64비트부동소수점

'📚 Language & CS knowledge > JavaScript (기초)' 카테고리의 다른 글

티스토리툴바