본문 바로가기

자바스크립트 배열8

[초미니프로젝트] 자바스크립트 연락처 저장하기 오류발생! 해결! [3] 연락처 목록 번호 이름 나이 연락처 주소 직업 취미 어제 짜놓은 코드를 보니 큰 문제가 있었다. 1. 아무것도 없는 테이블에서 '추가하기'를 누르면 빈 행과 칸이 1줄 생깁니다.- function insertFunction() 가 실행됩니다.(dom)으로 구현 했습니다. 2. 빈칸에 값을 입력하고 저장하기를 누르면 saveFunction() 실행됩니다.-첫번째 행의 값이 user 객체에 삽입되고 그 각체는 users 배열에 삽입됩니다. 문제는 user 객체를 초기화 하는것이었다!user객체를 초기화 해서 넣지 않으니깐전에 user객체에 들어 있던 값이 push 가 되는거였다.....!!!!!!!! 어쨌든 해결 ㅠ!! 1234567891011121314151617181920212223242526272829.. 2017. 5. 24.
[초미니프로젝트] 자바스크립트 연락처 구현 준비 [1] 그동안 자바 스크립트 사용을 오래 안했네.. 감이 가물가물...몽땅 잃어버리기전에 간단한 프로그램하나 만들어봐야겠다.아주간단한 배열, 함수, 객체 반복문, 조건문 같은 개념 이용해서 연락처 리스트 만들어보기! 프로그램 예) 연락처 리스트 이름 나이 연락처 주소 직업 취미 홍길동 28 010-1234-5678 서울시 관악구 신림로 18 학생 볼링 김귀남 29 010-5468-5466 서울 종로구 인사동길 100 학생 축구 김동글 30 010-6879-7866 서울 관악구 신림로 14 학생 복싱 추가하기 저장하기 찾기 삭제 1 추가하기 누르면 위에 표에 칸이 생긴다. 2 추가된 빈간이 생긴곳에 마우스 클릭을 하면 텍스트가 활성화되면서 글을 적을 수 있다. 3 저장하기를 누르면 리스트에 뿌려진다. 4 텍스트 .. 2017. 5. 22.
1-2 자바스크립트로 우편번호 문제를 해결해보자 우편번호 정렬 문제를 해결해보자.알고리즘을 그려야 하지만 간단한 문제일 것 같아서 글로만 순서를 작성해 봤다.버튼1#우편번호 전체 개수 출력1.텍스트 칸에 5자리 우편번호를 입력 받는다.1-1. 앞뒤 공백 자르기를 통해서 입력된 우편번호를 3자리로 만들고 문자열 합치기로 전체 값을 하나로 합친다.2.우편번호 총개수를 파악한다.3.배열에 집어 넣는다. 버튼2#우편번호 중복제거 버튼구현4. 우편번호 중복값을 제거 한다.5. 버튼을 누르면 중복 제거된 우편번호의 개수를 출력한다. (우편번호 중복제거를 하지 않고)버튼3# 우편번호별 개수를 파악해서 테이블에 출력와...대박 1-2시간안에 끝날 줄 알았는데... 총 5시간 정도 걸린것 같다. 아오...... 위의 그림에서 우편번호부분을 드래그해서 메모장에 옮긴다음.. 2017. 3. 28.
[자바스크립트 기초]함수 메서드 객체 함수와 메서드함수는 특정 작업을 수행하기 위해 필요한 일련의 구문으로 구성된다. 메서드는 함수와 동일하지만 객체 내에 만들어진다는 점이 다르다. 객체실제 세계를 모델화하기 위해 객체를 사용한다.객체는 속성과 메서드로 구성된다. 내장객체브라우저는 인터랙티브한 웹 페이지를 개발하기 위한 도구의 역할을 수행하는 다양한 종류의 객체들을 제공한다. 함수란 무엇인가?함수란 어떤 특정 작업을 수행하기 위해 필요한 일련의 구문들을 그룹화하기 위한 개념이다. 만일 스크립트의 다른 부분에서 동일한 작업을 반복적으로 수행해야 한다면 함수를 재사용할 수 있다. 기본적인 함수var msg = '안녕하세요'; //함수 생성function updateMessage() { var el = document.getElementById(.. 2017. 2. 23.
[자바스크립트 기초] 자바스크립트의 기본 명령어 구문: 스크립트는 컴퓨터가 단계별로 수행할 수 있는 일련의 명령이다.이 중 각각의 명령이나 단계를 구문이라고 한다.구문은 세미콜론으로 끝나야 한다. //구문var today = new Date();var hourNow = today.getHours();var greeting; // { } 코드블록의 시작과 끝을 알려준다. 구문은 코드 블록 내에 작성한다. if (hourNow > 18) { greeting = 'Good evening!';} else if (hourNow > 12) { greeting = 'Good afternoon!';} else if (hourNow > 0) { greeting = 'Good morning!';} else { greeting = 'Welcome!';}document.w.. 2017. 2. 18.
7.자바스크립트 기초 문법 (exception&문자열) 1. 2. 3. 4. 1부터 100까지확인5. 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160.. 2016. 12. 21.
6.자바스크립트 기초 문법 (문자열&아이디체크&배열) 1. 아이디 : 검사 2 3 4 입력 : 결과 : 5 6 7 8 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615.. 2016. 12. 21.
4.자바스크립트 기초 문법 (객체 선언&배열&form) 1. 2. 3. 4. 5. 6.. 필드1 필드2 필드3 7. 클릭 8. 이름: 직급 : 확인 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511.. 2016. 12. 20.