국비 28일차_2

강지수·2024년 1월 23일
국비교육국비학원백엔드웹개발자바
0

국비교육

목록 보기
55/97
post-thumbnail

Self Join

오늘 SQL 은 여기까지

FTP 프로그램 - FileZilla 다운로드

FTP : File Transfer Protocol

google - filezilla 검색

FileZilla Client 다운로드

다운로드 된 파일 확인

Agree - decline - next - next - next - next - install - finish

실행 화면

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 폼활용 -->
    <form action="link.html">
        ID : <input type="text"> <br>
        PASS : <input type="password"> <br>
        <input type="submit" value="전송">
    </form>
</body>
</html>

전송을 누르면 link.html 로 이동한다

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        이메일 : <input type="text"> <br>
        url : <input type="url"> <br>
        전화번호 : <input type="tel"> <br>
        색상 : <input type="color"> <br>
        월 : <input type="month"> <br>
        날짜 : <input type="date"> <br>
        주 : <input type="week"> <br>
        시간 : <input type="time"> <br>
        지역시간 : <input type="datetime-local"> <br>
        숫자 : <input type="number"> <br>
        범위 : <input type="range"> <br>
    </form>
</body>
</html>

input type 에 따라 모양이 다름

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        성별 : 
        <input type="radio" name="gender" value="male" checked>남성
        <input type="radio" name="gender" value="female">여성
    </form>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        과일선택 : <br>
        <input type="checkbox" name="fruits" value="apple" checked> Apple <br>
        <input type="checkbox" name="fruits" value="grape"> grape <br>
        <input type="checkbox" name="fruits" value="orange"> orange <br>
    </form>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        사용아이디 : <input type="text" name="ID"> <br>
        <input type="submit" value="send">
        <input type="reset" value="clear">
    </form>
</body>
</html>

호스트 : domain 주소
사용자명 : FTP 사용자명
비밀번호 : FTP 비밀번호
포트 : 21

연결 완료

로컬 사이트 : 로컬 저장소, 내 컴퓨터 저장소

리모트 사이트 : 호스팅 저장소

FTP 서비스를 이용해 로컬 파일을 호스트 파일로 넘기고

호스팅 서버에서 파일들을 열어 볼 수 있음.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button type="button" onclick="alert('hihi1')">click1</button>
    <button type="button" onclick="alert('hihi2')">click2</button>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form accept="">
        고객의 의견 : <br>
        <textarea name="" id="" cols="30" rows="10">
            
        </textarea>
    </form>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        <select name="" id="">
            <option value="bmw">bmw0</option>
            <option value="bmw">bmw1</option>
            <option value="bmw">bmw2</option>
            <option value="bmw">bmw3</option>
        </select>
    </form>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        <fieldset>
            <legend>인적사항</legend>
            이름 : <input type="text"> <br>
            전화 : <input type="text"> <br>
            주소 : <input type="text"> <br>
        </fieldset>
    </form>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h3>회원가입</h3>
    <form action="">
        이름 : <input type="text" name="name"> <br>
        주소 : <input type="text" name="addr"> <br>
        이메일 : <input type="text" name="email"> <br>
        성별 : <input type="radio" name="gender" value="m">남성
        <input type="radio" name="gender" value="f">여성 <br>
        <input type="submit" value="send">
    </form>
</body>
</html>

Linux 미션

form10tatal.html 을 출력하세요

HTML 미션

resume 파일 만들기

메일로 제출
메일제목 : 이력서_홍길동

<!DOCTYPE html>
<html lang="en">
<h1>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <h1><b><center>이 력 서</center></b></h1>
</head>
<body>
    <center>
        <table border="1">
            <tr height="35" align="center" valign="middle">
                <td rowspan="4" colspan="2" width="90">
                     <img src="../img/lion.PNG" width="90px" height="110px">
                </td>
                <!-- <td>012</td> -->
                <td width="90">성명</td>
                <td colspan="3">홍 길 동</td>
                <!-- <td>015</td> -->
                <!-- <td>016</td> -->
                <td width="90">생년월일</td>
                <td colspan="2">1953년 8월 7일</td>
                <!-- <td>019</td> -->
            </tr>
        <tr height="35" align="center" valign="middle">
                <!-- <td>021</td> -->
                <!-- <td>022</td> -->
                <td>주소</td>
                <td colspan="6">서울특별시 종로구 혜화로 3가길 35 2동 105호 (명륜1가, 가나아파트)</td>
                <!-- <td>025</td> -->
                <!-- <td>026</td> -->
                <!-- <td>027</td> -->
                <!-- <td colspan="2">028</td> -->
                <!-- <td>029</td> -->
            </tr>
            <tr height="35" align="center" valign="middle">
                <!-- <td>031</td> -->
                <!-- <td>032</td> -->
                <td>휴대전화</td>
                <td colspan="3">010-1234-5678</td>
                <!-- <td>035</td> -->
                <!-- <td>036</td> -->
                <td>이메일</td>
                <td colspan="2">abcdef@xxx.com</td>
                <!-- <td>039</td> -->
            </tr>
            <tr height="35" align="center" valign="middle">
                <!-- <td>041</td> -->
                <!-- <td>042</td> -->
                <td>비상연락처</td>
                <td colspan="6">(관계: 배우자) 010-4567-8900</td>
                <!-- <td>045</td> -->
                <!-- <td>046</td> -->
                <!-- <td>047</td> -->
                <!-- <td colspan="2">048</td> -->
                <!-- <td>049</td> -->
            </tr>
            <tr height="35" align="center" valign="middle">
                <td rowspan="5" width="60">경력<br>사항</td>
                <td colspan="4">근무기간</td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <!-- <td>055</td> -->
                <td colspan="3">근무처</td>
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td>업무내용</td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <!-- <td>051</td> -->
                <td colspan="4">3518. 3~3519. 1</td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <!-- <td>055</td> -->
                <td colspan="3">노인사회활동지원사업</td>
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td>안전지킴이</td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <!-- <td>051</td> -->
                <td colspan="4">3515. 1~3517.12</td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <!-- <td>055</td> -->
                <td colspan="3">명륜 가나아파트</td>
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td>경비원</td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <!-- <td>051</td> -->
                <td colspan="4">3513. 1~3524.12</td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <!-- <td>055</td> -->
                <td colspan="3">자영업</td>
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td>세탁소</td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <!-- <td>051</td> -->
                <td colspan="4">3509. 1~3512.12</td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <!-- <td>055</td> -->
                <td colspan="3">건설현장</td>
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td>목수</td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <td rowspan="5">자격<br>·<br>면허<br>/<br>수상<br>사항</td>
                <td colspan="3">취득일</td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <td colspan="4">자격·면허/수상 사항</td>
                <!-- <td>055</td> -->
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td>시행처</td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <!-- <td>051</td> -->
                <td colspan="3">3519. 5.23</td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <td colspan="4">소방안전관리자 2급</td>
                <!-- <td>055</td> -->
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td>한국소방안전원</td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <!-- <td>051</td> -->
                <td colspan="3">3518. 7.26</td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <td colspan="4">일반경비원신입교육</td>
                <!-- <td>055</td> -->
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td>경찰청</td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <!-- <td>051</td> -->
                <td colspan="3">3517.12. 9</td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <td colspan="4">요양보호사 2급</td>
                <!-- <td>055</td> -->
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td>보건복지부</td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <!-- <td>051</td> -->
                <td colspan="3"></td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <td colspan="4"></td>
                <!-- <td>055</td> -->
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td></td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <td rowspan="4">훈련<br>사항</td>
                <td colspan="3">훈련기간</td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <td colspan="4">훈련명</td>
                <!-- <td>055</td> -->
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td>훈련기관</td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <!-- <td>051</td> -->
                <td colspan="3">3519. 8. 8</td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <td colspan="4">취업준비교육(6.5시간)</td>
                <!-- <td>055</td> -->
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td>서울시어르신<br>취업지원센터</td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <!-- <td>051</td> -->
                <td colspan="3">3518.12. 2</td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <td colspan="4">가사도우미훈련</td>
                <!-- <td>055</td> -->
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td>종로여성개발센터</td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <!-- <td>051</td> -->
                <td colspan="3">3518.11.13</td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <td colspan="4">배달원교육</td>
                <!-- <td>055</td> -->
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td>서울시어르신<br>취업지원센터</td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <td rowspan="3">학력<br>사항</td>
                <td colspan="3">교육기간</td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <td colspan="4">학교명</td>
                <!-- <td>055</td> -->
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td>전공분야</td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <!-- <td>051</td> -->
                <td colspan="3">1973. 2</td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <td colspan="4">대한고등학교 졸업</td>
                <!-- <td>055</td> -->
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td></td>
            </tr>
            <tr height="35" align="center" valign="middle">
                <!-- <td>051</td> -->
                <td colspan="3"></td>
                <!-- <td>053</td> -->
                <!-- <td>054</td> -->
                <td colspan="4"></td>
                <!-- <td>055</td> -->
                <!-- <td>057</td> -->
                <!-- <td>058</td> -->
                <td></td>
            </tr>
        </table>
    </center>
</body>
</html>

profile
강지수
개발자 준비의 준비준비중..
이전 포스트

국비 28일차_1

다음 포스트

국비 29일차_1

0개의 댓글