오늘 배운 것

웹프로그래밍에 도움이 되는 사이트들

1 . DBCUT
(https://www.dbcut.com/bbs/index.php)

2 . GDWEB
(https://www.gdweb.co.kr/main/)

3 . AWWWARDS
(https://www.awwwards.com/)

4 . MEDIAQUERI
(https://mediaqueri.es/)

프론트엔드와 백엔드

프론트엔드란?

사용자들이 웹사이트에서 보고 상호작용하는 모든 것들이 프론트엔드 개발 분야에 속한다.
프론트엔드 개발은 주로 웹 및 모바일 솔루션의 사용자 인터페이스(UI)와 사용자 경험(UX)을 만드는 데 초점을 맞춘다.

백엔드란?

백엔드는 소프트웨어 개발 프로세스에서 서버 측 개발 분야이다. 백엔드에서는 데이터를 저장하고 관리하며, 웹사이트의 클라이언트 측(client-side)에서 모든 것이 매끄럽게 작동할 수 있게 해준다.

HTML

헤드라인

h1에서 h6까지 있다
숫자가 작을수록 중요한 정보를 담고 있다

<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>

h1

h2

h3

h4

h5

h6

리스트

<ol>
    <li>MENU1</li>
    <li>MENU2</li>
    <li>MENU3</li>
</ol>

1. MENU1
2. MENU2
3. MENU3

<ul>
    <li>MENU1</li>
    <li>MENU2</li>
    <li>MENU3</li>
</ul>

• MENU1
• MENU2
• MENU3

ol로 만든 리스트는 번호가 매겨져 있기 때문에 순서가 있는 정보를 다룰 때 사용한다.

ul로 만든 리스트는 번호가 매겨져 있지 않기 때문에 순서가 없는(우선순위가 없는) 정보를 다룰 때 사용한다.

마크

<p><mark>중요한 부분</mark>에 마크를 할 수 있다.</p>

중요한 부분에 마크를 할 수 있다.

어려웠던 점

이미지를 클릭하면 사이트로 이동할 수 있도록 만든 부분이 잘 이해가 되지 않았다.

해결방법

영상을 반복해서 보고 여러번 직접 테스트를 해보니 이해가 되었다.

학습소감

열심히 들었지만 처음이라서 그런지 잘 이해가 되지 않는 부분이 있었다.
모르는 부분은 익숙해질 때까지 반복해서 공부해야겠다.

출처 : http://blog.wishket.com/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-vs-%EB%B0%B1%EC%97%94%EB%93%9C-%EA%B0%9C%EB%85%90%EA%B3%BC-%EC%B0%A8%EC%9D%B4%EC%A0%90/ -프론트엔드와 벡엔드