일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- JS 스코프
- JS form action
- JS localStorage
- JS form
- JS 타이머기능
- JS classList
- JS 데이터타입
- JS setInterval
- js 변수
- JS append
- JS null undefined
- JS 삼항연산
- JS 형변환
- JS appendChild
- JS 기초
- JS typeof연산자
- JS 숫자
- JS preventDefault
- HTML기초
- JS 함수
- git 협업셋팅
- JS redirection
- JS value속성
- JS prompt
- JS setTimeout
- CSS속성정리
- JS 화살표함수
- JS clearInterval
- JS 연산
- CSS기초
목록📚강의록📚/유노코딩)HTML (4)
공부기록용
서버와 클라이언트 클라이언트(사용자)가 요청을 하면, 서버는 그에 대한 응답으로 정보를 제공한다. Ex 1. ->클라이언트(사용자) : 네이버주소 입력 - 네이버 홈페이지를 보고싶습니다. - Enter(요청) ->서버(네이버) : 알겠습니다. - 저희 네이버 홈페이지의 html문서를 보내드리니, 보세요 - (네이버 웹페이지를 보냄_응답) ->클라이언트(사용자) : 제 웹브라우저에 네이버 홈페이지가 오픈되었습니다. 감사합니다. Ex 2. GET 서버에 요청을 보내어 응답을 받아낸다.(서버로부터 정보를 가져오겠다!) POST 서버에 요청을 보내서 작업을 수행한다.(서버에 있는 정보를 추가, 수정, 삭제를 한 후에 응답을 받아낸다.) 서버의 정보를 조작하겠다는 성격의 요청 데이터 전송(Form) 양식을 만들어..
링크(anchor) 링크란, 현재의 문서에서 다른 문서로 이동할 수 있는 수단이다. 기본구조 a태그 요소는 href속성을 통해 다른 페이지, 전화번호, 이메일 주소와 그 외 다른 url로 연결할 수 있는 링크(연결)을 만든다. 인라인 요소이며, 콘텐츠(내용)은 주로 링크의 목적지를 나타낸다. target 속성 추가 ---> 현재 탭에서 열기 ---> 새로운 탭에서 열기 a태그의 target 속성을 이용하면 새로운 문서를 열 때 현재 탭에서 열지, 새로운 탭에서 열지 결정할 수 있다. (따로 지정을 안하면 기존의 창에서 열림) ▶내용실습◀ ---> 네이버로 이동(기존의 창에서) 네이버로 갑시다! ---> 이미지 클릭시 구글로 이동 ---> 기존의 창에서 다음으로 이동 다음으로 갑시다 ---> 새로운 창으로..
HTML 기본 텍스트 태그 문단(paragraph) p태그는 문단 요소를 나타내는 태그로써, 가장 많이 사용되는 텍스트 태그이다. 하나의 p태그는 하나의 문단을 표현하며, 문단과 문단 사이에는 공백이 있다. 제목(headline) h태그는 제목(표제) 요소를 나타내는 태그이며, 숫자와 함께 사용된다. 숫자가 1일때 글자가 가장 크고, 6일때 가장 작다. 수평선 표시 또는 hr태그는 수평선을 표시하는 단일 태그이다. 수평선은 주제 변경 또는 내용 구분을 위해 주로 사용된다. 줄바꿈, 여러번의 공백(띄어쓰기) 또는 br태그는 줄바꿈을 담당 는 두 번 이상의 공백 표시를 담당 ※HTML 텍스트의 특징※ 일반적으로 엔터는 ‘줄바꿈’을 의미하는 입력이지만, HTML 코드에서는 이를 무시한다. 또한 스페이스를 통한..
HTML(Hyper Text Markup Language) 하어퍼 텍스트와 콘텐츠를 표시해주는 언어 (웹브라우저를 통해 표시되는 웹페이지의 콘텐츠를 정의하기 위해 사용하는 언어) 웹페이지의 콘텐츠를 정의하기 위해 사용하는 언어로 HTML코드로 웹페이지에 어떤 내용이 표시될지 정의한 HTML 문서를 만든다. 완성된 HTML코드를 웹브라우저에서 로딩하면 웹페이지가 만들어지고 HTML 코드가 웹브라우저를 통해 해석되고 표현되는 과정을 렌더링이라고 한다. HTML파일의 확장자는 .html 또는 .html 이다. (간단히 내용을 수정할때는 텍스트 편집기/메모장 로 편집해도 되며, 웹페이지에 구현되는 걸 확인하고 싶다면 웹브라우저로 열면된다.) HTML 언어를 목적에 맞게 사용하기 위해서는 HTML의 문법에 맞는 ..