반응형

개발 창고 420

[React] Router - 페이지 이동 시 스크롤 위치 조정

React를 이용하여 페이지 제작 시에 페이지 이동을 Router를 사용하게 되는데, 이때 기본적으로는 스크롤 위치가 이동하지 않습니다. 흔히 웹페이지를 이용해본 사람이라면, 페이지 이동이나 화면 전환이 된 경우 페이지를 맨 위에부터 보기를 원하는데, Router는 스크롤이 해당 위치에 머물게 됩니다. 이를 해결하기 위해서는, 페이지 이동을 인식한 경우, Scroll의 위치를 조정해주면 되는데, 이에 대한 자세한 내용은 아래의 사이트에 잘 정의되어있습니다. https://v5.reactrouter.com/web/guides/scroll-restoration Declarative routing for React apps at any scale | React Router Version 6 of React R..

개발 창고/Web 2022.06.23

[Ubuntu] tar - 특정 폴더부터 압축 해제

가끔 tar 압축 파일을 해제할 때, 최상위 폴더가 아닌 그 아래 또는 아래의 아래부터 압축해제를 하고 싶은 경우가 있습니다. 만약 위와 같은 경로에서 WebContent가 아닌 WebContent 안의 폴더/파일들만 원하는 위치에 압축해제하고 싶다면, --strip-components={depth} 명령어를 활용해주면 됩니다. 사용 예 ex) /data/mypage/Preview.tar를 /data/mypage/web 폴더에 압축해제하는 경우 $> tar -xvf /data/mypage/Preview.tar -C /data/mypage/web --strip-components=1 위와 같이 사용하는 경우 web폴더에 WebContent폴더가 아닌 WebContent 내의 폴더/파일 목록이 압축 해제되어..

[Ubuntu] 숨김 파일 관리

숨김 파일 조회 숨김파일 삭제 숨김 파일 조회 # dot(.) 파일들은 Linux에서 숨김 파일로 기본 사용법인 ls만 사용한 경우에는 표시되지 않습니다. # -l 옵션은 목록 형태로 보여주는 옵션 $> ls -l # 이를 표시하기 위해서는 -a 옵션이 필요합니다. $> ls -al 위와 같이 -a 옵션을 넣으면 기존에 표현되지 않던 숨김 파일들이 보이게 됩니다. 만약 숨김파일들만 보고 싶으면 egrep를 활용할 수 있습니다. 위와 같이 숨김파일(dot file)만 표시됩니다. 숨김파일 삭제 만약 숨김 파일들만 삭제하고 싶다면, (※ 기본 폴더에서 테스트하는 경우 설정 파일들을 삭제하므로 주의 바랍니다.) 아래와 같이 지정 폴더의 dot파일 전체로 지정해주면 삭제하게 됩니다. $> rm -rfv {지정폴..

[Ubuntu] 쉘 스크립트 변수 선언

기본 변수 선언 #! /bin/bash a="hello" # 변수 a b="world" # 변수 b echo "${a}, ${b}" $> sh test.sh 전역 변수 선언 #! /bin/bash #! test.sh export a="hello" export b="world" sh test02.sh #! /bin/bash #! test02.sh echo "${a}, ${b}" $> sh test.sh 매개 변수 선언 #! /bin/bash #! test.sh echo "쉘 스크립 명령어: ${0}" echo "첫 번째 변수 : ${1}" echo "두 번째 변수 : ${2}" echo "매개 변수 개수 : ${#}" echo "전체 매개 변수 : ${*}"

[Database] My Batis 설치

이전 mssql connection 내용을 먼저 참조하시는게 좋습니다. 2022.05.03 - [분류 전체보기] - [NodeJS] MSSQL DB Pool 설정 [NodeJS] MSSQL DB Pool 설정 0. mssql 모듈 설치 $> npm i mssql 1. db config 파일 생성 : 서버와 개발환경 분리를 위하여, config파일은 분리하여 관리하는 것이 좋습니다. // dbconfig.js module.exports = { port:{DB서버 포트} , user:.. royzero.tistory.com 0. 모듈 설치 $> npm i --save mybatis-mapper 1. xml 생성 : TestSQL.xml 파일 생성 SELECT COL1 , COL2 FROM TEMP WHERE..

[Database] MSSQL DB Pool 설정

이 버전에서는 TOC를 지원하지 않습니다. (ex. 모바일) 0. mssql 모듈 설치 $ npm i mssql 1. db config 파일 생성 : 서버와 개발환경 분리를 위하여, config파일은 분리하여 관리하는 것이 좋습니다. // dbconfig.js module.exports = { port:{DB서버 포트} , user:'{계정아이디}' , password:'{계정비밀번호}' , server:'{DB서버 아이피}' , database:'{데이터베이스 명}' , options: { encrypt: true, // Use this if you're on Windows Azure } , pool: { max: 5, min: 1, idleTimeoutMillis: 30000, } , trustSer..

[FileSystem] 폴더 내 목록 불러오기

node에서 로컬의 파일을 다루기 위해서는 내장 모듈인 fs (File System) 모듈이 필요합니다. 15.x 버전 기준의 함수 목록은 아래의 링크에서 확인 가능합니다 https://nodejs.org/docs/latest-v15.x/api/fs.html#fs_file_system 만약 아래와 같이 fs_test 폴더 내에 files 폴더가 있는 구조이고, 이 files 폴더 내 파일들의 목록을 출력한다면 아래와 같이 fs_test 폴더 내에 main.js를 작성하여 const fs = require('fs');// fs 모듈 선언 const folder = './files';// 폴더 경로 값 지정 fs.readdir(folder, function(error, filelist){ console.lo..

[MSSQL] 특정 문자열의 개수 추출

Query를 작성하다 보면 해당 칼럼에서 특정 문자열의 개수를 추출하는 경우가 발생합니다. 이는 그 문자열의 개수가 중요하다기보다, 해당 문자열의 개수를 가지고 해당 칼럼에 등록된 항목의 수가 몇 개인지 확인할 때 주로 사용됩니다. LEN(원문) : 원문의 글자 수 반환 REPLCAE(원문, 대상문자, 변경 문자) : 원문에서 대상 문자를 찾아 변경 문자로 바꿔줌 SELECT V.TEXT원문 , LEN(V.TEXT)"문자열 개수" , LEN(V.TEXT) - LEN(REPLACE(V.TEXT, '/', ''))"슬래시(/) 문자열 개수" , LEN(V.TEXT) - LEN(REPLACE(V.TEXT, '/', '')) + 1"항목 수" FROM ( SELECT '바나나/사과/배/딸기' AS TEXT UN..

반응형