* 문자열 내에서 원하는 문자열 검색 - String 객체에는 문자열과 관련된 메소드가 여럿 있다. 그 중에서도 문자열의 위치와 관련된 메소드들을 소개하겠다. - 중요 메소드 1. Indexof : 지정한 문자열의 첫번째 인덱스 위치를 알아냄 2. lastIndexOf : 지정한 문자열의 마지막 인덱스 위치를 알아냄 3. charAt() : 지정한 위치의 문자가 무엇인지 알아냄 4. charCodeAt() : 지정한 위치의 문자를 유니코드로 변환 5. formcharCode() : 유니코드를 문자로 변환 * Math 객체 - Math 객체는 수학적인 계산과 관련된 객체이다. - Math 객체는 따로 인스턴스를 만들지 않는다. * Math 메소드 * 배열 - 변수를 배열로 사용하려면 new 를 이용해서 A..
* HTML 은 눈에 보이는 틀을 구성하는 언어고, JavaScript는 보이는 툴들의 기능들을 처리한다. 둘은 엄연히 다르며 서로가 서로를 호출 할 수있다. * HTML 파일에서 JavaScript 파일 호출하기 1. HTML 문서를 만들어 태그 안에 태그를 넣는다. 1 2 3 4 5 6 7 8 9 10 11 12 JS 호출하기 바디 부분 입니다. cs 2. JavaScript 파일을 만들어 원하는 기능을 만들어 줍니다. 1 2 function view(){ document.write("안녕하세요"); } cs 3. HTML 문서의 태그 안에 방금 기능을 넣은 JavaScipt 문서의 경로를 적어줍니다. 1 2 3 4 5 6 JS 호출하기 Colored by Color Scripter cs 4. 실행을..
* 이미지 삽입 - 이미지 삽입은 태그를 이용한다. - 이미지가 저장된 파일 경로를 입력해줘야 이미지 파일을 찾을수 있다. 1 2 3 4 5 6 7 8 9 10 11 12 13 이미지를 넣어봅시다 이미지 넣어버리기 Colored by Color Scripter cs * 이미지 태그 ------------------------------------------------------------------------------------------------------------------------------------- * 상대경로, 절대경로 소스 코드를 짤때 파일에 있는 콘텐츠들을 삽입 및 인용할 필요가 있다. 이때, 소스에 있는 파일경로를 써줘야 할 때가 있는데, 상대경로와 절대경로를 구분하여 입력할 필..
아래의 글은 내가 생전 처음으로 코딩과 웹개발을 접했을 때 썼던 글이다.. 지금 생각해보면 절대로 예시 코드를 아래처럼 넣지 않을거지만, 옛날의 초심과 감성을 느끼기 위해서 기록용으로 남겨둔다.. HTML 이란? - HTML(Hyper Text Markup Language)로 웹 페이지를 위한 마크업 언어이다. 여기서 HyperText는 웹 페이지를 이동할 수 있도록 만들어진 문장을 뜻한다. HTML은 제목, 단락, 목록 등과 같은 웹 페이지 본문의 구조적 틀 구성을 만들수 있는 언어이다. HTML은 CSS와 JavaScript와 같이 쓰인다. HTML이 웹 페이지 콘텐츠를 구성하는 것이라면 CSS는 외관 및 배치를 다룰수 있게 해준다. JavaScript는 외관의 기능을 처리하도록 행동 방식을 정의해주..
* text input 폼에 글자를 넣고 원하는 옵션을 선택한 뒤 미리보기 버튼을 눌러보자. 내가 원하는 옵션대로 글자가 변경되도록 만들수 있을것이다. 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 간단한 자바 스크립트 function previewString(){ var objResult = docu..
* 회원가입 폼 만들기 HTML의 기본기를 익힌 후 회원가입 폼을 만들어보자. 필자는 체크박스 체크여부를 자바스크립트를 이용하여 중복체크 없이 하나씩만 체크 하도록 하였다. 자바스크립트 내용은 다음 포스팅에 쓰도록 하겠다. HTML의 폼을 만들기위한 목적이라면 자바스크립트를 굳이 넣지 않아도 된다. 호환을 위해 internet explorer보다 chrome으로 연결하여 실행시키는 것을 추천한다. 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 ..