🦁멋사_프론트엔드스쿨_TIL_2day

Don't forget the code for your dream! ·2021년 11월 2일

멋쟁이사자처럼_ 프론트엔드스쿨_ TIL ✏️

목록 보기

4/30

2day

<Workshop> 10:00-16:00

금일은 워킹백워즈 방법론을 활용한 포트폴리오 워크샵을 진행했다.
(feat. 임동준 코치 | 우아한테크코스)

09:00 ~ 10:00 : 팀빌딩
5명 단위 소규모 팀으로 진행하고, 편성은 랜덤으로 될거에요
아이스브레이킹
- 이 워크샵에 기대하는 점
- 어제 수업 어땠는지
- 이 수업을 내 것으로 만들기 위해 추가로 무얼 하면 좋을지
10:00 ~ 11:50
워킹백워즈 방법으로 역량 순서대로 작성하는 포트폴리오에 대한 소개

13:00 ~ 16:00

다음 스프린트에 만나기 전까지 시도할 액션 플랜

회고

정말 Action plan 을 끝도 없이 짠다.
- 정신수양의 끝판왕🦾 최고다 최고
여러 사람을 만날 수 있다.
- 다양한 동료들을 만나볼 수 있어 좋타!
- 줌이나 구글 스프레드로 교육하는 방식도 알 수 있어 더욱 좋타! (다만, 수동으로 백여명을 소회의실로 보내실 때 대환장 파티,,, 넘나 힘들겠따🥲 )

<HTML>

캐시비우기

Form Tag_ '정보를 만들어서 보낸다'

1) Get 방식__ url을 치는 것과 같아. 보이는 주소

↑ url 호출 방식과 동일 &로 연결 (key-value)

2) Get | post : server가 받는 방식은 둘다 동일

      <form action="./009.html" method="GET">
        <input type="text" name="ID" id="">
        <input type="password" name="PW" id="">
        <button type="submit"> log in </button> </form>

postman
Cite url 내 게시물 번호가 뜨면 비밀 게시글로 접속가능 하기에 주의 필요!
~~(중간중간 서버나 해킹 내용 나와서 좋음,,)🦁~~
Form 종류 (name: key, value:값)

<form action="./009.html" method="get">     
   <input type="text" name="id" id="">      
  <input type="password" name="pw" id="">       
 <button type="submit">로그인</button><br>       
 <input type="text"><br>        
<input type="password"><br>        
<input type="date"><br>        
<input type="time"><br>        
<input type="range"><br>        
<input type="color"><br>       
 <input type="radio"><br> 
/* 다중선택 */       
<input type="checkbox"><br>        
<input type="file"><br>        
<textarea name="name" rows="8" cols="80"></textarea>    
</form>

3) label__ input이 무엇인지 알려주는 tag

<form action="./009.html" method="get">  
/* label for 의 name 과 input의 name으로 연결됨 */      
<label for="**one**">이름 : </label>        
<input type="text" name="id" id="**one**">        
<label for="two">패스워드 : </label>        
<input type="password" name="pw" id="two">       
 <button type="submit">로그인</button><br>        
<input type="text"><br>        
<input type="password"><br>        
<input type="date"><br>        
<input type="time"><br>        
<input type="range"><br>        
<input type="color"><br>        
<input type="radio"><br>        
<input type="radio"><br>  

/* radio 에서 name이 같으면 1가지만 선택 */
<label for="male">man</label>
        <input type="radio" name="성별" id="male" value="남">
        <label for="female">woman</label>
        <input type="radio" name="성별" id="female" value="여">      

<input type="checkbox"><br>        
<input type="file"><br>        
<textarea name="name" rows="8" cols="80"></textarea> </form>

4) select (server요청 : /?device=galaxy_query string)

<label for="myDevice">현재 사용하고 있는 스마트폰의 제조사를 선택해주세요</label>
    </form>
    <form action="./009.html" method="get">
        <select name="device" id="myDevice">
            <option value="iphone">아이폰</option>
            <option value="galaxy">갤럭시폰</option>
            <option value="ㅜㅜ">LG폰</option>
        </select>
        <button type="submit">선택</button><br>

오늘은 HTML Form Tag 까지 진도를 나갔다.
정말 천천히 해주셔서 너무 다행이다,,
자바스크립트까지 이정도 속도면,,, 좋을텐데 :)

잘하는 분들도 너무 많코
열심히 하는 동기들도 정말 많타
나는 클론 코딩이 어렵따 헿

첫 과제(?) 였던 이력서 부터 다시하고 있다.
하...
하나 꼬이면 첨부터 다시 하는 버릇 을 부디 고치고 싶다.

일단, CSS로 넘어가서 ^^ 😶‍🌫️

Don't forget the code for your dream!

이전 포스트

프론트엔드스쿨_1day TIL

다음 포스트