국비 TIL(Today I Learned) 20220510 table, form....

table 태그

<colgroup>

   <col width="8%">

   <col width="*%">

   <col width="12%">

   <col width="12%">

</colgroup>

table태그 수업하다가 가운데정렬(전체 화면에서 가운데로) 할려고 했는데, 쌤이 table전체를 div로 묶고 text-align: center; 했는데 테이블 안에 글자만 가운데 정렬 되는거지, 그래서 그냥 넘어갔는데

전체화면에서 가운데로 할려면은 table태그에 margin: 0 auto 해주면 되면 쉬운거였는데, 나도 찾아봤다ㅋㅋㅋㅋㅋㅋㅋ flex나 float로 잡을려고 했네
결국에는 학생이 질문해가지고 찾아봐서 알려주심

생각해보니 html을 수업하면 인라인이나 블럭태그에 대한 설명을 할 줄 알았는데, 그거에 대한 설명은 아직 없고
w3schools 홈페이지에서 순서대로 나가는 중,
순서대로 하다가 하긴 했는데, 초 간단하게, div와 span에 대해 비교하면서 넘어감 특징이나 이런 애기 없이

dl dt dd

overflow: hidden;
float: left;
hover

css 클래스, id
id: css입장에서는 중복되어도 된다. js 입장에서 id중복 못씀, 객체 접근할때 문제가 됨

iframe 화면의 영역을 쪼개서 그 위치에 다른 문서를 둘 수 있다. 요즘은 안 쓴데

frameset, iframe, popup 셋다 안씀 : Ajax로 다 대체

음? iframe 동영상재생할때 쓰는거 봤는데(리쥬란 홈페이지) 유튜브 재생할떄 쓰는건 줄 알았는데, 화면을 쪼개는 역활이였군, 그리고 Ajax는 비동기통신만을 생각했는데, 어떻게 대체하는지 잘 모르겠어

 

 

js: 스트립트, 낑겨들어가는 언어?

onclick 이벤트, document.getElementById

 

 

스프링으로 게시판이랑 회원가입만 만들수 있으면 다 할수있다!

실력이 계단식으로 늘어!!

 

 

파일 경로

어제 수업한 상대, 절대 경로를 더 자세히

 

경로

1. 외부에 있는 css파일이나 자바스크립트를 갖고 들어올때

2. img 태그에서 사용할 수 있는 이미지 확장자는 jpg, jpeg, git, png 사용
비트맵은? 용량이 너무 커, 비트맵 압축버전 - jpeg

git - 움직이는 그림

png - 배경을 투명하게 할 수 있다

./ : 내 폴더 밑에

 .. : 현재 내가 있는곳보다 하나 위에 있는 폴더 아래가  images가 있고 그 아래에 그림이 있다

( 쌤이 설명 써준게 더 어려운 느낌이네)

 

 

head 안에 들어가는 태그

title, link, style, meta

meta의 utf-8 설명하면서

코드 컴퓨터는 2진수 체계

1비트 - 0 또는 1 둘중 하나의 값을 가질 수 있다.

4비트  0000 0001 0010 0011 1000 10001 1010 1011

학자들이 모여서 표준안 (Ascii) 아스키 코드 american standard institute

A 65, B 66, C 67 ...... ascii code : 8개 비트맵

utf-8 : 3byte 현재 웹표준

 

시맨틱 태그들 nav, article 등등 살짝 언급하고, 부트스트랩으로 할거라 layout 잘 몰라도 된다면서 넘어가심

 

HTML Entities

non-breaking space(공백)	 
<	&lt;
>	&gt;

form 태그

보내기 누르면 주소창에 이렇게 나옴, 이게 쿼리스트링?? URL 파라미터? (이거는 그냥 내가)\


label
input위에는 설명용도로도 쓰고,

여기서는 I have a bike 클릭하면 그 앞에 체크박스도 체크됨!

post방식에 20~50m내의 정보를 보낸다?? 뭐가 20~50이라는 거지

hidden : 사용자한테는 안보이고 정보를 감추어서 갖고 다니고 싶을때 사용함, 사용 빈도 높음

히든태그: <input type="hidden" name="secret" />

 

 

그리고 각자 자기소개페이지, 이미지갤러리(table태그), 회원가입폼 만들어보기