본문 바로가기

전체 글

 (40)
javscript 정규표현식(Regular Expression) 정규표현식(Regular Expression)은 문자열에서 특정 내용을 찾거나 대체 또는 발췌하는데 사용한다. 플래그 Flag Meaning Description i Ignore Case 대소문자를 구별하지 않고 검색한다. g Global 문자열 내의 모든 패턴을 검색한다. m Multi Line 문자열의 행이 바뀌더라도 검색을 계속한다. reg Description ^ 문자열의 시작 $ 문자열의 종료 * 앞에 문자가 없거나 0개이상인 경우 + 앞의 문자가 1개 이상인 경우 ? 앞의 문자가 없거나 1개 있는 경우 . 임의의 한 문자 자리수를 표현하며, 개행문자를 제외한 모든 단일 문자와 대응 | or 앞 또는 뒤 문자가 존재 [xy] x와 y중 하나 {n,m} 앞에 문자길이 최소n개 최대 m개 () 그룹..
react js 설치 및 세팅 npm i create-react-app //create-react-app 설치 create-react-app 폴더명 //프로젝트 폴더 생성 cd 폴더명 //생성한 폴더로 이동 npm install // 필요한 라이브러리 설치 npm start //실행 *npm 설치되어있어야 합니다. 폴더구조 node_modules public/ favicon.ico index.html src/ App.css App.js App.test.js index.css index.js logo.svg package.json 기본적으로 create-react-app 으로 생성하면 포함되어있는 모듈이 있습니다. Webpack Babel Autoprefixer ESLint Jest 등... 빠르게 react 프로젝트를 시작하기에 좋습..
무선마우스 로지텍 G304 리뷰 이번에 가성비 좋다는 무선마우스 G304 구매 사용 후기입니다. G304 스펙 구성품 AA 건전지, 로지텍G304, 설명서, USB케이블 앞 뒤 모습 확실히 게임용마우스라서 그런지 딜레이가 거의 없는 정도입니다. 하지만 마우스 클릭 시 딸깍 거리는 소음이 생각보다 큰편이라 이 부분만 빼고는 만족합니다! 배터리는 평균 2~3개월은 간다하니 오래 사용 하시는 분들은 충전형건전지도 함께 구매하시길 바래요!
javascript 360 파노라마 (pannellum) 360 파노라마 사이트 지원하는 기본 폼 실행화면 API type(string) - equirectangular - cubemap - multires 저는 equirectangular 이미지 구해서 테스트 진행 타이틀, 자동회전 및 시간설정, 줌 설정, 좌표, 마커 커스텀 및 이벤트도 API에서 지원된다. 여러가지 파노라마 모듈중 이걸 쓴 이유가 JSON 형식으로 간단하게 데이터를 넣을 수 있어서 채택! 더 많은 정보는 아래사이트에서 확인하시면 됩니다. pannellum.org/documentation/examples/simple-example/
node js panolens.js 360이미지 panolens pchen66.github.io/Panolens/#Home Panolens.js pchen66.github.io github.com/pchen66/panolens.js pchen66/panolens.js Javascript panorama viewer based on Three.js. Contribute to pchen66/panolens.js development by creating an account on GitHub. github.com threejs.org/ Three.js – JavaScript 3D library threejs.org 360 이미지 or 큐브 맵을 웹에 띄어주는 모듈 기본적으로 필요한 스크립트 2가지 1. panolens.min.js 2. three.min.j..
node js 네이버 계정으로 로그인 (passport-naver) 소셜로그인으로 연동시키는법입니다. passport-naver npm install passport --save npm install passport-naver --save app.js var naver_info = require('./config/naver_info').naver; var passport = require('passport'); var NaverStrategy = require('passport-naver').Strategy; passport.serializeUser(function(user, done) { done(null, user); }); passport.deserializeUser(function(obj, done) { req.session.sid = user.name; cons..
node js mysql 연동 암호화 로그인 -mysql npm install mysql --save npm install crypto --save db_info.js module.exports = { local : { host: "localhost", port: 3306, user: "root", password: "비밀번호", database: "my_db", connectionLimit: 5000, waitForConnection: true, multipleStatements: true, }, joo : { host: "호스트", port: 3306, user: "아이디", password: "비밀번호", database: "my_db", connectionLimit: 5000, waitForConnection: true, multipleSt..
Http 에러 코드표 모든 HTTP 응답 코드는 5개의 클래스(분류)로 구분된다. 상태 코드의 첫 번째 숫자는 응답의 클래스를 정의한다. 마지막 두 자리는 클래스나 분류 역할을 하지 않는다. 첫자리에 대한 5가지 값들은 다음과 같다: 1xx (정보): 요청을 받았으며 프로세스를 계속한다 2xx (성공): 요청을 성공적으로 받았으며 인식했고 수용하였다 3xx (리다이렉션): 요청 완료를 위해 추가 작업 조치가 필요하다 4xx (클라이언트 오류): 요청의 문법이 잘못되었거나 요청을 처리할 수 없다 5xx (서버 오류): 서버가 명백히 유효한 요청에 대해 충족을 실패했다 1xx (조건부 응답) 요청을 받았으며 작업을 계속한다. 이 상태의 상태 코드는 상태-라인과 선택적 헤더(컴퓨터에서 출력될 때 각 페이지 맨 윗부분에 자동으로 붙..

티스토리툴바