diff --git a/css/style.css b/css/style.css
index b42eb2e..9cd43f1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,74 +1,74 @@
body {
- font-family: 'Arial', sans-serif;
- margin: 0;
- padding: 20px;
- background-color: #f5f5f5;
- color: #333;
+ font-family: "Arial", sans-serif;
+ margin: 0;
+ padding: 20px;
+ background-color: #f5f5f5;
+ color: #333;
}
header {
- text-align: center;
- margin-bottom: 20px;
+ text-align: center;
+ margin-bottom: 20px;
}
section {
- background-color: #fff;
- border-radius: 8px;
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
- padding: 20px;
- margin-bottom: 20px;
- margin-left: 50px;
- margin-right: 50px;
+ background-color: #fff;
+ border-radius: 8px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ padding: 20px;
+ margin-bottom: 20px;
+ margin-left: 50px;
+ margin-right: 50px;
}
h2 {
- color: #c18ccf;
- border-bottom: 2px solid #c18ccf;
- padding-bottom: 10px;
- margin-bottom: 20px;
+ color: #59d057;
+ border-bottom: 2px solid #2cc978;
+ padding-bottom: 10px;
+ margin-bottom: 20px;
}
p {
- line-height: 1.6;
- color: #555;
+ line-height: 1.6;
+ color: #555;
}
ol {
- list-style-type: none;
- padding: 0;
+ list-style-type: none;
+ padding: 0;
}
li {
- display: flex;
- justify-content: flex-start;
- align-items: center;
- margin-bottom: 20px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
}
li img {
- max-width: 100px;
- height: auto;
- border-radius: 8px;
- margin-right: 20px;
+ max-width: 100px;
+ height: auto;
+ border-radius: 8px;
+ margin-right: 20px;
}
a {
- color: #007bff;
- text-decoration: none;
+ color: #007bff;
+ text-decoration: none;
}
a:hover {
- text-decoration: underline;
+ text-decoration: underline;
}
.card {
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ text-align: center;
}
footer {
- text-align: center;
- color: #888;
-}
\ No newline at end of file
+ text-align: center;
+ color: #888;
+}
diff --git a/index.html b/index.html
index 7602152..5032af0 100644
--- a/index.html
+++ b/index.html
@@ -12,27 +12,27 @@
기본 정보
- 이름: 최준호
- 학번: 2019136135
- 전공: 컴퓨터공학부
- 이메일: junho5336@gmail.com
+ 이름: 김민준
+ 학번: 2023100136
+ 전공: 컴퓨터 공학부
+ 이메일: jabell030310@gmail.com
인사말
- 안녕하세요! 공유를 좋아하는 개발자 최준호입니다.
- 저의 취미는 도전입니다. 새로운 일에 도전하는것을 항상 즐깁니다.
- 최근에는 클라이밍에 흥미를 가져봤는데 꽤나 괜찮은 취미활동이라고 생각합니다
- 검은 화면에 흰 글씨가 나오는 모습이 멋있어보여서 백엔드 트랙에 지원했습니다.
+ 안녕하세요! 발전을 거듭하는 비기너 김민준입니다.
+ 저의 취미는 탁구입니다. 치면 칠 수록 발전되는 서브 실력을 보고 자신감을 얻습니다.
+ 최근에는 goty 게임도 플레이하고 있는데 취미가 많을수록 의욕도 오르는 것 같습니다.
+ 데이터 베이스에 관해 공부해보고 싶어서 백엔드 트랙에 지원하게 되었습니다.
@@ -44,8 +44,15 @@
HTTP Method 종류를 아는대로 설명해주세요.
- {위 질문에 대한 답변을 자유롭게 작성해주세요}
- HTML 태그를 적극 활용해도 좋습니다.
+ -get: 데이터 조회
+ -post: 데이터 등록, 요청 데이터 처리
+ -put: 데이터 전체 변경
+ -patch: 데이터 부분 변경
+ -delete: 데이터 삭제
+
+
+ -head: get에서 body만 제외한 메시지 반환(상태, 헤더)
+ -options: 대상 데이터에 대한 통신 가능 옵션을 설명
@@ -53,8 +60,12 @@
인터넷과 웹의 차이에 대해 설명해주세요.
- {위 질문에 대한 답변을 자유롭게 작성해주세요}
- HTML 태그를 적극 활용해도 좋습니다.
+ -인터넷: 컴퓨터의 네트워크와 네트워크를 연결하여 TCP/IP라는 통신 프로토콜을 이용해 HTML과 전자우편 등의 정보를 주고 받는 정보 자원 서비스
+ -웹: 인터넷에 연결된 사용자들이 서로의 정보를 공유하는 공간
+ *Web1.0: 읽기 전용- 컨텐츠를 제작한 사람만 정보의 권한을 가짐
+ *Web2.0: 참여형- 쓰기 기능이 추가되어 사용자와 정보 간 상호 작용 가능
+ *Web3.0: 탈중앙화, 맞춤형-정보를 분산하여 저장, 사용자에게 맞춤형 정보 제공
+ 쉽게 말해서 인터넷 안에 웹이 있는 것이다.
@@ -62,8 +73,14 @@
www.naver.com을 치면 무슨 일이 일어날까요?
- {위 질문에 대한 답변을 자유롭게 작성해주세요}
- HTML 태그를 적극 활용해도 좋습니다.
+ 네이버 홈 화면이 나온다.
+ 원리:
+ 1.사용자의 도메인 네임 입력
+ 2.도메인 네임 부분을 DNS 서버에 검색하여 IP주소를 찾아 URL정보와 함께 전달
+ 3.전달된 IP주소는 HTTP 요청 메시지를 생성하고 TCP 프로토콜로 인터넷을 거쳐 해당 IP주소 컴퓨터에 전달
+ 4.도착한 HTTP 요청 메시지가 HTTP 프로토콜에 의해 URL 정보로 변환하여 데이터 검색
+ 5.검색된 데이터는 HTTP 프로토콜에 의해 응답 메시지를 생성하고 TCP 프로토콜로 인터넷을 거쳐 원래 컴퓨터에 전달
+ 6.도착한 HTTP 응답 메시지가 HTTP 프로토콜에 의해 웹 페이지 데이터로 변환, 웹 브라우저에 출력