Primitive, Reference

: 기본 타입, 원시값(1)종류StringBooleanNumberNullUndefined: type이자 값Symbol(2)특징: 그 자체가 하나의 값을 나타냄 -> 원시값은 "모양"이 같으면 서로 같은 값➡️y에는 x의 원시값 10이 할당되었고 x가 재할당된다해도 y는

2021년 8월 9일
·
0개의 댓글
·
post-thumbnail

DOM

1.Document Object Model: HTML 문서를 위한 프로그래밍 인터페이스소프트웨어간 교류를 가능하게 해주는 존재HTML로 틀을 잡고 그 틀에 DOM으로 접근하고 조종, 따라서 자바스크립트로 화면 수정을 해도 HTML문서 자체가 수정되는 것은 아님2.요소

2021년 7월 26일
·
0개의 댓글
·
post-thumbnail

자바스크립트에서 HTML의 객체 가져오기

: 자바스크립트에서 HTML의 객체를 가져올때 쓰는 메서드getElementById("Id name")Id는 유일해야 하므로 하나의 값은 하나의 요소에만 사용 가능찾는 Id값이 없으면 null로 반환getElementsByClassName("class name")자바스

2021년 7월 19일
·
0개의 댓글
·
post-thumbnail

Math 객체

: 수학에서 자주 사용하는 상수와 함수들을 미리 구현해 높은 자바스크립트 표준 내장 객체다른 객체와는 달리 생성자(constructor)가 존재하지 않음따로 인스턴스를 생성하지 않아도 math객체의 모든 메소드나 프로퍼티를 바로 사용 가능: 웹 브라우저마다 다른 결과값

2021년 7월 12일
·
0개의 댓글
·

Github 연결

아직 guthub사용이 익숙하지 않아서 정리!!! 1.New git repository 생성 ➡️ 프로젝트 폴더를 올릴 원격 저장소 생성 2.git init(initializing) 터미널에서 프로젝트 폴더로 이동 후 git init 입력

2021년 7월 3일
·
0개의 댓글
·
post-thumbnail

String wrapper 객체

<String 레퍼 객체>: 원시타입인 문자열을 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper)객체변수 또는 객체 프로퍼티가 문자열을 값으로 가지고 있다면 string 객체의 별도 생성없이 객체의 프로퍼티와 메소드 사용 가능 -> 원시타입으로 프

2021년 7월 2일
·
0개의 댓글
·

객체

: 배열과 유사한 역활, 인덱스 값으로 사용자가 원하는 데이터를 사용(object) -> 데이터를 담아내는 컨테이너 원시타입(primitive)을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체이다. 프로퍼티 값으로 함수 사용 가능, 프로퍼티 값이 함수

2021년 7월 2일
·
0개의 댓글
·
post-thumbnail

배열

: 연관된 데이터를 모아 통으로 관리하기 위해 사용하는 데이터 타입 -> 여러개의 데이터를 순차적으로 하나의 변수에 저장하기 위한 것, 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함➡️결과값은 차례로 요소1, 요소2, 요소3이 된다.➡️배열에 담겨있는 값을

2021년 7월 2일
·
0개의 댓글
·
post-thumbnail

함수

: 어떤 작업을 수행하기 위해 필요한 문(statement)들의 집합을 정의한 코드 블록. 이름과 매개변수를 갖으며 필요한 때에 호출하여 일괄적으로 실행할 수 있다. 하나의 로직을 재실행할 수 있도록 하여 코드의 재사용성(여러맥락에서 다시 사용)을 높여줌 -> 하나의

2021년 7월 2일
·
0개의 댓글
·
post-thumbnail

반복문

: 각각의 구문은 서로 대체 가능하기 때문에 선택해서 사용하면 됨 (loop/ Iterate): 주어진 조건식의 평가 결과가 참이면 코드 블록을 계속해서 반복 실행, 거짓이 되면 실행 종료➡️무한반복 발생 -> 웹브라우저는 무한반복 허용하지 않기 때문에 어느정도 시간이

2021년 7월 2일
·
0개의 댓글
·
post-thumbnail

조건문(Conditional statement)

: 주어진 조건에 따라서 애플리케이션을 다르게 동작하도록 하는것(Conditional statement)\-> 괄호 안은 조건문, 중괄호 안은 조건이 맞으면 실행되는 코드\-> boolean이 true면 다 실행이 되지만 false인 경우 중괄호 구간이 실행되지 않음:

2021년 7월 2일
·
0개의 댓글
·
post-thumbnail

비교

: 값에 대해서 어떤 작업을 컴퓨터에게 지시하기 위한 기호a = 1에서 '='은 우항의 값인 1을 좌항의 변수 a에 대입하는 대입연산자, 'a'는 변수. '1'은 값 또는 상수2.비교 연산자: 주어진 값들이 같은지, 다른지, 큰지 ,작은지를 구분하는 것을 의미비교 연산

2021년 7월 2일
·
0개의 댓글
·
post-thumbnail

연산자

값은 다양한 방법(표현식)으로 생성할 수 있다. -> 표현식은 값처럼 사용 가능표현식(Expression): 리터럴, 식별자, 연산자, 함수 호출 등의 조합, 평가(evaluation. 표현식을 실행하여 하나의 값을 만드는 과정)되어 하나의 값을 만든다. -> 하나의

2021년 7월 2일
·
0개의 댓글
·

주석

//도움말, 설명, 브라우저가 해석하지 않음일시적으로 동작하지 않게 할 때도 사용\-> 잘 만들어진 코드는 좋은 주석을 가진 코드, 주석 없이 가독성 좋은 코드가 제일 좋은 코드긴 함한줄 주석: //........ 여러줄 주석:

2021년 7월 2일
·
0개의 댓글
·
post-thumbnail

변수(Variable)

: (문자나 숫자 같은) 값을 담는 컨테이너로 값을 유지(캐싱)할 필요가 있을 때 사용 -> 값을 담는 빈공간즉 변수란 메모리주소(Memory address)에 접근하기 위해 사람이 이해할 수 있는 언어로 지정한 식별자(identifier)var 변수이름 = 값;->

2021년 7월 2일
·
0개의 댓글
·
post-thumbnail

숫자와 문자

큰따옴표나 작은따옴표가 붙지 않은 숫자 -> 숫자로 인식곱하기는 \*나누기는 /사칙연산보다 좀 더 복잡한 연산도 지원math. pow(3,2); =3의2승 =9math. round(10.6); =10.6 반올림 =11math.ceil(10.2); =10.2를 올림 =

2021년 7월 2일
·
0개의 댓글
·
post-thumbnail

스타일의 상속과 적용 우선순위

: 상위(부모, 조상) 요소에 적용된 프로퍼티를 하위(자식, 자손)요소가 물려받는 것을 의미, 상속 기능이 없을 시 각 요소의 rule set에 프로퍼티를 매번 지정해야 함상속되지 않는 경우, inherit 키워드를 사용하여 명시적으로 상속받게 할 수 있다.: 여러개의

2021년 6월 27일
·
0개의 댓글
·
post-thumbnail

요소 정렬

float 프로퍼티: 레이아웃 구성할 때 블록 레벨 요소를 가로 정렬하기 위해 사용이미지 주위를 텍스트로 감싸기 위해 사용 -> 페이지 전체 레이아웃을 잡을때도 중요하게 사용됨float: left; : 왼쪽부터 가로 정렬float: right; : 오른쪽부터 가로 정렬

2021년 6월 27일
·
0개의 댓글
·
post-thumbnail

요소의 위치 정의

: 위치 정의,top, bottom, left, right 프로퍼티와 함께 사용하여 위치 지정: position 프로퍼티의 기본값(position 프로퍼티를 지정하지 않았을때)기본적인 요소 배치순서: 위에서 아래로, 왼쪽에서 오른쪽 순서에 따라 배치부모요소 내에 자식요

2021년 6월 27일
·
0개의 댓글
·
post-thumbnail

폰트와 텍스트

: 폰트의 크기, 폰트의 지정, 폰트의 스타일, 텍스트 정렬 등을 정의: 텍스트의 크기 정의크기 단위는 px, em, pt 등이 있음h1~h5태그도 css에서 폰트 크기 조정 가능해당 태그나 class, id에 css 값이 존재 -> 해당 스타일을 더 우선순위로 적용f

2021년 6월 27일
·
0개의 댓글
·