## 객체 (Object) -객체의 사전적 의미 : 실세계에 존재하는 대상 또는 생각할 수 있는 개념 (스마트폰 , 화분등) -자바 스크립트에게 객체란? : 어떤 사물이나 개념을 소프트웨어적으로 표현하기위해 사용하는 문법적 수단 자바 스크립트 코드 내에서 객체란 "값 또는 기능을 가지고 있는 데이터"이다. -값, 속성, 동작(메서드 method)이 필요하다. -method 메서드 : 객체가 필요하다, 함수 : 객체없이 호출해서 사용 -현실세계에 있는 것을 프로그램에서는 객체로 만들 수 있다. -웹브라우저도 하나의 객체이다. : 웹브라우저는 소프트웨어 세계에 존재하는 사물, 즉 객체이다. 그리고 자바 스크립트는 웹브라우저라는 객체에 명령을 내리기위해 사용하는 언어이다. 사용자가 웨브라우저에게 명령을 내릴 ..

## 자바스크립트란 -자바 스크립트는 프로그래밍 언어중 하나이다. -자바 스크립트는 서버개발, 어플리케이션 개발등 다양한 목적을 위해 사용할 수 있는 언어이지만 주된 활동 분야는 웹 개발에서 가장 많이 사용한다. (인터넷을 통해 서비스되는 웹 사이트 개발) -웹사이트 개발에서 자바 스크립트의 역할은 웹브라우저가 가진 기능을 실행시키거나 HTML/CSS를 통해서 랜더링된 화면을 조작할 수 있다. 즉 자바 스크립트는 웹브라우저를 조작함으로써 역할을 수행 한다. ## 자바 스크립트 사용법 -자바 스크립트를 사용하는 방법은 크게 2가지를 사용 할 수 있다. 1) HTML문서 내부에 작성하는 방법 2) 자바 스크립트 파일을 만들고, 그 안에 작성한 코드를 HTML문서에 연결하는 방법 (자바 스크립트의 파일 확장자..

content 속에 든 것들, 내용물 relative 비교상의, 상대적인 static 고정된 absolute 완전한 sticky 끈적거리는 justify 행의 끝을 나란히 맞추다 reverse 뒤바꾸다 agument 인자 parameter 매개변수 function 함수 maximum 최대 minimum 최소 average 평균 type 유형, 종류 Social Security Number 주민번호 ssn

## CSS선택자2 -선택자 : 어떤 요소에 스타일을 적용할것인가에 대한 정보이다. 선택자{ 속성명: 속성값; } -기본 선택자 -그룹 선택자 -특성(속성) 선택자 -결합 선택자 -의사 클래스 -기본 요소 ----------------------------------------------------------------------------------------------------------------------------------------------------------------- # 특성(속성) 선택자 -특성 선택자(속성 선택자)는 주어진 속성의 존재 여부나 그 값에 따라 요소를 선택할 수 있다. -html태그에 클래스라는 속성이 어떤 값을 갖고 있더라도 클래스가 존재하기만 하면 선택된다. -..

한 줄 정리 float : 문서의 일반적인 흐름에서 제외 none (기본값), left, right clear: float 요소의 영향을 받지 않도록 해줌 none (기본값), left, right, both position : 문서상에 요소를 배치하는 방법을 정의 top, bottom, right, left static : 기본값 relative : 브라우저 기준으로 움직인다 absolute : 최근에 만든 객체를 기준으로 움직인다 fixed : 쇼핑몰에서 자주 볼 수 있는데 스크롤바를 내려도 고정이 된다 sticky : 지정한 위치에서 고정되게 하는 것 top, bottom flexbox : 여러 객체를 그룹으로 묶어 한번에 움직이게 하는 것 display: flex;로 사용 (기본 주축인 가로방향,..

한 줄 정리 # background-color : 배경의 색을 정의 # background-image : 배경의 이미지를 정의 # background-position : 배경의 초기 위치를 정의 # background-size : 배경의 이미지 크기를 정의 # background-repeat : 배경 이미지의 반복을 정의 ##CSS 요소의 배경 설정(background) -요소의 배경화면을 정의한다. -배경의 색상, 이미지, 반복등의 다양한 하위속성을 정의할 수 있다. -필수요소는 아니므로 필요한 경우에만 사용하면된다. # background-color : 배경의 색을 정의 # background-image : 배경의 이미지를 정의 -url()은 함수인데, 함수란 자주 이용하는 코드를 만들어 놓고 호출해..

한 줄 정리 padding: 컨텐츠 안쪽 여백 margin : 컨텐츠 바깥쪽 여백 box-sizing : 컨텐츠 사이즈 고정 or 유동 box-sizing: content-box; : border width + padding size 전부 포함한 값을 유동적으로 출력 box-sizing: border-box; : border width + padding size + contents size 를 전부 포함한 값을 고정 # 박스 모델 영역 -브라우저가 렌더링할때 각각의 요소는 기본적으로 사각형 형태의 영역을 차지하게된다. -이 영역을 박스모델이라고 하며 CSS는 박스의 크기, 형태, 속성을 결정할 수 있다. -컨텐츠 영역 : width(너비) , height(높이) -안쪽 여백 : padding -테두리 :..

한 줄 정리 border: 선 굵기, 선 스타일, 선 색상 ex) border: 2px soild red 선 스타일 : soild(실선), double(두 줄), dotted(점 선) border-color: 색상; border-style: 선 스타일; border-width: 선 두께; display: inline (인라인으로 처리한다) block (블록으로 처리한다) inline-block (인라인이면서, 블록 속성을 가지게 한다) none (디스플레이 화면에 나오지 않지만, 개발자 도구에는 존재한다) list-style : 리스트 모양 (리스트 목록의 앞에 문자를 바꿔준다) 리스트 모양 custom해서 사용하기 .menu2{ list-style: none; } .menu2 li::before{ co..

어제 문득 지하철을 타다가 성령님께서 깨닫게 해주시는 계시가 있어서 적어본다. 우리는 삶에서 항상 승리와 패배 두 개를 구분지어 놓는다. 각자의 삶에서의 승리와 패배의 형태는 어느 정도 평균적이게 분리 되어 있다고 생각한다. 패배 (포기, 두려움, 용기를 잃고 낙심, 탕진, 소멸, 끊어짐) 등등.. 부정적인 것들은 아마 패배로 분류하지 않을까 싶다. 허나, 예수 그리스도를 내 삶에 주인으로 받아들이고, 거듭난 옛 사람이 아닌 새 사람으로 살아가는 사람은 어떨까? 에베소서 4:24 하나님을 따라 의와 진리의 거룩함으로 지으심을 받은 새 사람을 입으라 먼저, 새 사람과 옛 사람의 생각을 구분 지어야 할 필요가 있다. 옛 사람의 생각은 남을 판단하는 것(새 사람: 오직 판단과 심판은 하나님이 하시는 것이다),..