html의 각 요소들은 박스형태로 구성하기때문에 레이아웃과 매우 밀접한 관계이다.그만큼 매우 중요하니 다들 숙지를 해야한다!!!여백을 나타내는 margin테두리를 나타내는 border테두리와 컨텐츠 사이의 여백을 나타내는 padding컨텐츠이렇게 말하면 당연히 어려우니

CSS는 Cascading Style Sheet의 약자입니다.Cascading은 계단식을 의미하며, "문서를 위에서 아래로 읽어 내려간다" 라고 생각하시면 됩니다.중요한건 문서가 위에서 아래로 읽어내려가기때문에 위에있는 코드보다 아래에 위치한 코드가 마지막으로 적용된다

css는 CascadingStyleSheet의 약자입니다.Cascading(계단식)처럼 위에서 아래로 스타일이 적용되는 문서라고 이해하시면 됩니다.위에는 스타일 문서의 작동원리지만, CSS는 html의 뼈대에 디자인을 입혀 가독성을 더 뛰어나게하고, 웹사이트의 분위기를

클라이언트와 서버 클라이언트와 서버에 대해 간단하게 한번 살펴보겠습니다. 클라이언트는 웹 브라우저(크롬, 사파리, 엣지 등)을 말합니다. 서버는 서비스를 제공하는 컴퓨터를 말합니다. 클라이언트와 서버는 서로 요청과 응답을 합니다. 웹브라우저를 통해 주소창에 naver

Create React App 리액트를 개발하기전에 가장 쉽게 사용하는 방법은 cra(create react app)이다. cra를 사용하게되면 자동적으로 업데이트가 되고, 미리보기도 가능하고 쉽게 시작할 수 있다. https://create-react-app.dev

리액트는 자바스크립트의 라이브러리이다.근데 왜 리액트가 핫한걸까 ???리액트를 사용하는 이유는 SPA(Single Page Application)이다.앱처럼 빠르게 동작을한다. 앱은 빠르지만 웹은 페이지 이동을하게되면 서버에 요청을 하게되고 서버는 응답을 해주어야하는데

html은 Hyper Text Markup Language라고 했다.여기서 중요한건 Hyper Link를 만드는 태그가 바로 a태그다.anchor에 약자인데, 이 뜻은 '닻을 내리다' 이다. 마치 배가 닻을 걸듯이 "웹 사이트에 링크를 건다, 걸다" 라는뜻으로 앵커태

목록태그 목차나 음식에 필요한 재료들 같이 목록이 있는 태그에 사용을한다. 목록태그에는 순서가 있는 목록과 순서가 없는 목록이 있다. ol태그 ol태그는 ordered list의 약자이고, 순서가 있는 목록을 말한다. 책에서 나오는 목차를 보면 순서가 있다. 이럴때 ol태그를 사용하면 된다. 그 다음에는 li태그를 사용해야한다. list의 약자이다. ...

hn태그라고 했지만 h는 heading의 약자이고 n은 number를 의미합니다.h1부터 h6까지 있습니다. 한번 코드로 보시죠이렇게 작성을 해보면 다음과 같이 나옵니다.우린 여기서 중요한걸 알 수 있습니다.가장 눈에 띄는건 폰트 사이즈가 바뀌죠, 폰트 사이즈가 바뀐다

시멘틱은 (의미론적인)이라는 뜻이다. 풀이를 해보자면 의미있는 태그를 말한다.웹 사이트에서 내용이 잘 나온다고 전부가 아니다.조금 더 자세히 알아보자면 웹 문서 자체가 의미가 있어야 가치가 있는것이다.나중에 배울 CSS로 아무리 멋있고, 화려하게 디자인을 해도 문서 자

Hyper Text란 웹페이지에서 다른페이지로 이동 가능한것을 말한다.HTML의 뜻을 풀어보자면 "링크이동이 가능한 언어" 이다.앞으로 배울목차이다.HTML의 선언문과 기본구조시멘틱태그텍스트 관련 태그목록 태그앵커, 이미지, 오디오, 비디오 태그폼태그HTML의 기본구조

변수는 하나의 값을 지정하기 위해 확보한 메모리 공간 자체, 또는 그 메모리 공간을 식별하기 위해 붙인 이름이다.(입문자들한테 이렇게 말하면 다들 너무 어려워한다 ㅋㅋㅋ..)나는 처음 배울때 변하는값이 변수다 라고만 생각했다.변수는 선언단계와 초기화단계가 있다.선언단계