| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- MySQL
- MVC
- egov
- JSTL
- iBATIS
- AndroidStudio
- node.js
- HTTP
- C#크롤링
- Spring
- jQuery
- jsx
- 콜백
- react
- android
- mybatis
- Callback
- JavaScript
- Java
- SQL
- c:forEach
- fullcalendar
- vscode
- 서드파티모듈
- 동적쿼리
- 국제화
- NPM
- 쿼리
- RequestMethod.POST
- c:choose
- Today
- Total
목록javascript (23)
Today Yewon Learned
동기 실행 방식 예시) const fs = require('fs'); console.log('Start'); let content = fs.readFileSync('./new', 'utf8'); // 동기 실행 부분 console.log(content); console.log('Finish'); 출력 결과) Start Hello Node.js! Finish - readFileSync 함수 : 동기 실행 함수 비동기 실행 방식 (Node.js 권장) - 특정 작업이 완료되었을 때 실행할 콜백을 등록해두고, 바로 다음 코드로 실행을 넘기는 것 예시) console.log('Start'); fs.readFile('./new', 'uft8', (error, data) => { // 비동기 실행 부분 consol..
모듈(Module) - 전체를 이루는 부품 하나하나 - JavaScript 파일 하나 - 프로그램 : 모듈들의 모임 모듈의 핵심 Module Load - 하나의 모듈에서 다른 모듈의 기능을 가져와 사용하는 것 - Module Load 두 가지 방법 존재 1. 공개하고 싶은 것들을 하나씩 exports로 공개 2. 공개하고 싶은 것들을 모아서 하나의 객체로 만들고 module.exports로 객체를 통째로 공개 ■ math-tools.js 모듈 추가 function add(a, b) { return a + b; } exports.add = add; export '내보내다' - 모듈 내부의 것들을 외부로 공개해야 외부에서 사용 가능 - exports.add = add라는 함수를 모듈 외부에서도 add라는 이..
JavaScript란? - 웹 브라우저에서 여러 요소를 동적으로 움직이기 위해 사용 - 외부와 통신하는 작업을 수행하기 위해 사용 Node.js란? - Ryan Dahl 이 2009년에 발표 - JavaScript를 웹 브라우저 뿐만 아니라 다른 곳에서도 사용할 수 있게 해주는 또 다른 자바 스크립트 실행 환경 - server용 프로그램을 제작할 수 있음 (server - 웹 브라우저나 모바일 앱으로 어떤 요청을 보냈을 때 응답을 해주는 컴퓨터) - GUI, 로봇용 프로그램 제작 가능 - JavaSctipt만 배워도 웹 서비스 제작 가능 - Node.js는 프레임워크가 아니고, 자바스크립트라는 언어의 '실행 환경'일 뿐임 (이와 달리 프레임워크의 경우, 일정한 틀이 있기 때문에 개발자는 이 틀에서 개발하..
요소의 추가 기존 요소의 내부에 추가 메소드 설명 .append() 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가한다. .prepend() 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가한다. .appendTo() 선택된 요소를 해당 요소의 마지막에 추가한다. .prependTo() 선택된 요소를 해당 요소의 첫번째에 추가한다. .append() 메소드 $(target).append(source) .prepend() 메소드 $(target).prepend(source) .appendTo() 메소드 $(source).appendTo(target) .prependTo() 메소드 $(source).prependTo(target) 기존 요소의 외부에 추가 메소드 설명 .before() 선택한 요소의 바..
프로퍼티 설정 .attr() .prop() 메소드 설명 .attr() 선택한 요소 집합의 첫 번째 요소의 지정된 속성(attribute)값을 반환하거나, 선택한 요소의 지정된 속성을 전달받은 값으로 설정한다. .prop() 선택한 요소 집합의 첫 번째 요소의 지정된 프로퍼티(property)값을 반환하거나, 선택한 요소의 지정된 프로퍼티를 전달받은 값으로 설정한다. .removeAttr() 선택한 요소에서 지정된 속성(attribute)을 제거한다. .removeProp() 선택한 요소에서 지정된 프로퍼티(property)를 제거한다. *.attr()과 .prop() .attr() - element가 가지는 속성값이나 정보(style, src, rowspan)를 조회하거나 제어 .prop() - elem..
jQuery 공식사이트 http://jquery.com/download Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download jquery.com jQuery(제이쿼리)란? - 오픈 소스 기반의 자바스크립트 라이브러리 jQuery 문법 $(선택자).동작함수(); C..