코드스테이츠 백엔드 2일차 회고록

배운점

1. 컴퓨터와 프로그래밍이란?

우리는 컴퓨터를 흔히 만능 머신이라고 생각한다.
하지만 우리가 사용하는 많은 기능들은 프로그래머들이
컴퓨터가 이해할 수 있게 프로그래밍 언어를 사용하여
컴퓨터가 해야 할 행동들을 설정해놓은 것들이다.
그렇기 때문에 컴퓨터 입장에서 생각하며 프로그래밍을 하는 연습을 해야한다.

2. 웹 서버와 클라이언트

간단하게 말하자면 클라이언트는 리소스를 사용하는 곳, 서버는 리소스를 제공하는 곳이다.

• 클라이언트는 서버에 데이터를 보내며 서비스를 요청하고 (request),
  
• 서버는 DB영역에서 데이터를 저장 또는 조회 후 클라이언트에 응답한다 (response)
  

3. HTML

HTML은 웹 페이지의 내용의 뼈대와 규칙을 기술하는 언어이다.
웹 페이지의 가장 기초적인 부분이며, 여러가지 태그를 이용하여 구조를 나타낸다.

• <div>
  • 콘텐츠의 길이와 상관없이 한 줄을 차지함
  • section 사용 권장
  • block 태그임으로 margin, padding 사용 가능
• <span>
  • 콘텐츠의 길이만큼 차지함
  • 줄바꿈 X
  • inline 태그임으로 margin, padding 사용 불가
• <ul>
  • Unordered Lists의 약자로, 순서가 없는 리스트이다
• <ol>
  • Ordered Lists의 약자로, 순서가 있는 리스트이다
• <li>
  • List의 약자로, ul 과 ol의 내부에 쓰이는 태그이다
• <input>
  • HTML에서 사용자에게 데이터를 입력 받기위해 다양한 입력 방법을 제공해준다
  • check box, radio box, text 등등 있다.

4. CSS

CSS는 웹 페이지에서 디자인을 적용하는데 사용되는 언어아다.
CSS를 이용하여 더 나은 UI/UX를 제공한다.
CSS 추가하는 방법은 총 3가지이다.

1. 인라인 스타일

   <span style="color:#FFFF80">**한 변의 길이**</span>
   

2. 내부 스타일 시트

   \\<style>
        body { text-align: center; }
        p { background-color: red; }
   \\</style>
   

3. 외부 스타일 시트
   따로 .css파일을 생성해서 내부 스타일 시트처럼 작성한다.
   
   
   

느낀점

---

대학교 때 배웠던 HTML, CSS, JS를 보니 반가운 기분이 들기도 했고
한편으론 나는 24살 이후로 발전이 없는건가 서글픈 생각도 들었다.

하지만 수업을 들으면서 잊었던 지식들을 다시 배우기도 했고,
짧은 시간 안에 대학교 때 배웠던 내용을 공부하는 것을 봤을 때
뒤에 나올 Spring 프레임워크 부분이 기대됐다.

자만하지 말고 차근차근 기초부터 다시 쌓아가도록 하자!!