BCSDLab-Edu · jabell0310 · Mar 20, 2024 · Mar 20, 2024 · Mar 20, 2024 · Mar 20, 2024
diff --git 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;
-}
+  text-align: center;
+  color: #888;
+}
diff --git a/index.html b/index.html
@@ -12,27 +12,27 @@
 <body>
 
 <header>
-    <h1>안녕하세요, 최준호입니다!</h1>
+    <h1></h1>
 </header>
 
 <section class="card">
     <h2>기본 정보</h2>
-    <p><strong>이름: </strong>최준호</p>
-    <p><strong>학번: </strong>2019136135</p>
-    <p><strong>전공: </strong>컴퓨터공학부</p>
-    <p><strong>이메일: </strong>junho5336@gmail.com</p>
+    <p><strong>이름: 김민준</strong></p>
+    <p><strong>학번: 2023100136</strong></p>
+    <p><strong>전공: 컴퓨터 공학부</strong></p>
+    <p><strong>이메일: jabell030310@gmail.com</strong></p>
     <h3>
-        <a href="https://github.com/Choi-JJunho">Github 주소</a></p>
+        <a href="https://github.com/jabell0310">Github 주소</a></p>
     </h3>
 </section>
 
 <section class="card">
     <h2>인사말</h2>
     <p>
-        안녕하세요! 공유를 좋아하는 개발자 최준호입니다.<br>
-        저의 취미는 도전입니다. 새로운 일에 도전하는것을 항상 즐깁니다.<br>
-        최근에는 클라이밍에 흥미를 가져봤는데 꽤나 괜찮은 취미활동이라고 생각합니다<br>
-        검은 화면에 흰 글씨가 나오는 모습이 멋있어보여서 백엔드 트랙에 지원했습니다.<br>
+        안녕하세요! 발전을 거듭하는 비기너 김민준입니다.<br>
+        저의 취미는 탁구입니다. 치면 칠 수록 발전되는 서브 실력을 보고 자신감을 얻습니다.<br>
+        최근에는 goty 게임도 플레이하고 있는데 취미가 많을수록 의욕도 오르는 것 같습니다.<br>
+        데이터 베이스에 관해 공부해보고 싶어서 백엔드 트랙에 지원하게 되었습니다.<br>
     </p>
 </section>
 
@@ -44,26 +44,43 @@ <h3>
                 HTTP Method 종류를 아는대로 설명해주세요.
             </h3>
             <div>
-                {위 질문에 대한 답변을 자유롭게 작성해주세요}<br>
-                HTML 태그를 적극 활용해도 좋습니다.
+                -get: 데이터 조회<br>
+                -post: 데이터 등록, 요청 데이터 처리<br>
+                -put: 데이터 전체 변경<br>
+                -patch: 데이터 부분 변경<br>
+                -delete: 데이터 삭제<br>
+                <br>
+                <br>
+                -head: get에서 body만 제외한 메시지 반환(상태, 헤더)<br>
+                -options: 대상 데이터에 대한 통신 가능 옵션을 설명
             </div>
         </li>
         <li class="card">
             <h3>
                 인터넷과 웹의 차이에 대해 설명해주세요.
             </h3>
             <div>
-                {위 질문에 대한 답변을 자유롭게 작성해주세요}<br>
-                HTML 태그를 적극 활용해도 좋습니다.
+                -인터넷: 컴퓨터의 네트워크와 네트워크를 연결하여 TCP/IP라는 통신 프로토콜을 이용해 HTML과 전자우편 등의 정보를 주고 받는 정보 자원 서비스<br>
+                -웹: 인터넷에 연결된 사용자들이 서로의 정보를 공유하는 공간<br>
+                *Web1.0: 읽기 전용- 컨텐츠를 제작한 사람만 정보의 권한을 가짐<br>
+                *Web2.0: 참여형- 쓰기 기능이 추가되어 사용자와 정보 간 상호 작용 가능<br>
+                *Web3.0: 탈중앙화, 맞춤형-정보를 분산하여 저장, 사용자에게 맞춤형 정보 제공<br>
+                쉽게 말해서 인터넷 안에 웹이 있는 것이다.<br>
             </div>
         </li>
         <li class="card">
             <h3>
                 www.naver.com을 치면 무슨 일이 일어날까요?
             </h3>
             <div>
-                {위 질문에 대한 답변을 자유롭게 작성해주세요}<br>
-                HTML 태그를 적극 활용해도 좋습니다.
+                네이버 홈 화면이 나온다.<br>
+                원리: 
+                    1.사용자의 도메인 네임 입력
+                    2.도메인 네임 부분을 DNS 서버에 검색하여 IP주소를 찾아 URL정보와 함께 전달
+                    3.전달된 IP주소는 HTTP 요청 메시지를 생성하고 TCP 프로토콜로 인터넷을 거쳐 해당 IP주소 컴퓨터에 전달
+                    4.도착한 HTTP 요청 메시지가 HTTP 프로토콜에 의해 URL 정보로 변환하여 데이터 검색
+                    5.검색된 데이터는 HTTP 프로토콜에 의해 응답 메시지를 생성하고 TCP 프로토콜로 인터넷을 거쳐 원래 컴퓨터에 전달
+                    6.도착한 HTTP 응답 메시지가 HTTP 프로토콜에 의해 웹 페이지 데이터로 변환, 웹 브라우저에 출력
             </div>
         </li>
     </ol>