메모

2022. 8. 9. 18:41메모/메모장


- 6개월간 학습주제

- 웹 애플리케이션 프로그램 구현(5개월)
- BigData를 이용한 데이터 분석(1개월)
- TCP 스쿨 예습
- tbody 및 테이블, 인풋 히든 알아보기

-비주얼 스튜디오 코드 설치 경로 C:\myJava\VSCode

컨트롤 스페이스바

인풋으로 전송되는 모든건 문자열

익스텐션
HTML Snippets

변수값은 카멜식으로 작성
ui가 없지만 서버로 어떤 값을 전송하고싶을때는 히든 인풋타입을 이용하면 된다

<화요일까지 과제>
자기소개서를 html로 만들어서 자기소개서 원본과 함께 제출
이름 성별 나이 해온일 상태 각오
내이름.html
어떤 폼을 만들었는지, 그것과 똑같이 만들어서 

====================임시메모============================

div는 라인 전부를 먹게함

스타일태그 내 주석 은 스타일 태그 안에 /* 주석내용 */로 끝나면됨

각 요소들 가운데 정렬법
블록요소 - margin: auto; 
인라인 / 인라인 블록 요소 - 부모요소에 text-align: center;

div : 블록 요소로 그룹화
span : 인라인 요소로 그룹화

하나의 id는 한 문서에서 한 번만 사용이 가능합니다.하나의 class는 한 문서에서 여러 번 사용이 가능합니다.id의 속성이 class의 속성보다 우선 순위가 높습니다.따라서 id의 속성은 해당 요소에 부여된 class 속성에 관계 없이 작동합니다.

다양한 타입의 input 요소
HTML에서는 다양한 타입의 input 요소를 사용하여 사용자로부터 입력을 받을 수 있습니다.

 

HTML에서 사용할 수 있는 대표적인 input 요소의 타입은 다음과 같습니다.

1. 텍스트 입력(text)

2. 비밀번호 입력(password)

3. 라디오 버튼(radio)

4. 체크박스(checkbox)

5. 파일 선택(file)

6. 선택 입력(select)

7. 문장 입력(textarea)

8. 버튼 입력(button)

9. 전송 버튼(submit)

10. 필드셋(fieldset)


======================================================


#웹 브라우저란(구글 크롬, ms 엣지, ms ie, firefox, 사파리등등)
- html로 작성된 문서의 내용을 표현해주는 사용자 프로그램

  ==>.html 파일을 사용자 웹 브라우저에 제공해주는 경우,
  ==>정적 (static) 웹 서비스
  ==>Web Server

#웹 애플리케이션 프로그램이란?
- 사용자 웹브라우저에 표시될 html 내용을 생성해서 제공해주는 서버에서 실행되는 프로그램
 
 ==> html 문서를 자동으로 만들어 사용자에게 보여주는것
  ==>동적 (Dynamic) 웹 서비스
  ==>웹 애플리케이션 프로그램이 실행될 수 있는 서버
  ==>Web Application Server(WAS)
  ==>웹 애플리케이션 프로그램을 구현 시에, 사용되는 개발언어는 Java를 많이 사용함
  ==>Jaba 기반 Web Application Server 제품이 아주 많습니다.

#도메인 (물리적인 망) 
하나의 그룹으로 구성된 컴퓨터들의 묶음
kr : 대한민국의 네트워크에 연결된 모든 컴퓨터의 그룹
co.kr  : 대한민국에 있는 모든 회사들의 네트워크에 연결된 모든 컴퓨터의 그룹
ac.kr   : 대한민국에 있는 모든 학교들의 네트워크에 연결된 모든 컴퓨터의 그룹
go.kr  : 대한민국에 있는 모든 정부부서들의 네트워크에 연결된 모든 컴퓨터의 그룹
com, net : 국가를 초월, 포털사이트를 운영하는 회사는 보통 이런 도메인을 씀
goott.co.kr : 대한민국의 구트 회사의 네트워크에 참여한 모든 컴퓨터의 묶음
naver.com : 네이버 회사의 네트워크에 참여한 모든 컴퓨터의 묶음

www.naver.com : 네이버 회사에서 고객에게 웹 페이지 서비스를 제공하는 컴퓨터 하나
                      실제로는 DNS 서버를 통해서 IP 주소로 변환됨


========================================================



기타 정보

#오픈소스 (무료 프로그램, 라이센스는 존재, 상업판매x)
-레드핫 리눅스, 파이어폭스 등

#전자정부프레임워크(스프링 4 기준)으로 제작됨 일반회사에서 많이쓰는건 보통 5기준

#종료태그가 없는 태그
==> <img> <br> <hr> 등과 같이 종료 태그 없이 시작 태그만을 가지는 태그를 빈 태그(empty tag)라고 합니다.

#한국어, 영어에 관한 코드 체계
==> euc-kr 현재는 UTP-8 위주로 인코딩

#HTML 엔티티 용어 
& ; 사이에 작성하면 됨 

공백 : &nbsp;
< : &lt;
> : &gt;

코딩중 기존 코드를 지우지말고 주석으로 남겨두기

#html 주석
<!-- 주석내용 -->

#css 주석
/* 주석내용 */