in_joy

- 객체 생성하기 var grades = {'a':10, 'b':15, 'c':20}; var grades = {}; grades['a'] = 10; grades['b'] = 15; grades['c'] = 20; var grades = new object(); grades['a'] = 10; grades['b'] = 15; grades['c'] = 20; - 객체 값 가져오기 grades['a'] // 10 grades.a // 10 for(key in grades) { document.write(key + ':' + grades[key]); }

- 배열 생성하기 var li = [ 'a', 'b', 'c', 'd', 'e']; - 배열의 길이 확인하기 배열명.length; - 배열의 끝에 원소 추가하기 배열명.push( 값 ); 배열명.concat([값 여러개]); - 배열의 시작에 원소 추가하기 배열명.unshift( 값); - 배열의 특정 구간에 원소 추가 배열명.splice(특정 구간 인덱스 번호, 삭제할 원소 개수, 값); var a = ["a", "b", "c"] a.splice(1, 1, 'x', 'y'); a // ["a", "x", "y", "c"]​ - 배열에서 원소 제거하기 배열명.shift( ); // 제일 앞에 있는 데이터 제거 배열명.pop( ); // 제일 뒤에 잇는 데이터 제거 - 배열 정렬하기 배열명.sort( );..

자바스크립트 : Front-End 개발 언어 HTML로 만든 문서에 동작을 넣는 것 ​ ● .html 파일에 태그 부분에 작성 ● 태그는 태그 영역 또는 영역에 작성하는데 수업에서는 부분에 선언 ​ ​ 코드 입력 시 주의사항 대소문자를 구분하여 작성한다 코드 한 줄을 작성한 후 세미콜론(;)을 쓴다 문자형 데이터를 작성할 때 따옴표 겹침을 주의한다 큰따옴표(")를 한 문장에서 겹쳐서 쓰면 오류나 나옴 작은따옴표(')나 백슬래시(\)를 사용하여 구분하여 작성 괄호의 짝을 잘 맞추어 사용한다 ​ ​ document.write( )를 사용하여 문서에 출력 document.write("안녕하세요") ​ ​ ● 변수 : 데이터를 담는 그릇으로 문자형, 숫자형, 논리형, null이 있다 - 자바에서는 숫자이냐 문자..

폼(form) : 아이디와 비밀번호를 입력하거나 로그인, 회원가입 등 사용자가 웹사이트로 정보를 보낼 수 있는 요소 ​ 폼 만들기 여러 폼 요소 ​ 폼 태그 속성 method 사용자가 입력한 내용을 어떻게 넘길지 지정 속성 값 get - 사용자가 입력한 내용이 그대로 드러남 post - 사용자가 입력한 내용이 드러나지 않음 대부분 사용하는 방식 name 폼의 이름 지정 action 내용을 처리할 프로그램 지정 target 창이 열리는 방식 지정 autocomplete 자동완성기능 기본값으로 켜져있기 때문에 끌려면 off로 설정 ​ 나오는 화면 ​ ​ 태그 : 폼 요소 옆에 아이디나 비밀번호처럼 붙여놓는 텍스트로 서로 연결되어있어 '아이디'를 클릭하더라도 텍스트 창이 활성화된다

이미지 삽입하기 [ ] 안은 생략 가능 속성 - alt : 이미지에 대한 설명 - width, height 이미지 크기 조정하기 파일이 있는 경로를 알려줘야 화면에 이미지를 표시할 수 있다 경로를 표시하는 기호 '/' = 하위 폴더, '..' = 상위 폴더 ​ - 웹 문서 안에서 표, 소스코드 등 한 단위가 되는 요소를 묶을 때 사용 이미지 설명글 이미지에 설명글 붙이기 ​ ​ 링크 만들기 텍스트 ​ target 속성 ( a태그 안에 사용) _blank 링크 내용이 새 창이나 새 탭에서 열림 _self 기본값으로 링크가 있는 화면에서 열림 _parent 프레임을 사용했을 때 링크 내용을 부모 프레임에 표시 _top 프레임을 사용했을 때 프레임에서 벗어나 링크 내용을 전체 화면에 표시 ​ ​ 링크를 이용하..

HTML 이란 : HyperText Markup Language의 줄임말로 하이퍼텍스트를 마크업 하는 언어 하이퍼텍스트 - 웹사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능 마크업 - 태그(tag)를 사용해 어느 문서에서 어느 부분이 제목이고 본문인지 표시하는 것 ​ 우리가 자주 들어가는 네이버나 크롬 같은 웹사이트도 HTML과 CSS로 이루어져 있고 실제로 우리가 확인해 볼 수 있다 ​ HTML 기본 문서 구조 ​ 태그 태그는 을 사용하여 작성하며 구분한다 태그는 소문자로 작성한다 여는 태그와 닫는 태그 를 정확히 입력한다 들여쓰기 한다 태그는 속성과 함께 사용 가능하다 ​ -문서 유형을 지정하는 곳 -웹 문서의 시작, 언어 지정 실제 화면에 웹 브라우저 화면에 나..