분류 전체보기 (216) 썸네일형 리스트형 2020년 1월 3일 스터디 기록 Ajax - express로 GET 요청 서버 만들기 : https://miyakita.tistory.com/144 Ajax - express로 GET 요청 서버 만들기 미들웨어 이전에 사용한 app.use() 메서드에 입력하는 콜백 함수는 request 이벤트 리스너이다. request 이벤트 리스너는 다음과 같은 형태로 사용자가 서버에 접속하면 자동으로 실행된다. app.use(function (request, response, next) { }); app.use() 메서드는 여러 번 사용할 수 있다. 이때 매개변수 next는 다음 콜백 함수를 의미한다. const express = require('express') const app = express(); app.use(function (request, response, next) { consele.log('First'); next(); }); app.use(function (request, response, nex.. 2020년 1월 2일 스터디 기록 Ajax 개요 및 Node.js 기본 : https://miyakita.tistory.com/142 Ajax - Ajax 개요 및 Node.js 기본 Ajax는 자바스크립트처럼 특정한 프로그래밍 언어를 말하는 것이 아니다, 또한 jQuery와 같은 특정한 프레임워크를 지칭하는 것도 아니다. Ajax는 구현하는 방식을 말한다. 예를 들어 포털 사이트에 로그인을할.. miyakita.tistory.com Ajax - Ajax 개요 및 Node.js 기본 Ajax는 자바스크립트처럼 특정한 프로그래밍 언어를 말하는 것이 아니다, 또한 jQuery와 같은 특정한 프레임워크를 지칭하는 것도 아니다. Ajax는 구현하는 방식을 말한다. 예를 들어 포털 사이트에 로그인을할 때 아이디와 비밀번호를 입력을 하고 로그인 버튼을 누르면 데이터가 서버로 전송이 된다. 서버에서는 아이디와 비밀번호가 일치하는지 확인하고 일치한다면 로그인이 된 페이지를 출력하고 일치하지 않는다면 재입력을 요구하는 페이지를 출력한다. 모바일에서는 페이지가 전환되는 1~2초동안 페이지가 정지가 된다. Ajax를 사용하면 페이지를 전환하지 않고 서버에서 데이터를 받아와 사용자에게 보여줄 수 있다. SNS(트위터, 페이스북 등)에서도 사용을 한다. 개발자 입장에서는 Ajax를 사용하는 것은 귀찮은 일.. 2019년 12월 31일 스터디 기록 jQuery - 캔버스 애니메이션을 위한 틀 : https://miyakita.tistory.com/139 jQuery - 캔버스 애니메이션을 위한 틀 과거에는 대부분 플래시로 이미지 슬라이더를 구현했지만, 지금은 자바스크립트 만으로 구현이 가능하다. 자바스크립트로 플래시 또는 실버라이트의 시각적 효과를 구현 하려면 다음 네 가지 사항을 CSS로 미리.. miyakita.tistory.com jQuery - 이미지 슬라이더 : https://miyakita.tistory.com/140 jQuery - 이미지 슬라이더 jQuery - 이미지 슬라이더 DOCTYPE html> Document *{ margin: 0px; padding: 0px; } /* Animation Canvas */ .animation-canvas { position: relative; overflow: hidden; width: 600px; height: 400px; } /* Slider Panel */ .slider-panel { width: 3000px; position: relative; } .slider-image { float: left; width: 600px; height: 400px; } /* Slider Text Panel */ .slider-text-panel { position: absolute; top: 200; left: 50px; } .slider-te.. jQuery - 캔버스 애니메이션을 위한 틀 과거에는 대부분 플래시로 이미지 슬라이더를 구현했지만, 지금은 자바스크립트 만으로 구현이 가능하다. 자바스크립트로 플래시 또는 실버라이트의 시각적 효과를 구현 하려면 다음 네 가지 사항을 CSS로 미리 지정해야 한다. 1. 캔버스의 width 스타일 속성과 height 스타일 속성은 필수로 지정한다. 2. 캔버스의 position 스타일 속성은 relative로 지정한다. 3. 캔버스의 overflow 스타일 속성은 hidden으로 지정한다. 4. 구성 요소의 position 스타일 속성은 absolute로 지정한다. DOCTYPE html> Document * { margin: 0px; padding: 0px; } #canvas { background-color: gray; width: 600px; h.. 2019년 12월 30일 스터디 기록 jQuery - 효과 : https://miyakita.tistory.com/137 jQuery - 효과 jQuery 라이브러리를 이용한 움직임 효과에 관한 내용들이다. 메서드 이름 설명 show() 문서 객체를 크게 확대하며 보여준다. hide() 문서 객체를 작게 축소하며 사라지게 한다. toggle() show() 메서드와 hide().. miyakita.tistory.com 이전 1 ··· 8 9 10 11 12 13 14 ··· 27 다음
