프론트엔트스쿨 - 3일차

오늘도 마찬가지로 html 수업을 들었다.
아래와 같이 정리하기로 했다.

오늘 수업의 목표는 포트폴리오 작성 방향을 잡는 것이었고,
이 과정을 통해 새로운 팀원들을 만나 워킹백워즈 방법으로 역량순 포트폴리오를 만들고, 피드백 루프를 설계하는 활동을 함께 하였다.

문제해결능력 : 지금까지 자신이 배웠던 내용을들 이해하고 더 나아가 심화된 내용들을 학습할 수 있는 능력이 필요하다고 생각함

팀워크 : 혼자만의 생각으로 목표를 이루려는 생각은 버리고 타인과의 커뮤티케이션으로 협력관계를 이루면서 목표를 달성하는 것이 중요함

인내력 : 아무리 어렵고 힘든 일이 일어나도 견뎌내고 보다 좋은 성과를 낼 수 있는 끈기가 필요함

html 수업 듣기

form 태그에 대한 기본 속성 및 사용법 그리고 동작 방식에 대한 수업이었다. 이번 수업은 form 태그를 왜 사용해야하고, 어떻게 동작하는지 알 수 있어서 유익한 시간이었다.

  1. 웹 페이지에 있는 form 에 데이터 입력
  2. 웹 페이지 내 액션이 일어나게 되면 데이터는 웹 서버로 이동
  3. 웹 서버는 데이터를 처리하기 위해 App 호출
  4. 필요에 따라 App은 DB로 데이터 전송
  5. DB에서 CRUD 작업이 일어나고 결과를 App/Web 으로 전송

<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>final form</title>
</head>

<body>
    <form action="./011.html" method="get">
        <label for="id">아이디 : </label>
        <input type="text" id="id"><br>
        <label for="pw">패스워드 : </label>
        <input type="password" name="패스워드" id="pw"><br>
        <label for="male"></label>
        <input type="radio" name="성별" id="male" value="">
        <label for="female"></label>
        <input type="radio" name="성별" id="female" value="">
        <p>좋아하는 프로그래밍 언어</p>
        <input type="checkbox" name="언어" id="python" value="Python">
        <label for="python">Python</label><br>
        <input type="checkbox" name="언어" id="javascript" value="Javascript">
        <label for="javascript">Javascript</label><br>
        <input type="checkbox" name="언어" id="c" value="C">
        <label for="c">C</label><br>
        <button type="submit">회원가입</button>
    </form>
</body>

</html>

좋은 웹페이지 즐겨찾기