티스토리

새롭게 공부시작하기

검색하기

블로그 홈

새롭게 공부시작하기

jessy-itstudy.tistory.com/m

IT 공부 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

2월 17일 (2) HTML - input가 아닌 입력 태그 input이 아닌 입력 태그들 기타 입력 태그(와 관련 속성들) p154 1. textarea : 여러 줄의 문장(문자열)을 입력받는 요소용 태그 크기 지정 속성 rows : 높이(세로) 길이 지정, 줄, 라인 cols : 너비(가로) , 길이 지정, 글자 수 시작태그와 종료 태그 사이에 값을 전송(value 안 씀!) 공간의 크기를 변경할 수 있다.(기본값) 크기 변경 무효 : style="resize: none;" 여기에 쓰는 내용이 전송됩니다. 띄어쓰기를 하면 화면상 파란색 부분의 공백이 생긴다. 끊어서 코딩하고 싶으면 >를 포함해서 가지고 내려간다. 여기에 쓰는 내용이 전송됩니다. 크기 지정을 하고 쓴다. 지정한 크기 범위를 넘어갈 경우 자동으로 줄 바꿈이 되고 스크롤이 생긴다. 노란색 부분을 마.. 공감수 0 댓글수 2 2023. 2. 17.
2월 17일 (1) HTML - input type 속성 태그 type속성 속성값에 따라 다양한 입력 형태를 활용할 수 있다. 날짜 관련 type data, month, week, time, datetime-local 숫자 입력 형태의 부가속성 1. min : 최소값을 설정, 설정한 값 미만의 값 입력 불가 2. max : 최대값을 설정, 설정한 값 초과의 값 입력 불가 날짜 및 시간 지정 형식 yyyy-mm-dd : y 연도형식, m 월 형식, d 일 형식 표시에 맞추어서 날짜 최소, 최대값을 지정해야 한다. 시간입력 : name 값을 지정해 주었을 때, 데이터가 전달되는 모습 datetime-local 해당 나라에 맞추어서 연-월-일-시간순 다른 나라에서 사용 시 월-일-연도-시간 순으로 나타난다. html 시계 표시에서는 초는 다루지 않는다. 날짜와 시간.. 공감수 0 댓글수 0 2023. 2. 17.
2월 16일 (2) HTML - 입력 양식 작성하기 입력 양식 작성하기 form 태그 사이트에 사용자가 정보(데이터)를 입력할 수 있는 요소를 묶는 역할 사이트의 back-end로 데이터를 전송하는 목적으로 활용한다. 서버로 넘기는 영역까지가 form의 역할이다. html 페이지에서 html 페이지로의 데이터 전송은 할 수 없다. 전송처리 관련 기술 : php, asp, jsp 등 사용하는 방법 주요 속성 p 123 1. action : 입력 데이터를 보낼 back-end의 식별정보 2. method : get/post방식을 지정하는 속성 3. name : 자바스크립트 코드(프로그램) 부분에서 해당 form부분을 제어할 때 활용하는 식별 값 지정 관련 태그들 p 130 입력란을 만드는 태그, inline 요소를 가지고 있다. 입력태그의 모양을 결정하는 속.. 공감수 0 댓글수 0 2023. 2. 16.
2월 16일 (1) HTML - 공간 분할 * 원도우 라이브 서버 연결하기 127.0.0.1:5500 라이브 서버는 기본적으로 설치되어 있음. 라이브 서버 IP주소 도메인 주소 - 인터넷 진흥원에 등록해야 함(강남) 유료서비스 127.0.0.1 = localhost 특별한 IP 주소 대외적으로 사용할 수 없는 주소, 한 컴퓨터의 내부적으로만 사용하는 주소 localhost (도메인네임 ex) naver.com, daum.net과 같은 개념) 컴퓨터는 순번을 셀 때 0부터 센다. LAN 네트워크 주소 설정, 내부적으로 사용함 127.0.0.1 모두 같은 주소이나 자신의 컴퓨터 내부에서만 수행함. 다른 컴퓨터에서 내 작업 내용을 보려면 Live server가 필요하다. 라이브서버 설치방법(VSC) 1. 확장 - live server 설치 2. 내 I.. 공감수 0 댓글수 0 2023. 2. 16.
2월 15일 (2) HTML - 하이퍼 링크 하이퍼 링크 삽입하기 Hyper Text 초월문서, 문서의 범위를 뛰어넘는다. WWW(World Wide Web)에서 사용하는 문서의 형식인 Hyper Text를 구현한 태그 흔히, 링크(link)라고 한다. 사용 태그 ~ anchor(닻) 클릭이라는 이벤트를 통해서 페이즈를 이동하기 위해 사용 필수속성 href : 이동할 페이지를 지정하는 속성 이동할 페이지의 url(uri)를 작성한다. 같은 사이트 페이지로 이동할 때에는 http://을 생략해도 된다. re의 약자, 레퍼런스 : 참조하다. 범위로서의 차이 URL : Uniform Resource Locator 통합자원 위치정보 URI : Uniform Resource Indentifier 통합자원 식별자, 요즘에는 파라미터에 따라서 데이터가 많이 바.. 공감수 0 댓글수 0 2023. 2. 15.
2월 15일 (1) HTML - 멀티미디어 추가 설명 p94 열 묶음 처리, 사전정의를 해주는 것이기 때문에 table 아래 작성 보조 적으로 사용하는 태그, 열과 매칭되어서 지정할 수 있다.(열의 개수만큼) 하나만 작성하면 첫 줄에만 적용된다. td(th)에 적용할 스타일을 미리 정의하여 적용 열의 개수만큼 태그를 사용하여 각 열별로 스타일을 정의할 수 있다. 정의할 스타일이 없는 경우 태그만 작성한다. 두 열 이상을 묶어서 스타일을 정의할 경우 span 속성을 사용한다. 네 줄이 있는 칸에서 세 번째만 적용하고 싶다면 만 쓰고 적용하고 싶은 곳에만 적용시키면 된다. (네번째는 아무 지정하지 않을 거면 작성하지 않아도 된다.) 에 적용할 수 있는 CSS border, background, width로 한정된다. 글자 가운데 정렬 td { tex.. 공감수 0 댓글수 0 2023. 2. 15.
2월 14일 (2) HTML - table 더미 이미지 참조 사이트 Home How To Set Custom Text You can specify text for your image by using a query string at the very end of the URL. So this URL… https://via.placeholder.com/728x90.png?text=Visit+WhoIsHostingThis.com+Buyers+Guide …produces this 728×90 sized image (ie, le placeholder.com 설계 시 위치를 잡을 때 크기나 공간을 사용할 수 있는 사이트 너비 x높이 단위 px, 색상 6자리 16진수로 지정 가능 16진수 : 0-9, a-f까지 사용, (ff= 255(10진수)) 계산기의 프로.. 공감수 0 댓글수 0 2023. 2. 14.
2월 14일 (1) HTML - 목록 요소의 형식 내용 [ ] 안의 내용은 생략가능하다. 쓸수도 있고 안 쓸 수도 있다. 공통 태그(List Item) : 항목을 나타낸다. 계층 구조를 가진다. 공통속성 width : 요소의 가로 길이를 지정하는 속성 단위 px 픽셀 한 점의 크기 (내장된 고정된 크기) % 백분율(기준 : 브라우저 창의 내부 화면 크기에 따라서 길이가 달라진다.) 세로보다 가로를 더 중요하여 여긴다. UX적 측면에서 보조적인 측면이 더 많이 들어가 있다. 비율을 사용하는 형태로 처리 세로를 먼저 지정하고 가로길이를 지정 태그 : 수평선 표현 주요 속성 : width 가로길이 지정 size 두께 지정(1-2px 차이 없음, 3px 정도만 사용, 그 이상을 잘 사용하지 않는다.) 목록태그 : List 화면에 목록 형태로 텍스트.. 공감수 0 댓글수 0 2023. 2. 14.
2월 13일 (2) HTML - 웹 문서 만들기 요소를 작성할 때 단축 태그를 사용할 수 있다. 표현할 내용이 없을 경우 시작태그 명 뒤에 '/'를 붙인다. 예> 가능한 태그가 있고 가능하지 않은 태그가 있다. 시작태그는 속성을 포함할 수 있다. 속성은 요소의 다양한 효과를 표현하는 데 사용한다. 하나의 태그는 속성과 내용을 담고 있다. 작성 규칙 1. 태그명은 소문자로 작성하도록 한다.(HTML5 권장) 2. 내용에 연속된 공백이나 줄바꿈은 웹 브라우저에 한 칸의 공백으로 출력된다. 3. 요소의 포함관계(계층관계) 표현을 위해 들여쓰기를 한다. 4. 한 요소는 시작 태그와 종료 태그를 작성하며, 다른 요소의 태그와 중첩되지 않아야 한다. 5. 주석은 로 작성 문서 작성 본문에 작성하는데 사용하는 p태그 여기는 인용 문자나 내용이 들어갑니다. html.. 공감수 0 댓글수 0 2023. 2. 13.
2월 13일 (1) HTML - 웹 개발 시작하기 1. 웹 개발 웹 브라우저 화면에 보이는 겉모습을 만드는 것이 전부가 아니다. 웹 사이트는 사용자에게 제공할 기능, 서비스까지 모두 담아야 한다. 서버 vs 클라이언트 프런트엔트 개발 vs 백엔드 개발 기본페이지, 웰컴파이, 웰컴페이지 - 처음 웹 사이트에 들어갔을 때 웹페이지의 상단 제어하는 부분(주소창, 제목 등) 서비스를 제공하는 부분(화면 부분) - 프런트엔드 엔드 포인트 ------------ 엔드 포인트 기본영역 HTML, CSS, JS HTML - 웹 문서의 뼈대 CSS - 웹 문서를 꾸밈 JS - 사용자 동작에 반응 과거 : 정적인 페이지가 주, 변하지 않음 현재 : 동적인 페이지, 뉴스 등 변화함 배울 기술 제이쿼리 스프링 2. 웹 개발 환경 만들기 웹 브라우저 크롬, 엣지, 파이어폭스,.. 공감수 0 댓글수 0 2023. 2. 13.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.