본문 바로가기
반응형

hELLO wORLD! 156

[java script 개념] html 기초 개념 정리 HTML(HyperText Markup Language) 하이퍼텍스트 마크업 언어. 웹브라우저에서 문자열, 이미지 , 동영상, 입력양식 등을 출력하기 위해 사용되는 언어. 웹페이지를 위한 마크업 언어다. 웹페이지 화면을 구성하는 제목, 단락, 목록 등의 구조를 만든다. 즉, 지금 쓰고 있는 이 화면도 HTML의 요소로 이루어져 있다. HTML은 크게 "태그"로 불리는 요소로 작성된다. 자바 스크립트와 CSS 등의 스크립트가 이러한 외관과 배치를 움직일 수 있다. HTML 자체는 정적이지만, 스크립트와 만나면 동적으로 움직인다고 표현할 수도 있겠다. HTML은 출력창이 웹브라우저이다. 기본적인 꺽쇠() 를 포함한 태그로 화면 구성의 기초를 다질 수 있다. HTML 기본 구조 관련 태그 화면은 EditPlu.. 2020. 8. 17.
[java script 개념] 자바 스크립트 기본 개념 정리 자바스크립트(java script)는 HTML 언어에 추가되서 웹페이지를 동적으로 다양하게 제작할 수 있게 도와주는 스크립트 언어이다. 스크립트 언어는 혼자 실행될 수 없어서 다른 언어에 포함되어 실행되고, 문법이 복잡하지 않은 특징을 가지고 있다. 즉, 자바스크립트는 HTML 안에서만 구현된다. 공식 명칭은 [ECMAScript] 이름 특징 태그 태그 컨텐츠 출력 , 등 CSS 디자인 담당 java script 동적인 조작 기법 자바 스크립트 기능 1. 유효성 체크 : 데이터가 DB에 저장될 수 있는지, 부족한 것은 없는지 검사 2. 태그 속성값 또는 태그 자체의 입력/수정/삭제 : html의 태그 컨트롤 3. AJAX를 통한 웹서버와의 데이터 통신 4. 동적인 메뉴 제작, 이미지 효과 등 AJAX: .. 2020. 8. 16.
[Event 객체] 웹에서 발생하는 모든 움직임 : event 객체 종류 정리, 클릭, 키보드 번호 Event 객체 자바스크립트 BOM 객체(브라우저 객체) 중 웹화면에서 발생하는 모든 움직임을 관리하는 객체. 객체 생성은 없음. event.속성변수 event 종류 abort 이미지 로드 실패 blur 입력양식에 있던 커서가 빠져나감(예 : 검색창에 검색어를 치다가 검색버튼을 누름) change 입력양식의 내용 변경(value 값 변경) click 마우스 왼쪽버튼 클릭 dbclick 마우스 왼쪽버튼 더블클릭 dragdrop 마우스 드래그 error 에러 발생 focus 입력창양식에 없던 커서가 생겨남(예 : 네이버 들어가면 자동으로 검색창에 커서가 가 있음) keydown 키보드 누름 keypress 키보드 누름 keyup 키보드에서 눌렀다가 손을 뗌 load 웹브라우저에서 html 문서가 읽혀짐 un.. 2020. 8. 15.
[생성자 함수] 사용자 정의 객체를 이용해 테이블 출력, 데이터 내림차순 정열 예제 생성자 함수 자바스크립트에서 메소드와 속성변수로 구성된 함수. 자바스크립트는 클래스가 없다. 때문에 개발자가 직접 생성자 함수를 제작해서 new를 이용해 객체를 생성한다. 관례적으로 생성자 함수는 첫 글자를 대문자로 쓰는 파스칼 표기법을 따른다. function 생성자함수명( [매개변수1] ){ this . 속성변수명 = 데이터1; this . 메소드명 = function( [매개변수2] ){ 실행코드; [return [데이터2]; ] } }; 또는 메소드 대신 생성자함수명.prototype. 메소드명 = function(~)~ 형태 사용. 생성자함수는 메모리공간에 올라가 객체화되고, 객체화 후에 메소드와 속성변수를 호출할 수 있다. 생성자 함수를 이용하여 3명의 학생의 성적을 출력해라. 1. Sungj.. 2020. 8. 14.
[DOM 객체] 유효성체크 : 회원가입창에 입력된 데이터 관리하기 DOM DOM(= Document Object Model) 웹브라우저가 html 파일의 태그들을 읽어 객체를 생성하고, 이 객체에 대응하는 컨텐츠를 웹브라우저 화면으로 출력하는 일련의 과정 또는 모형을 말한다. 즉, XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이며, 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. DOM 객체는 DOM API 를기반으로 생성되며 대부분의 웹브라우저는 동일한 DOM API 를 가지고 있다. DOM 객체 HTML 문서 안의 태그를 읽어 만들어지는 객체를 DOM 객체라고 부른다. 유효성 체크 DB에 저장될 수 있는 데이터인가 아닌가를 체크하는 일련의 검사. 입력양식들의 유효성 체크를 한 후 모두 유효성에 합당하면 서버로 .. 2020. 8. 13.
[Tistory 팁] 티스토리 구글검색 제목 노출이 안될 때 티스토리 구글 검색, 네이버 검색을 위해서 사이트맵을 설정은 다들 했을 것이다. html 코드도 많고 스킨까지 끼면 복잡한데 겨우겨우 사이트맵 설정을 완료했다. 아니 근데 내 게시글을 구글에 검색하는데 [포스팅 제목]이 노출이 되지 않는거 아닌가;; 이것저것 만져보니 이제와서는 [블로그명] - [포스팅 제목] 순으로 검색되서 포스팅 제목이 잘리기까지 했다. html 코드 수정하면 쉽게 바꿀 수 있다. 1. title을 검색한다.(ctrl + F) html 코드에서 가 시작점이고 이 끝나는 점이다. 즉, 검색 시 노출되는 제목에 문제가 있는 것이므로 title을 수정해야 한다. 2. 원하는 대로 코드 추가 기존의 코드를 보니 가 없었다. : 포스팅 제목 : 블로그 이름 3. 잘 반영되었는지 검색해본다. 해결! 2020. 8. 12.
반응형
LIST

티스토리툴바