본문 바로가기

javascript

(20)

DAY 4 app.js #3.0 The Document Object console에 document를 입력하면 작성한 html을 가져올 수 있다. 즉 document는 브라우저에 이미 존재한 object다. console.dir(document)를 실행시키면 말 그대로 object인 document를 출력해주고, document의 property는 그 html의 정보들을 javascript의 관점으로 보여준다. document.body를 콘솔에 입력하면 html 중 body 태그부분만 보여준다. body, head, html같은 주요 태그들은 이런 식으로 얻어올 수 있지만 그 이하의 태그들은 querySelector, getElementById등으로 찾아와야 한다.... document.location은 현재 디렉..

DAY 3 #2.7 Functions part One : 계속 반복해서 사용할 수 있는 코드 조각 - 함수의 선언 → function 함수명() {실행코드} - 함수의 실행 → 함수명(); - 인수(argument) : 함수를 실행하는 동안 함수에게 어떤 정보를 보낼 수 있는 방법으로, () 안에 위치한다. #2.8 Functions part Two argument는 다음과 같이 받아올 수 있으며, 동시에 여러 개도 받아올 수 있다. 만약 정의한 함수에서 argument를 하나밖에 정의하지 않았는데, 실행 시킬 때 arguments를 여러 개 넣으면 맨 앞에 있는 argument만 실행된다. function sayHello(myName) { console.log("Hello my name is " + myName)..

DAY 2 #2.1 Basic Data Types Number : Integer(정수), Float(소수) String : 문자열, 처음부터 끝까지 문자로 이루어짐 문자열은 아래와 같이 ''나 ""로 감싸서 표현해야 한다. console.log('hello'); console.log("my name is " + "hayeon"); #2.2 Variables console.log(5 + 2); console.log(5 * 2); console.log(5 - 2); 아래 코드에서 5를 다른 숫자로 변경하고 싶다던지, 2를 다른 숫자로 변경하고 싶을 때 하나하나 바꿔줘야하는 것은 번거로운 일이다. 이 귀찮은 일을 해결해주는 것이 변수다. 변수를 사용하기 위해서는 const를 사용한다. constant(상수)를 의미하며,..

DAY 1 Javascript javascript는 frontend로 쓸 수 있는 유일한 언어로, 브라우저에 내장되어 있어 다른 언어처럼 설치 과정이 없다. 또한 프레임워크를 사용해 backend에도 사용된다. Framework of Javascript : 프로그래밍에서 특정 운영체제를 위한 응용 프로그램 표준 구조를 구현하는 class와 library의 모임으로, javascript 프레임워크에는 대표적으로 react, vue, angular 등이 있다. - three.js는 javascript로 3D를 구현하게 해준다. - react native는 javascript만으로도 모바일 앱을 만들 수 있게 해준다. - electron은 js, html, css로 desktop app을 만들 수 있게 해준다. - ml..

이전 1 2 3 다음

티스토리툴바