반응형

JS 강의 14

[바닐라 JS로 크롬 앱 만들기] #3 [2021 UPDATE] JAVASCRIPT ON THE BROWSER

#3.0 The Document Object 브라우저에 대해서 더 이해하는 시간이 될 것이다 js가 브라우저를 어떻게 움직이게 하는 지 알 수 있다. html이 css와 js 를 가져오기 때문에 자바스크립트르 사용하는 이유는 HTML과 상호작용하기 위해서이다. HTML의 Element들을 Javascript을 통해 변경하고 읽을 수 있다. document를 console창에 작성하면 줄줄이 HTML 코드를 확인할 수 있다 그 말은 즉슨 document는 브라우저에 이미 존재하는 object ㄴ 우리가 접근할 수 있는 HTML을 가리키는 객체 자바스크립트의 관점으로 HTML에 존재하는 객체들을 보여준다. 자바스크립트는 html을 읽어오는 것이다. 브라우저 HTML 정보가 아주 많이 들어있는 document..

[바닐라 JS로 크롬 앱 만들기] #2 [2021 UPDATE] WELCOME TO JAVASCRIPT(2)

#2.9 Recap 데이터 타입에는 string, number 이 있다. variable을 만드는 두가지 옵션 const a = 5; let b = 6; 데이터의 값을 업데이트 하고 싶을 때 자바스크립트는 프랑켄슈타인 같아서, 계속해서 추가해가나는 것이지 언어 자체가 완전히 업데이트 되는것(예: 구식 개념이 사라지는)은 불가능하다. const와 let(가끔) 사용하지, var는 절대 사용하지 말 것! 변수안에 아무것도 없음을 알려주고 싶으면, null을 입력 const a = null ; Array 만들기 const days = [1, 2, false, undefined, "text", me ]; #2.10 Recap II - obejct를 만들어보자 const player = { name: "Nico"..

[바닐라 JS로 크롬 앱 만들기] #2 [2021 UPDATE] WELCOME TO JAVASCRIPT(1)

#2.0 Your first JS Project 자바스크립트는 이미 브라우저에 설치되어 있다. console 사용법을 알아보자 한줄씩 사용가능 자바스크립트 파일을 만들어서, 쉽게 사용해보자 Html is like a glue html 접착제 같은 역할을 한다 javascript나 css를 실행하고 싶을 때, 코드를 보여주는 게 아니라 "실행" 하고 싶을 때 html 안에서 두 가지 형식의 파일을 불러와 "실행" 해볼 수 있다. 자바스크립트 파일은 주로 맨 위에다가 적지 않고 맨 끝에 작성한다. HTML 브라우저가 CSS와 JS를 실행한다. 즉 두 가지 엔진이 돌아가고 있다. 하나는 css 하나는 js 브라우저가 실행되어야 하는 파일이 있다는 것을 확인했 때, 두 가지 모두 브라우저에서 활용된다. 원하는 ..

[바닐라 JS로 크롬 앱 만들기] #1 [2021 UPDATE] INTRODUCTION

워낙 유명한 노마드코더 니코 센세의 바닐라 JS 강의를 들어볼까 한다 초반에 사기를 돋아주는 정보들 JS로 무엇을 할 수 있는지 그 장점에 대해서 열거한 부분들이 상당히 열정을 더 고취시키는 것 같다. 오늘부터 기록을 하기로 하고 오늘은 #1 INTRODUCTION을 마무리했다. 브라우저에 내장되어 있는 언어 HTML, CSS, Javascript 파이썬처럼 따로 설치해야 할 필요가 없다 > 즉 js는 접근성이 좋다 프론트엔드를 하고 싶다면 무조건, js를 배우면 된다 즉 프론트엔드에는 언어 선택의 옵션이 없다. 그래서 어떤 언어를 주 언어로 삼을 건지는 꽤나 중요하다. three.js 를 통해서 멋진 모델 가능 리액트 네이티브는 자바스크립트만으로 안드로이드와 ios 앱을 만들 수 있게 해준다. 일렉트론..

반응형