본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


javascript23

웹 프로그래머(웹 개발자)가 되어보자 - 5 3-3. 변수 변수에 대해서 계속해서 살펴 보겠습니다. 변수를 익히는 이유는 모든 데이터를 값으로만 표현하면 사람이 나중에 알아볼 수 없기 때문에 알아볼 수 있는 단어를 사용하여 표현하는 것이 가장 주요한 목적입니다. 변수를 사용하는법은 아래의 자바스크립트 문법을 따랴아합니다. "var 변수명 = 값" 변수에 선언된 값은 서로 계산도 가능하고 출력도 가능하였습니다. 그러면 이제 변수의 종류에 대해서 살펴 보겠습니다. 아래 내용을 파이어폭스를 실행한 뒤에 F12키를 눌러 콘솔탭을 클릭한 뒤 붙여넣습니다. 계속해서 사용 해 왔던 console.log라는 명령어가 조금 다르게 사용된 것을 볼 수 있습니다. console.log에서 소괄호 안에 콤마(,) 표시를 통해서 원하는 내용을 이어서 출력 할 수 있습니다.. 2020. 4. 6.
웹 프로그래머(웹 개발자)가 되어보자 - 4 3-2. 변수 저번시간에는 변수가 무엇인지 간단하게 살펴 보았습니다. 복습하는 차원에서 간단하게 다시 정리를 해 보겠습니다. 변수는 원하는 데이터를 표현하기위한 기호로 아래와 같은 형식으로 구성됩니다. var 원하는변수명 = 데이터 여기서 =(는) 표현은 대입연산자를 의미하며 변수의 값, 적용시킬 데이터를 의미합니다. 또한 console.log라는 명령어는 소괄호() 안에 내용을 출력해주는 역할로 사용 되었습니다. 변수명 앞에 사용된 var 라는 기호는 변수를 의미합니다. 그리고 언급되어있지는 않았지만 마지막에 사용된 세미콜론(;) 표현은 해당 내용의 종료를 의미합니다. 세미콜론(;) 표현은 생략해도 무방합니다. "var 변수명" 으로 변수를 선언하는 것은 자바스크립트의 문법이며, 한번 선언한 변수에 다.. 2020. 4. 2.
Javascript 배열 정렬 (Array Sort) var array = [ {random_type4:'B', random_type5:'D', daying:'2019-07-01 01:51', count:2}, {random_type4:'B', random_type5:'D', daying:'2019-07-02 01:51', count:5}, {random_type4:'B', random_type5:'D', daying:'2019-07-01 00:51', count:1}, {random_type4:'B', random_type5:'D', daying:'2019-07-01 03:51', count:4}, {random_type4:'B', random_type5:'D', daying:'2019-07-01 02:51', count:3} ]; array.sort(f.. 2019. 7. 18.
Excel파일 웹에서 Table로 표현 xlsx파일을 읽어서 웹에서 표출하는 방법은 Sheetjs라는 라이브러리를 사용하면 편리하게 구현 가능 하다. 위 예제코드는 input type file에서의 예제코드이다. ajax로 바꾸는것도 어렵지는 않다. workbook에 메타데이터를 활용하면 여러 형태로 가공이 편리하다. 2019. 6. 18.
ES6 문법을 HTML에 활용해보기 export class userClass { constructor() { //생성자를 통해 내부 변수를 만들 수 있다. } accessToServer(server_url, param) { return new Promise((resolve, reject) => { //Promise 객체를 통해 ajax 통신 후 이벤트를 받로독 한다. $.ajax({ url: server_url, //보낼주소 type: 'post', data: param, //보낼 데이터 success: function (result) { resolve(result); //성공시 행위 }, error: function (errors) { reject(errors); //실패시 행위 } }); }); } } 자바스크립트 버전이 ES6이 등장.. 2019. 4. 27.
Input type File 다중 파일 선택 & Ajax 전송 input type file 테그 속성중에 multiple이라는 속성이 있다. 해당 속성을 선택하면 파일이 여러개 선택 되는데, 해당 데이터가 배열로 리턴된다. 해당 내용을 한번에 던져도 상관없지만 만약 프로그래스를 구현하려면 각각 전송하는 것을 권장한다. function sendData(){ $.each(formArray, function (uniquId, DATA) { //앞서 유니크한 아이디로 프로그래스 아이디를 매칭하면 파일마다 각각 //전송상태 효과를 줄 수 있다. $.ajax({ url: '주소', xhr: function() { var myXhr = $.ajaxSettings.xhr(); //PROGRESS_KEY 값에 앞서 지정한 유니크한아이디를 넣어주자. myXhr.upload.PROGR.. 2019. 4. 27.

티스토리툴바