정보 업무명 : 에이잭스 비동기 통신 기술 소개 및 예시 작성자 : 이상호 작성일 : 2023-05-16 설 명 : 수정이력 : 내용 [개요] 안녕하세요? 웹 개발 및 연구 개발을 담당하고 있는 해솔입니다. 오늘 포스팅에서는 에이잭스 비동기 통신 기술을 소개해 드리고자 합니다. [특징] 웹 개발을 위해서 에이잭스 (Ajax)기술이 요구되며 이 프로그램은 이러한 목적을 달성하기 위한 기술서 [기능] Ajax 기술 XMLHttpRequest 이해 Ajax 작동 방식 [활용 자료] 없음 [자료 처리 방안 및 활용 분석 기법] 없음 [사용법] 없음 [사용 OS] Windows 10 [사용 언어] Java Script Ajax 세부 내용 [Ajax 기술] XML, HTML, CSS 및 Java Script를 결합..
정보 업무명 : Java Script 기초 작성자 : 박진만 작성일 : 2020-08-17 설 명 : 수정이력 : 내용 [특징] Java Script 를 크롬에서 디버깅 하는 방법 소개 [활용 자료] 없음 [자료 처리 방안 및 활용 분석 기법] 없음 [사용법] 디버깅 [사용 OS] 웹 브라우저 (Chrome) [사용 언어] JavaScript [목차] 중단점 설정 Resume 실행 Step Over 실행 Step Into 실행 Step Out 실행 Step 실행 변수 확인 DOM의 변경에 대해 중단 점을 설정 hover와 같은 유사 클래스를 클릭했을 때 CSS를 확인하기 소스 코드 Google Chrome 브라우저에서 JavaScript를 디버깅하는 방법을 소개한다. Chrome 개발자 도구를 사용 [중..
정보 업무명 : Java Script 기초 작성자 : 박진만 작성일 : 2020-08-11 설 명 : 수정이력 : 내용 [특징] Java Script 를 조작하는 기초적인 방법과 console.log를 통해 확인하는 방법의 소개 [활용 자료] 없음 [자료 처리 방안 및 활용 분석 기법] 없음 [사용법] console.log [사용 OS] 웹 브라우저 (Chrome) [사용 언어] JavaScript 소스 코드 Java Script를 움직이는 방법과 console.log 확인 방법의 소개 브라우저는 Google Chrome을 사용. [JavaScript를 조작하는 방법] 먼저 텍스트 파일을 생성한다. 텍스트 파일에 아래의 코드를 붙여넣고 저장한다. 파일의 확장자를 .html로 바꾼다. 작성한 파일을 Goo..
정보 업무명 : 자바스크립트 추천 라이브러리 : Moment.js 작성자 : 이상호 작성일 : 2020-05-02 설 명 : 수정이력 : 내용 [개요] 안녕하세요? 웹 개발 및 연구 개발을 담당하고 있는 해솔입니다. 프로그램에서는 날짜와 시간 데이터를 취급하는 것은 자주합니다. 자바스크립트에서 Date를 사용하여 날짜 및 시간 데이터를 처리 할 수 있습니다. var d = new Date('2012/10/20 15:30:50'); // 2012년 d.getFullYear(); // 9월 (0부터 시작) d.getMonth(); // 20일 d.getDate(); 이와 같이 Date를 사용하면 날짜의 데이터를 처리 할 수 있으나 귀찮은 일이 몇 가지 있습니다. 예를 들어 API에서 취득한 2012/..
정보 업무명 : 자바스크립트 JSON 문자열에 대한 다양한 처리 방법 작성자 : 이상호 작성일 : 2020-05-02 설 명 : 수정이력 : 내용 [개요] 안녕하세요? 웹 개발 및 연구 개발을 담당하고 있는 해솔입니다. 자바스크립트 (Java Script)를 자유롭게 사용하기 위해서는 해결 방법을 기억할 필요가 있습니다. 해결 방법은 어떤 방법으로도 대부분 원하는 결과를 얻을 수 있습니다. 그러나 그 중에서도 단순하고 읽기 쉽고 유용한 해결책은 존재합니다. 오늘 포스팅에서는 자바스크립트 JSON 문자열에 대한 다양한 처리 방법을 소개해 드리고자 합니다. [특징] 웹 개발을 위해서 자바스크립트 (Java Script)기술이 요구되며 이 프로그램은 이러한 목적을 달성하기 위한 기술서 [기능] JSON 형식 ..