평택코딩부트캠프

1. 오늘 새롭게 알게 된 것 돌발 Quiz Q1. id => 아이디는 unique 하게 사용할 때 적용할 것! Q2.개쉬땅나무 ?? first-child 적용 안되는 사례 font size %, em으로 주기 결과는 동일하게 나온다. 2. 어떤 과정에서 에러

html file을 브라우저에 Drag 해서 빠르게 실행해볼 수 있다. 스타일 시트 (내부 스타일시트, 외부 스타일시트)검사를 이용한 오류 확인(Elements tab, Console tab)Cmd+Opt+iHref : Hyper Reference 를 의미landing

textpasswordimagefilecheckboxradiohiddensubmitbuttonresetQ1.form 태그는 ( method ) 속성의 방식으로 (action) 속성 장소에 데이터를 전달합니다.Q2. (Get )방식은 주소에 데이터를 입력해서 전달합니다.

스크린샷 하나 올린다. 코드를 드래그 하여 올린다.궁금한 점을 올린다.프린트를 해보자.한줄 한줄 띄어서 보자(enter 쳐서). ➡️ 가독성이 좋아짐.2\. <a> anchor

천천히 배우고 -> 한 단계씩 coding 반복실행 => Goal코딩은 백그라운드와 상관 없다.코딩은 골을 넣어야 한다.(결과를 경험)

선택자A 선택자B : 선택자A 후손인 선택자B 선택선택자A > 선택자B : 선택자A 자손인 선택자B 선택margin : 테두리와 다른 태그 사이의 테두리 바깥쪽 여백border : 테두리padding : 테두리와 글자 사이의 테두라 안쪽 여백, 배경색은 padding

RelativeAbsolute이 둘의 관계에 대해서 잘 모른다면..?Google 검색 : CSS PositionGoogle에서 필요한 정보를 검색하고 개인 Blog에 요약하여 정리하는 습관을 들이자float: left, right 속성으로 div를 분할 배치시켰다.ma

웹 페이지 하나로도 데스크톱, 태블릿 pc, 스마트폰에 맞게 디자인이 자동으로 반응해서 변경되는 웹 페이지.장점 : 개발 효율성, 유지 보수 용이미디어 쿼리(media query)를 사용해 개발.meta 태그는 웹 페이지에 추가 정보를 제공할 때 사용.viewport

orientation 을 제외한 모든 속성은 min , max 를 붙일 수 있다.javascript 기본 용어표현식 : 값을 만들어 내는 간단한 코드문장 : 프로그래밍 언어에 실행할 수 있는 코드의 최소 단위종결 : 문장 마지막에 세미콜론(;) 또는 줄 바꿈생성자 함수

문서 객체 내부 글자를 텍스트 형식으로 가져오도록 변경 textContent는 'Node'의 속성으로, 사용자에게 보여지는 text값만 읽어오는 innetText와는 달리 <script>나 <style> 태그에 상관없이 해당 노드가 가지고 있는 텍스트 값을

문서 객체 모델 기본 용어 요소 노드 텍스트 노드 : 화면에 출력되는 문자열 정적 생성 동적 생성 실행 순서에 따른 문서 객체 사용 오류 이벤트 활용하기 문서 객체를 선택한다 이미 존재하는 html 태그를 자바스크립트에서 문서 객체로 변환하는 것 스타일 조작 자바

<meta charset="UTF-8">는 HTML 문서의 문자 인코딩을 UTF-8로 설정하는 메타태그인코딩 : 사용자가 입력한 문자나 기호들을 컴퓨터가 이용할 수 있는 신호로 만드는 것. ( 컴퓨터는 모든 정보를 0과 1인 바이너리, 즉 숫자로 저장 )jQu

CDN (Content Delivery Network) 이란? > CDN은 Content Delivery Network의 약자로, 데이터 센터와 서버 네트워크를 활용하여 사용자에게 웹 페이지의 콘텐츠를 빠르고 안정적으로 제공하는 시스템을 말합니다. 기본적으로 웹 페이

event trigger : 브라우저 내 특정 사건 감지event Handler : 이벤트가 발생했을 때 호출될 함수event-driven programming : 프로그램의 흐름을 이벤트 중심으로 제어하는 프로그래밍 방식.이벤트가 발생했을 때 브라우저에게 이벤트 핸들

리터럴 정의 사람이 이해할 수 있는 문자, 약속된 기호를 사용해 생성하는 표기법. javascript에서 값을 나타냄. 변수가 아닌 문자 그대로 스크립트에 제공한 고정된 값. 배열 리터럴 불리언 리터럴 부동 소수점 리터럴 숫자 리터럴 객체 리터럴 정규식 리터럴 문자

undefined는 변수를 선언하고 값을 할당하지 않았을 때 변수의 기본 값이다.함수 내에서 반환 값이 지정되지 않은 경우 함수의 기본 반환 값으로 사용된다.객체의 프로퍼티에 대한 접근 시 해당 프로퍼티가 존재하지 않으면 "undefined"가 반환됩니다.null은 변

private 등의 접근제한자는 인스턴스 단위가 아니라 클래스 단위이다. 생성자에서 접근하는 것은 가능하나 클래스 끼리의 접근은 막는다.

Array.prototype.reduce() 배열의 각 element에 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환한다. callback : 배열의 각 요소에 대해 실행할 함수. 다음 네 가지 인수를 가짐 >accumulator : 누산기. 콜백의

split() 메서드는 String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눈다.split();split(separator);split(separator, limit);seperator에 구분할 것을 넣고, limit에는 끊어진 문자열의 최대 개수를 나타

객체는 상태(property)동작(method)로 이루어져 있다. method는 자신이 속한 객체를 가리키를 식별자를 참조할 수 있다. this keyword자신이 속한 객체자신이 생성할 인스턴스(프로퍼티, 메서드)를 가리키는 자기 참조 변수.식별자와 값을 연결ex)

Number.NaN은 숫자가 아님(Not-a-Number)을 나타내는 숫자 값.Number.NaN은 window.NaN과 같다.Number 객체는 생성자 함수 객체.new 연산자와 함께 호출하여 Number 인스턴스를 생성할 수 있다.\[\[PrimitiveValue]

console.log 찍어보면 배열에 있던 값이 나열되어서 나온다.함수를 통해 인자를 보낼 경우에 이런 경우가 생길 수 있다.위와 같이 argument 값이 너무 많아 함수에서 받아야 할 parameter가 많아야 할 경우가 생길 수 있다. 그럴 경우엔 아래와 같이 s

replaceAll() > ### join() > ### shift() > ### slice() > ### shuffle()

배열 중에 함수를 만족하는 첫 번째 요소를 반환한다. 테스트 함수를 만족하는 값이 없으면 undefined가 반환된다.findIndex() 메서드는 주어진 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환한다. 만족하는 요소가 없으면 -1을 반환한다

배열 중에 함수를 만족하는 첫 번째 요소를 반환한다. 테스트 함수를 만족하는 값이 없으면 undefined가 반환된다.findIndex() 메서드는 주어진 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환한다. 만족하는 요소가 없으면 -1을 반환한다