반갑습니다

프론트 엔드(Front-End) - 우리가 모니터를 통해 보고 있는 화면을 구성하는 것 (레이아웃, 텍스트, 컬러, 그림 등)들 - 백엔드 개발자가 만든 집의 내부 디자인 담당 프론트엔드를 개발하기 위해 요구되는 기술 - HTML : 웹페이지의 뼈대(전체적인 틀)를 구성 - CSS : HTML로 작업된 웹페이지에 디자인적인 부분(컬러나 폰트 등)을 담당 - JavaScript : 정적인 웹페이지를 동적으로 만들어줌 프론트엔드 구성 - UX Designer : 사용자에게 최상의 편리함을 제공하기 위한 사이트의 구성 및 기능 담당 - Web Deginer : UX Designer가 구성한 것을 토대로 디자인을 입히는 역할 - Front-End developer : 위의 디자인을 웹 어플리케이션으로 구현 프론..

공부 요점 정리 2020. 5. 13. 22:34

* 웹 브라우저란 사용자의 컴퓨터가 인터넷에 접속되어 웹 서버로부터 가져온 여러 가지 정보를 볼 수 있도록 도와주는 소프트웨어. 웹페이지를 가져올 뿐만 아니라 웹 서버에 정보를 송신하기도 함. (대부분의 웹 서버가 사용하는 HTTP로 통신한다.) - 웹 페이지의 파일포맷은 보통 HTML이 쓰이며 대부분의 브라우저는 HTML 외에도 JPEG, PNG, GIF 이미지 포맷들을 지원하며, 그밖에도 플러그인을 통해 확장할 수 있다. - 웹 브라우저의 기능 > 주 역할 : 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는것. > 검색 기능 - 페이지 보기/이동, 편집 등이 가능함 > 전자우편 기능 - 전자우편 작성, 송/수신 , 우편함 관리 또는 설정 가능 > 뉴스 기능 - 뉴스서버로부터 전송 받은 기사..

공부 요점 정리 2020. 5. 13. 22:32

자바스크립트란? - 웹을 풍부하게 만들어주는 작고 가벼운 언어이다. - 웹페이지와 상호작용을 하도록 만들어진 스크립트 언어이다. - 작고 빠르기 때문에 웹문서를 동적으로 꾸밀 때 가장 널리 쓰인다. - 웹에 특화된 기술이기 때문에 운영체제나 플랫폼에 상관없이 잘 작동되고 확장성도 높다. 장점 - 빠른 개발이 가능하며, 배우기가 쉽다. (왜냐하면 자바스크립트는 인터프리터 언어여서, 모든 인터프리터 언어의 장점인 배우기 쉽다는 점이 자바스크립트에도 그대로 적용되기 때문이다. 그리고 컴파일 언어처럼 중간 단계인 컴파일(Compile), 링크(Link)과정이 필요가 없기 때문에 즉시 실행(Execute)이 가능하다. ) [프로그래밍 언어는 각자의 언어에 맞게 실행된다. 이 때, 프로그래밍 언어를 기계가 이해할 ..

공부 요점 정리 2020. 5. 13. 17:27

배너 디자인 2020. 5. 13. 11:44

box-sizing은 두가지 속성 중 하나를 지정할 수 있다. - content-box CSS 표준이 정의한 초기 기본값인 width와 height 속성이 콘텐츠 영역만 포함하고 안팎 여백과 테두리는 포함하지 않는다. 요소의 크기는 너비 = 콘텐츠 너비, 높이 = 콘텐츠 높이로 계산하고 테두리와 안쪽 여백은 계산하지 않음. - border-box width 와 height 속성이 안쪽 여백과 테두리는 포함하고, 바깥 여백은 포함하지 않는다. 요소의 크기는 너비 = 테두리 + 안쪽 여백 + 콘텐츠 너비 높이 = 테두리 + 안쪽 여백 + 콘텐츠 높이로 계산함.

공부 요점 정리 2020. 5. 13. 11:31

z-index란? - 각 태그의 순서가 순서대로 갔다면, z-index를 사용함에 따라 그 순서가 바뀔 수 있다. 앞,뒤 배치를 할 수 있다는 것. - 사용할 땐 엘리먼트에 psition 속서을 지정하고 z-index 속성을 지정한다.

공부 요점 정리 2020. 5. 13. 11:26

font-style: 글씨체를 지정할 수 있다. normal, italic, oblique를 선택할 수 있다. font-family: 글꼴 집합이며, 원하는 글꼴을 사용할 수 있다.

공부 요점 정리 2020. 5. 13. 11:16

See the Pen rNOKZjx by ssw0428 (@ssw0428) on CodePen.

페이지 구축 2020. 5. 12. 17:29