시작하기
3-13까지 일단 따라해보다가, 이건 아닌 것 같아서 처음부터 다시 차근차근 이해하는 것을 목표로 공부하려 한다.
들어가기 전 필요한 사전지식(https://wikidocs.net/160032)
- 자바 기초 지식 - <점프 투 자바> 책 정도의 내용을 이해할 수 있다면 OK
- HTML 기초 지식 -
<table>, <div>, <form>태그가 무엇인지 알고 있다면 OK - CSS 기초 지식 - 스타일시트 파일을 작성해 본 적이 있다면 OK
- 자바스크립트 기초 지식 - 자바스크립트를 작성해 본 적이 있다면 OK
- 폼(form)에 대한 지식 - 브라우저가 서버에 요청을 보낼 때 사용하는 GET, POST 방식의 차이점에 대해 알고 있다면 OK
- 데이터베이스에 대한 기초 지식 - 테이블이 무엇인지 SQL 쿼리가 무엇을 의미하는지 알고 있다면 OK
-
자바 기초 지식
-
HTML 기초 지식
-
<table>:HTML에서 표 형태의 데이터를 표현하기 위해 사용한다. <table> 태그 내부에는 <tr>(행), <td>(열), <th>(헤더) 등의 태그를 사용하여 표의 구조를 정의할 수 있다.<table> <tr> <th>이름</th> <th>나이</th> </tr> <tr> <td>보라돌이</td> <td>30</td> </tr> <tr> <td>뚜비</td> <td>13</td> </tr> </table>이름 나이 보라돌이 30 뚜비 13 -
<div>:HTML에서 블록 수준 컨텐츠를 그룹화하기 위해 사용한다. <div> 태그는 자체적으로는 아무런 의미를 가지지 않지만, CSS와 함께 사용하여 레이아웃을 정의하거나, JavaScript와 함께 사용하여 동적인 요소를 만들 수 있다.<div id="header">헤더 영역</div> <div id="content">콘텐츠 영역</div>헤더 영역콘텐츠 영역
<form>:HTML에서 사용자로부터 데이터를 입력받기 위한 양식을 정의할 때 사용한다. <form> 태그 내부에는 <input>, <textarea>, <select> 등의 태그를 사용하여 다양한 형태의 입력 필드를 생성할 수 있다.
<form action="/submit" method="post">
이름: <input type="text" name="name"><br>
나이: <input type="number" name="age"><br>
<input type="submit" value="제출">
</form>
<!--action 속성은 폼 데이터를 처리할 서버의 URL을 지정하고, method 속성은 데이터를 전송할 방법을 지정-->이름:
나이:
- CSS 기초 지식
<!DOCTYPE html> <html> <head> </head> <body> <h2 style="color:green; text-decoration:underline"> 인라인 타입으로 스타일 시트 적용한 예시 </h2> </body> </html>
인라인 타입으로 스타일 시트 적용한 예시
참고 : https://tcpschool.com/css/css_intro_apply
: https://developer.mozilla.org/ko/docs/Learn/Getting_started_with_the_web/CSS_basics
-
자바스크립트 기초 지식
-
폼(form)에 대한 지식
- 브라우저가 서버에 요청을 보낼 때 사용하는 GET, POST 방식의 차이점 :
GET은 서버로부터 정보를 조회하기 위해 사용하는 메소드이다. 요청 파라미터가 URL의 끝에 붙여서 전송되는데, 파라미터는 "?"로 시작하고, "&"로 여러 파라미터를 구분한다.
POST는 서버의 리소스를 생성하거나 변경하기 위해 사용하는 메소드이다. 요청 파라미터가 HTTP 메시지의 body에 담겨 전송되므로 URL에 노출되지 않아 GET 방식보다 보안적인 면에서 더 안전하다.
정리하면 GET은 주로 읽기 전용 조회에, POST는 서버의 상태를 변경하거나 보안이 필요한 데이터 전송에 사용한다.
- 데이터베이스에 대한 기초 지식
파인애플 좋아하세요?