𝜗𝜚 Intro

서류처리가 끝나고 오늘부터 강의를 들을 수 있게 되었다.

급하게 시작했지만 지난 월,화,수,목은 주말에 다 보완해보도록 하겠다!

𝜗𝜚 Mission

[미션 1] 웹개발 용어 정리

스레드(Thread, 쓰레드)
- 프로세스의 실행 단위 중 하나(CPU에서 실행되는 단위)
- 프로세스가 동시에 여러 작업을 수행할 수 있게 하기 위한 방법으로 등장 하였음
멀티스레드(Multi Thread, 멀티쓰레드)
- 하나의 프로세스 안에 여러 개의 스레드가 있는 것
- 하나의 프로그램에서 두가지 이상의 동작을 동시에 처리하도록 하기 위함
- 스레드 간 자원 공유가 가능해서 자원의 효율적인 활용이 가능해지고 시스템 자원 소모가 줄어드는 장점이 있음
도메인(Domain)
- 웹사이트에 엑세스하는데 사용되는 인터넷 주소, 사람이 쉽게 기억하고 입력할 수 있도록 문자로 만듬
DNS(Domain Name System)
- 도메인 이름 시스템은 호스트의 도메인네임(www.example.com)을 네트워크주소(193.168.1.0)로 변환하거나 그 반대의 역할을 수행하는 시스템
- DN(Domain Name)은 문자열의 탈을 쓴 IP
프로토콜(Protocol)
- 네트워크 모델을 나눈 추상적인 계층마다 정해진 규약, 규칙이 있는데 이것을 프로토콜이라고 함
- 한국어 영어와 같은 언어 체계를 비교로 하면 발음, 문법, 문자를 어떻게 표기하는지의 세뷰적인 규칙과 명칭을 나타내는 것과 같다.
- OSI 모델을 기준으로 HTTP, DNS, HTTP, POP3, IMAP, SNMP, FTP등이 있는데 전송계층의 주요 프로토콜은 TCP, UDP, 네트워크 계층의 주요 프로토콜은 IP가 있음
HTTP, HTTPS
- HTTP
  - Hypertext Transfer Protocol
  - 서로 다른 시스템들 사이에서 통신을 주고 받게 해주는 가장 기초적인 프로토콜
  - 주로 웹 서핑 할때 서버에서 자신의 브라우저로 데이터를 전송해 주는 용도로 가장 많이 사용
  - 인터넷 초기에 모든 웹 사이트에서 기본적으로 사용되었던 프로토콜
- HTTPS
  - Hypertext Transfer Protocol Secure(HTTP에 보안기능을 추가한 것)
  - HTTP 프로토콜의 문제점을 SSL(보안 소켓 계층)을 사용하여 해결함 (문제점: 서버에서 브라우저로 전송되는 정보가 암호화 되지 않음 = 데이터가 쉽게 도난당할 수 있음) (SSL: 서버-브라우저간 암호화된 연결을 만들 수 있게 도움(안전함⇪), 서버 브라우저가 민감한 정보를 주고 받을 때 도난 당하는 것을 막아줌)
- 두 프로토콜의 가장 큰 차이는 SSL 인증서
  - SSL 인증서는 사용자가 사이트에 제공하는 정보를 암호화 함(데이터 → 암호화)
  - 전송된 데이터를 누군가 훔쳐 낸다고 하더라도 암호화되어 있어서 해독할 수 없음
- 웹 사이트에 전자상거래 기능도 없고 방문자의 민감한 정보를 다루지 않는다 하더라도 HTTPS는 검색엔진 최적화(SEO)에 있어서도 큰 혜택을 볼 수 있다.
동기 방식(Sync.) vs. 비동기 방식(Async.)
- 동기식 처리 방식 (Sync. = Synchronous Processing Model)
  - 직렬적으로 일을 처리함
  - 요청이 들어오면 순차적으로 작업 수행, 해당 작업이 수행중이면 다음 작업은 대기하게 됨
  - 서버와 맞지 않는 방식(서버는 한번에 많은 요청이 들어오고 동시에 많은 요청을 처리해야 하기 때문)
- 비동기식 처리 방식 (Async. = Asynchronous Processing Model or Non-Blocking Processing Model))
  - 병렬적으로 일을 처리함
  - 요청이 들어오면 해당 요청에 의한 작업이 끝나지 않았더라도 계속 요청을 받음. 그리고 작업이 끝났다는 이벤트가 오면 해당 요청을 처리함(요청 처리와 응답속도⇪)
  - 네트워크 관리에 최적화된 모델
AJAX(Async JavaScript and XML)
- 빠르게 동작하는 동적인 웹페이지를 만들기 위한 개발 기법
- AJAX는 웹페이지를 전체를 다시 로딩하지 않고도 웹페이지의 일부분만을 갱신할 수 있음
- AJAX 프레임워크: Prototype, script.aculo.us, dojo, jQuery 등

𝜗𝜚 Lecture

강의명: [왕초보] 웹개발 종합반 1주차

배운 내용: 이 주차에는 html, css, 부트스트랩을 배운다고 한다. (작성 중) 브라우저의 역할을 배움. Visual Studio Code를 설치하고 html을 배우기 시작했다. input 태그, button 태그로 로그인창을 만들었다. 줄바꿈은 p태그를 사용해서 구역을 나누어주었다.

𝜗𝜚 Today I Learned

Q1. FACTS(사실, 객관) 오늘 있었던 일, 내가 한 일

✸ 1일차 데일리 미션과 4일차 데일리 미션을 병행했고 '웹개발 종합반' 1주차 강의를 듣기 시작했다.

Q2. FEELINGS(느낌, 주관) 나의 감정적인 반응, 느낌

✸ 데일리 미션을 일별로 순서대로 진행하고 싶었지만 오늘 주어진 데일리 미션도 하고 싶어서 함께 진행했다. 오늘의 데일리 미션은 '웹개발' 강의의 예습이 되겠다.

Q3. FINDINGS(배운 것) 그 상황으로부터 내가 배운 것, 얻은 것

✸ 웹디자인 기능사 필기 시험 준비 때 얕게 배운 것들이 종종 보였는데 특히 웹개발 용어를 좀 더 자세하게 배울 수 있었다.

Q4. FACTS(사실, 객관) 배운 것을 미래에는 어떻게 적용할 지

✸ 웹개발 관련 개념이나 용어를 탄탄하게 쌓아서 프로젝트 할때 많은 도움이 되도록 할 것이다.

🕭기억하자🕭

✸ 서버/클라이언트에 대한 개념(서버: 주는 쪽, 클라이언트: 요청하는 쪽)

✸ 브라우저의 역할: 1. 요청을 보내고, 2. 받은 HTML 파일(서버에 준비해두었던 것)을 그려주는 것

✸ HTML(뼈대), CSS(꾸미기), Bootstrap(웹을 쉽게 꾸밀 수 있음)

𝜗𝜚 Review

이번 주는 수업이 어떤 식으로 운영되는지에 대해 파악하는데 시간이 좀 걸렸다. 늦게 참여해서 이번 주 진도를 다 끝내지 못했지만 주말에 잘 보완해서 다음 주에는 원래 진도로 잘 따라가고 싶다! 화이팅!!

Ig. https://www.instagram.com/sodol_dotcom/