워크샵

허대훈·2021년 11월 6일

멋쟁이사자처럼 프론트엔드스쿨

🧒🏻 개발자 마인드 셋 & 협업

임동준 코치님(우아한 테크코스)

[Workshop]

⏰ 진행시간 : 10:00 ~ 16:00

총 2번의 워크샵과 5번의 스프린트 회고로 이루어진다. Day 2때, 하루종일 수업을 듣게 된 첫 날이라 약간의 번아웃을 경험했지만, 워크샵 시기가 빨라서 좋았다. 위 시간을 통해 내가 지원하기 전의 마음가짐, 다짐, 계획을 다시 정리하고, 회고할 수 있는 시간으로 활용할 수 있기 때문이다.
5명씩 팀 빌딩을 완료했고, 19번 회고그룹으로 팀원들을 Zoom 소회의실에서 마주했다. 처음에는 너무 어색했고, 무슨 말을 어떻게 꺼낼까 고민이 많이 되었따.. 약간 내성적이고, 긴장을 많이 하는 타입이라 걱정했는데, 팀원분들이 너무나 잘 대해주시고, 한 명, 한 명 갖고 있는 생각과 의견에 동조하며 응원해주시니까 긴장감과 어색함도 점차 누그러졌다.
개인적으로 MBTI가 ISFJ인데, 여기 계신 분들이 모두 'I' 이셔서 단톡방 이름도 19번방 'I'들의 모임..🙇🏻‍♂️
구글 스프레드시트로 주어진 과제에 대해서 각자 팀원끼리 수행하는 방식으로 이루어졌다.

포트폴리오에서 보여줄 나의 역량

1. 협업

코딩 컨벤션 통일 - 소외되는 사람이 생기지 않게 팀 분위기 관찰 & 포용할 수 있는 능력 함량 - 질문하는 규칙 만들기 - 데일리 스텐드업 미팅을 통해 진행사항 공유 및 조율

2. 수행력(프로젝트)

정해진 목표를 완성하기 위한 기술과 역량 정렬, 주석을 달아 현재 작성하고 있는 코드의 의미 상기 및 불필요한 코드 중첩 방지(개발 디테일 향상) 체크리스트를 활용한 점진적 개발

3. 자기주도성

체크리스트를 활용한 점진적 개발
문서 작성 후 동료의 검토 및 피드백 받기(동기부여 향상)

마무리 회고

1. 오늘 어떤걸 배웠나요?

학습 방향성과 구체적인 실천 체크리스트 작성을 통해 동기부여와 자신감, 책임감 향상
스스로 선택한 역량을 위해 어떤 노력을 해야할 지 팀원과 같이 고민

2. 오늘 워크샵 하면서 달라진 점이 있다면 어떤게 있을까요?

막연한 공부방법을 좀 더 구체적으로 계획할 수 있게 되었고, 책임감과 동기부여를 많이 받을 수 있어 큰 도움이 되었습니다.

3. 느낀 점

소그룹을 형성해서 비슷한 처지의 같은 동료 수강생의 생각과 마음가짐을 더욱 가까이 알게 되어 유대감이 형성되고, 각자 선택한 역량의 체크리스트를 함께 고민해보는 시간을 가져서 좋았습니다.

#6 . 폼 태그

[강의 요약(2hr)]

폼은 정보를 입력하는 영역
폼에 내용 입력하면 그 데이터는 서버로 전송, 전송 데이터는 웹 서버가 처리, 다시 다른 웹 페이지를 보여줌

폼의 속성
[action] : 입력 값을 전송 페이지에 전시

[method] : 폼의 데이터 전송할 방법 정의

💛 get 방식 : 간단한 url에 데이터 입력
🧡 post 방식 : 데이터 전송에 대한 보안이 필요

[name] : 폼 이름 지정

 <body> 
     <form action="./010.html" method="get">
         <label for="one">이름 : </label>
         <input type="text" name="id" id="one"><br>
         <label for="two">패스워드 : </label>
         <input type="password" name="pw" id="two"><br>
         <button type="submit">로그인</button>
     </form>
 </body>

폼(form) 안에 있는 input 데이터를 'submit'이란 type의 버튼을 눌렀을때, atcion의 ./010.html로 request (URL 으로 요청)
input 태그는 폼 태그 입력 공간을 만들어 주고, 사용자의 정보 입력을 받음
label은 되도록 input 옆에 붙이지 말고, 시맨틱한 요소로 사용 권고
버튼(button) 태그는 닫기가 있어 다양한 꾸미기 가능
'radio'는 여러 항목 중 하나만
(암기 : 라디오 주파수 한 채널만)
'checkbox'는 여러 항목 중복 체크
(암기 : 박스 안의 좋은 것들 모두 체크)