- HTML의 디스플레이 1. inline content 크기 만큼 자리를 차지하는 요소이다. text, img, span 태그가 인라인 요소이다. 문자의 특징을 가지고 있다. 2. block 라인을 모두 차지하는 요소이다. p, h, ul, li, div, .... 면의 특징을 가지고 있다. - span 태그 줄 단위로 영역이 설정된다. inline 특징을 가지고 있다. - div 태그 면 단위로 영역이 설정된다. block 특징을 가지고 있다. - 시맨틱 태그 (Semantic Tag) 의미가 있는 태그이다. - 시맨틱 태그의 장점 검색엔진에 최적화되어있다. 스크린 리더를 사용하여 페이지를 탐색할 때 도움이 된다. div>div>div>div>... 끝 없는 div를 탐색하는 것 보다 효율적이다. 개..

- FTP (File Transfer Protocol) 클라이언트-서버(c/s)용 프로토콜이다. 클라이언트가 파일을 요청하면 서버가 요청된 파일을 제공하는 것을 의미한다. 클라이언트가 파일을 서버로 전달할 수 있다. 주로 대량의 파일을 처리할 때 사용한다. 기본 포트는 21번이다. - 호스팅 (Hosting) 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임대해주는 서비스를 의미한다. - ftp-simple 비주얼 스튜디오 코드에 설치하면 FTP 프로그램으로 사용할 수 있다. 처음 세팅은 f1 -> ftp-simple : config - ftp connection setting에서 해주면 된다! 호스팅을 하기 위해서는 f1-> ft-simple :remote directory open to wo..

- 서식태그 텍스트를 굵게 표현 텍스트를 이탤릭체로 표현 텍스트를 굵게 표현, 리더기에서 거쎈 발음 텍스트를 이탤릭체로 표현, 리더기에서 거쎈 발음 - 목록 태그 순서가 없는 목록 태그, 블록 태그 순서가 있는 목록 태그, 블록 태그 사용자 정의 태그, 블록 태그 목록 태그 사용해보기! 목록 태그 김사과 오렌지 반하나 김사과 반하나 오렌지 김사과 선생님 반하나 학생 오렌지 학생 이메론 학생 - 이미지 1. 비트맵 이미지 픽셀이 모여 만들어진 정보의 집합 "레스터 이미지" 픽셀 단위로 화면에 랜더링 한다. 그림판, 포토샵 등 툴로 편집이 가능하다. 2. 벡터이미지 수학적 정보의 형태들이 만들어내는 결과물 이미지가 가지고 있는 점, 선, 면의 위치, 색상 정보를 가지고 있다. 확대 및 축소를 해도 이미지가 ..

- 클라이언트 사이드 언어(language) HTML : 웹 사이트의 틀을 작성하는 언어 CSS : HTML 문서를 시각적으로 만들어주는 언어 JavaScript : HTML 문서의 콘텐츠 내용을 바꾸고 동적인 페이지를 만들기 위해 사용하는 프로그래밍 언어 - 서버 사이드 언어 (language) JSP Spring Python - 최초의 웹사이트 http://info.cern.ch/ http://info.cern.ch info.cern.ch - 비주얼 스튜디오 코드 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on y..