WEB기초

웹(WEB)은 기본적으로 HTML과 CSS, 그리고 JavaScript로 이루어져있다. HTML은 웹의 뼈대를 구성하고, CSS는 웹을 시각적으로 꾸며주며, JavaScript는 웹의 동작 기능을 구현해주는 역할을 한다.VSCode(Visual Studio Code)

HTML과 CSS의 기초 1. HTML과 CSS의 개념 HTML은 웹의 뼈대를 잡아주는 구역을 나타내는 코드이다. 웹의 전반을 HTML을 통해서 작성할 수 있다. CCS는 HTML을 통해 작성된 뼈대를 예쁘게 꾸며주는 코드이다. 하지만 CSS를 잘 사용할 줄 아는 것

width : 가로 길이height : 세로 길이color : 글씨 색상text-align : 텍스트 정렬margin : 바깥 여백padding : 안쪽 여백border-radius : 모서리 둥글기background-image : 배경 이미지background-pos

구글 폰트 가져오는 곳 링크위 링크에 들어가보면 다양한 구글 폰트를 만나볼 수 있다.여기서 마음에 드는 폰트를 선택한 다음오른쪽 상단의 Get Font를 클릭해준다.그리고 <> Get embed code를 눌러주면이렇게 <link> 방식이나 @import 방

부트스트랩(BootStrap)은 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 JS로 만들어 놓은 프레임워크 및 라이브러리이다. 부트스트랩 가져오는 곳(영문) 링크부트스트랩 가져오는 곳(한글) 링크위 링크에 들어가보면 다양한 부트스트랩 Button을 가져올 수

사진첩 홈페이지 만들기 1. 기본 세팅 우선 이전에 학습한 부트스트랩 기본세팅과 구글폰트를 미리 세팅한다. `에 있는 * 부분은 '모든'을 의미한다. 따라서 저 부분은 이 페이지의 모든 class`에 구글 폰트를 적용하겠다는 뜻이 된다. 작업하고있는 부분을 저렇

영화감상기록 홈페이지 만들기 1 배경에 사용할 임시 사진 (출처: 넷플릭스 킹덤) 1. 기본 세팅 우선 이전에 학습한 부트스트랩 기본세팅과 구글폰트를 미리 세팅한다. 2. 홈페이지 상단 부분 다음은 상단 부분을 만들어보자. 우선 부트스트랩 사이트에서 필요

사람의 몸과 비교했을 때 WEB에서 HTML이 뼈라면, CSS는 피부이다. 자바스크립트(JS)는 웹 페이지가 동작할 수 있게 만들어주므로 '근육'과 '신경'이라고 할 수 있다.여기서 let은 변수를 선언하겠다는 뜻이다. 첫 줄을 해석하면 'a'라는 변수를 선언하는데,

제이쿼리(jQuery)란 HTML의 DOM 조작, 이벤트 제어 등을 통해 웹 화면의 다양한 동작들을 손 쉽게 구현할 수 있도록 도와주는 자바스크립트 라이브러리이다.지금은 Angular, React, Vue 등등 화면과 관련된 다양한 기술들이 많이 발전했기 때문에 jQu