728x90 300x250 SMALL Front-end/HTML80 HTML 기본 회원가입 폼 form 태그 이름 이메일 비밀번호 메세지 성별 남성 여성 Other 나이 생년월일 멤버쉽 심플 스탠다드 슈퍼 I Like 오토바이 자동차 보트 리셋 이메일은 이메일 타입형식으로 들어가야 한다. @ 들어가야함 2021. 6. 10. 웹 용어 정리 용어 내용 http -웹상에서 정보를 주고, 받을 수 있는 프로토콜 - hyper text를 전달하기 위해 만들어진 프로토콜 - TCP 80번 Port를 사용(HTTPS 경우 433번 포트 사용) TCP 80번을 기본적으로 웹에서 사용된다고 규탁되어있음 - OSI 7 Layer 7계층에 해당 - Text 기반으로 이루어져 있으며 Binary가 아님 //개발자 입장에서 편함 - 암호화되지 않은 평문을 전송, 근본적으로 Sniffing에 취약 //데이터 주고 받는 중에 누군가 데이터를 탈취한다면 보안적으로는 힘들다 - TCP를 사용하지만 연결 지향적 성격을 버림 (서버와 계속 세션을 맺고 있는게 아니라 원하는 정보를 받으면 세션을 종료함) 웹 서버 클라이언트의 요청에 따라 HTML문서를 클라이언트에 제공해주.. 2021. 5. 26. html 구글지도 iframe 넣기 :: 오늘은 구글 지도에서 주소 검색해서 나온 지도를 iframe로 퍼와서 내 html에 넣어 보도록 하겠습니다. 1. Google에서 구글 지도를 검색해서 들어갑니다. 2. 지도를 얻기 원하는 주소를 검색합니다. 왼쪽 상단 검색바에서 원하는 위치를 검색합니다. 저는 서울시청으로 검색 했습니다. 3. 공유를 클릭합니다. 검색하면 이렇게 자세한 위치 지도가 나오는데 왼쪽 편에 공유 버튼을 클릭합니다. 4. 지도 퍼가기에서 iframe 복사 링크 보내기에서 링크를 복사해서 사용 가능합니다. 하지만 우리는 지도 퍼가기를 해야 하기 때문에 지도 퍼가기 탭을 클릭해서 html복사를 클릭해서 클립보드에 복사합니다. 5. html에 코드에 넣기 html 코드에서 원하는 위치에 붙여 넣기 하기만 하면 됩니다. 그러면 이렇게.. 2021. 5. 25. [css] 화면 중앙에 배치시키기 :: 세로 중앙정렬 [css] 화면 중앙에 배치시키기 :: 세로 중앙 정렬 내가 지금 보고 있는 화면의 정중앙에 배치시키는 css flex를 이용하면 매우 간단하게 가능합니다. 1. Flex를 이용한 화면 중앙 정렬 See the Pen Untitled by kim oya (@ttuttu) on CodePen. 2. Grid 사용 화면 중앙 정렬 Grid를 사용해서도 가능합니다. #wrap { display: grid; place-items: center; min-height: 100vh; } flex의 align-items와 justify-items 속성을 Grid의 place-items을 이용하면 한 번에 적용시킬 수 있습니다. See the Pen Untitled by kim oya (@ttuttu) on CodePe.. 2021. 4. 27. 이전 1 ··· 9 10 11 12 13 14 15 ··· 20 다음 728x90 반응형 LIST
