728x90 웹개발7 탭 클릭 시 아래 내용 변경 See the Pen 탭 클릭 시 아래 내용 변경 by SEIN (@JHEcho) on CodePen. 2021. 5. 14. FullPage / AOS.js https://alvarotrigo.com/fullPage/ fullPage scroll snapping. Create full screen pages fast and simple Mouse wheel snap to sections. Fast and simple to use. alvarotrigo.com jquery-adapter.html 사용 script html jQuery adaptor You can use fullpage.js as a jQuery plugin! Read the docs for more info! Section 2.1 Section 2.2 Section 2.3 Section 3 Section 4 추가 script https://michalsnik.github.io/aos/ AOS .. 2021. 5. 14. [Node] Express - Hellow 구동 expressjs.com Express - Node.js web application framework Fast, unopinionated, minimalist web framework for Node.js $ npm install express --save expressjs.com 설치 npm install express --save main.js 모든 소스 주석처리 후 const express = require('express') const app = express() const port = 3000 app.get('/', (req, res) => { res.send('Hello World!') }) app.listen(port, () => { console.log(`Example app listen.. 2021. 5. 10. [Node] 입출력 보안 Security path nodejs path parse node > var path = require('path'); undefined > path.parse('../password.js'); {root: '', dir: '..', base: 'password.js', ext: '.js', name: ''password' } > path.parse('../password.js').base; 'password.js' 사용자로부터 모든 경로가 들어오는 곳을 변경해 줍니다. var path = require('path'); var filteredId = path.parse(queryDate.id).base; fs.readFile(`data/${filteredId}`, 'utf8', function(err, .. 2021. 5. 2. [Node] App 모듈 형식 1. Module muse.js var M = { v:'v', f:function(){ console.log(this.v); } } M.f(); 객체들이 1천 1만 일경우 소스가 많아지면 엄청 보기 힘들어 질 것이다. 모듈을 이용하면 파일로 쪼개서 정리 할 수 있다. 2. 모듈 분류하기 mpart.js var M = { v:'v', f:function(){ console.log(this.v); } } module.exports = M; 파일을 생성하여 M 객체를 복사해 주자 mmodule.exports = M; 작성해주자 3. 모듈 가져오기 require // var M = { // v:'v', // f:function(){ // console.log(this.v); // } //} var part = .. 2021. 5. 2. [Node] JavaScript 객체 Object vs Array var members = ['sein', 'main88', 'happy']; //Arryay console.log(members[1]); // main88 출력 var roles = { //Object 객체 'programmer':'sein', 'designer':'main88', 'manager':'happy' } console.log(roles.designer); //main88 출력 members Arryay이고 roles는 Object 객체 소스 이다 Arryay 활용한 반복문(while) var members = ['sein', 'main88', 'happy']; //Arryay console.log(members[1]); // main88 출력 var i = 0; .. 2021. 5. 2. 이전 1 2 다음 728x90
