Web Dev (109) 썸네일형 리스트형 <img> 태그 확대 CSS https://homzzang.com/b/html-55 홈짱닷컴 홈페이지 제작, 그누보드 강의, 웹코딩, HTML, CSS, JAVASCRIPT, JQUERY, PHP, SQL homzzang.com css .img3 img { display: block; width: 100%; height: auto; transition: transform 0.25s ease-in-out; } .img3 img:hover { transform: scale(1.2); } html [node.js] express route 사용 방법 ! app.get("/tech", (req, res) => { res.sendFile(__dirname + "/public/html/02_tech.html"); }); app.get("/perform", (req, res) => { res.sendFile(__dirname + "/public/html/03_perform.html"); }); app.get("/field", (req, res) => { res.sendFile(__dirname + "/public/html/04_field.html"); }); app.get("/contact", (req, res) => { res.sendFile(__dirname + "/public/html/05_contact.html"); }); 이렇게 줄줄이 적힌 app.g.. [Docker] : dockerfile 작성-> image 생성 -> Container 생성 및 운영 그리고 DockerHub에 push 마무리 @@@ const express = require('express'); const app = express(); app.get('/',(req,res)=> { res.send("👻 CentumJoonho in Docker !!👻"); }); app.listen(8088,() =>console.log("server is running😈")); -> express 통해서 간단하게 서버를 운영해보았다. docker 사용법 Dockerfile 생성 -> 물론 그전에 Visual Studio Code -> extension -> Docker 설치해야함 FROM node:16-alpine # 사용할 베이스 이미지 WORKDIR /app # 이미지 안에서 어디 경로로 어플리케이션을 복사해 올 것인지 # 레이어 시스템 : 순.. java spring gradle server error https://mchch.tistory.com/164 Driver org.mariadb.jdbc.Driver claims to not accept jdbcUrl 오류 Driver org.mariadb.jdbc.Driver claims to not accept jdbcUrl 에러 자꾸 뜸 근데 뒤에 url 이름이 내가 설정한 maria db url이 아님 내가 사용하는 profile : real application-real-db-properties에 database.. mchch.tistory.com https://dev-yujji.tistory.com/49 Access to DialectResolutionInfo cannot be null when 'hibernate.dialect' not set Sp.. REACT.JS 웹앱만들기.no1 react.js 환경 설정 -> 물론 node.js 환경이 다 설치 되어 있어야 함 ! npm install -g create-reat-app create-react-app . npm start 이렇게 바로 실행 된다. -> react의 매우 좋은 기능을 보여준다. 동일한 코드가 엄청 많게 되면 이를 정리 정돈해야지 개발자가 쉽게 볼 수 있다. react 는 태그를 만들 수 있다 -> 이름표를 붙이는 것 subject라는 태그를 만들 수 있다. 이렇게 동일한 코드를 를 통해 아주 쉽게 반복적으로 사용 가능하다. 모든 내용들을 다 테그로 만들어서 나열 가능 !! 테그에 속성을 넣을 수 있다. !! 영어 그대로 key 값이 필요하단다 이렇게 작성하면 된다. 고유한 값을 주게 되면 react 가 가져다 쓴다 .. Node.js -web : sanitize-html C:\>npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults. See `npm help init` for definitive documentation on these fields and exactly what they do. Use `npm install ` afterwards to install a package and save it as a dependency in the package.json file. Press ^C at any time to quit. package name: (nod.. Node.js-App 제작-입력정보에 대한 보안 (path .parse(path)) ../password.js -> 이와 같은 끔찍한 일이 일어난다. 적용!! Node.js 데이터와 처리 방법을 담는 그릇으로서 객체 자바스크립트는 다른 객체 언어와는 양상이 다르다. var v1 = 'v1'; //1000 codes v1 = 'egoing'; var v2 ='v2'; var p = { v1 : 'v1', v2 : 'v2', f1 : function (){ console.log(this.v1); }, f2 : function (){ console.log(this.v2); } } p.f1(); p.f2(); 함수는 값이다. 변수 안에 넣을 수 있다. 함수를 객체화 한 코드이다. //Node.js import -> 크롬의v8엔진을 외부에서도 사용할 수 있게 runtime 프로그램 var http = require('http'); var fs = require('fs'); var url = require('url'); // .. 이전 1 ··· 9 10 11 12 13 14 다음
