프로그래밍 언어/HTML+CSS+JS (10) 썸네일형 리스트형 [JS] Javascript 스크립트 언어 응용 프로그램과 독립하여 사용되고 일반적으로 응용 프로그램의 언어와 다른 언어로 사용되어 최종 사용자가 응용 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도로 사용된다. 스크립트 언어는 별도로 컴파일을 진행하지 않고 인터프리터(interpreter)를 이용하여 소스코드를 한 줄씩 읽어 바로 실행한다. 컴파일에 소요되는 시간은 따로 필요없지만, 소스코드를 한 줄씩 바로 읽기 때문에 프로그램 실행 시간이 비교적 느리다. 출처 : https://ko.wikipedia.org/wiki/ 스크립트 언어 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 스크립트 언어(scripting language)란 응용 소프트웨어를 제어하는 컴퓨터 프로그래밍 언어를 가리킨다. .. [HTML] Form 태그 Form 태그 - 사용자가 입력하거나 또는 선택한 값을 서버 쪽으로 전달하기 위해서 쓰이는 태그 - 이 때 전달되는 값의 형식은 K:V형태 key : input태그의 name 속성값 value : input태그에 value 속성값(또는 input태그 내부에 작성된 값) - 웹페이지에서 주로 로그인, 회원가입 등의 폼을 작성할 때 사용 method 폼에 입력한 데이터를 서버로 전달할 때의 방식을 지정하는 속성 · GET : 입력한 데이터를 서버로 넘길 때 데이터 길이에 제한이 있으며, 사용자가 입력한 내용이 주소창에 그대로 드러나 보이게 전송하는 방식 · POST : 입력한 내용의 길이에 제한이 없으며, 사용자가 입력한 내용도 주소창에 드러나지 않는 방식 * action - 사용자가 입력한 데이터 내용을 .. CSS(Cascading Style Sheets) CSS란 - HTML과 같은 마크업 언어가 실제로 화면에 표시되는 방법(모양, 색상, 크기 등)을 기술한 것으로 HTML코드가 화면에 어떤 스타일로 보여질지 지정하는 언어이다 - W3C(웹 표준 지정 기관)에서 CSS를 표준으로 지정 자주 사용하는 HTML 태그 span 태그 : 특정 글자 a 태그 : 하이퍼링크 img 태그 : input 태그 : button 태그 : 버튼 textarea 태그 : HTML 기본 태그 HTML 사용을 위한 기본 세팅( ! 쓰고 Enter 누르면 세팅 완료 : ) ) !DOCTYPE(Document Type) : 문서 형식을 지정하는 태그로 사용 html : html 문서의 내용을 정의(시작/종료태그 사이에 HTML코드 작성) -- lang : html 문서가 어떤 언어로 표시되는지 표시, 검색엔진이 참고하는 용도 head : html문서를 정의 - 문서의 제목(title), 적용할 CSS & JS(script), meta, link 등 - meta 태그의 charset : html문서의 문자 형식(문자인코딩)을 선언 body : 페이지의 내용 연속띄어쓰기, 엔터 입력 시 발생하는 문제점 해결! HTML 에서 연속되는 띄어쓰기, 엔터는 1칸 띄어쓰기로 인식한다. - 띄어쓰기 : - 개행.. [HTML] 마크업언어란? 누가 어디서 사용하든지 모든 브라우저에서 웹 서비스가 정상적으로 보여지고, 사용될 수 있도록 하는 웹 표준이 존재한다. 이때 웹 상에서 정보를 표현할 목적으로 만든 마크업 언어(Hyper Text Markup Language)가 HTML이다. 즉, HTML은 웹 페이지를 작성하기 위해 사용되는 언어로 웹 브라우저에게 보일 문자열과 문자열에 대한 해석기호인 태그(마크업)으로 이루어진 언어이다. ▶ 마크업과 마크업언어 - 마크업은 태그 ' '를 뜻한다. 문서의 논리적 구조를 정의하고, 마크업 내에 사용된 문자열이 어떤 형태로 출력되어 보여질 것인지를 나타내는 역할이다 - 마크업을 사용한 언어, 마크업 언어는 마크업의 형식과 규칙을 정의한 언어를 말한다. 왜? HTML을 사용하는가 웹 브라우저를 통해 .. 자바스크립트 기초 문법 변수, 자료형, 함수, 조건문, 반복문 ▶︎ 변수 ‣ 값을 담는 박스. 오른쪽에 있는 것을 왼쪽에 넣는 것! ‣ let으로 변수 선언 let a = 5 let first_name = 'shuxi' ㄴ변수값에 문자열을 사용할 경우 따옴표 사용 =>사칙연산, 문자열 더하기의 기본연산 가능 let first_name = 'shuxi' // snake case let firstName = 'shuxi' // camel case 다른 특수문자 또는 띄워쓰기는 불가능 =>변수명은 알아보기 쉽게 설정 ▶︎ 자료형 ‣ 리스트: 순서를 지켜 가지고 있는 형태 (순서가 중요한 담기) let a_list = [ ] // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능! let b_list = ['수박','참외','배'] .. 프로그래밍 언어 JavaScript ►자바스크립트란 브라우저가 유일하게 알아들을 수 있는 프로그래밍 언어 Java와 Javascript는 아무관련없다!!!!!! 부분에 를 만들어 사용 ▶︎ [크롬 개발자도구]에서 console탭에 직접 작성 (마우스 오른쪽 클릭 ->검사->console OR 윈도우: F12 / 맥: option + command + I) > 띄어놓은 페이지에서 빠르게 자바스크립트를 테스트해볼 수 있게 만들어둔 도구 새로고침 시 모두 사라짐!!!!!! 이전 1 2 다음
