본문 바로가기

전체 글127

SSH 비밀번호 없이 key로 로그인하기 (putty, vscode, heidi sql, filezilla 적용) 최근 개발중인 서버가 ssh brute-force 공격에 너무 노출된 거 같아 이 문제를 해결하고자 한다. 이전에는 fail2ban으로 시도 횟수를 제한했지만, 이번에는 비밀번호를 입력하는 것이 아니라 키인증 방식으로 바꾸려고 한다. SSH KEY 만들기 ssh-keygen ssh-keygen 명령을 실행하여 키쌍을 만들 수 있다. 단 passphrase를 넣어줄수 있다고 하는데, 쭉 엔터를 쳐서 지나갔다 정상적으로 키 생성이 완료되면 ~/에 .ssh라는 폴더가 생기게 된다. 아래 명령을 통해 확인할 수 있다. ls -al | grep .ssh 폴더가 생긴 것이 확인되었으면 .ssh폴더로 이동하여 생성된 파일을 확인해보자. cd .ssh ls id_rsa와 id_rsa.pub라는 키 파일이 두 개 생성된.. 2021. 9. 6.
adobe xd 퍼블리싱 (css) adobe xd 퍼블리싱하기 (CSS) 기존에 피그마에서 작업을 할 때는 바로바로 CSS 값을 볼 수 있어 편했지만 이번엔 adobe xd를 이용하게 되었다. 그래서 adobe xd에서 css 값을 확인하는 방법을 정리해 보려고 한다. 1. 공유 탭으로 이동 이렇게 프로젝트를 열고 공유 탭으로 이동한다. 2. 보기설정과 링크 액세스 확인하기 보기 설정을 개발로 설정하고, 링크를 통해 접속할 수 있도록 한다. 이후 생성된 링크로 이동한다. 3. 링크로 이동한 뒤 오른쪽에 탭을 누르면 CSS 정보를 확인할 수 있다. 4. 원하는 object를 클릭 후 다른 요소 위에 올리면 상대거리가 나타나게 된다. 끝! 2021. 8. 20.
notion mismatch between origin and baseUrl(dev) 해결하기 Mismatch between origin and baseUrl(dev) 도메인을 노션으로 연결하기 위해 Fruition과 CloudFlare를 이용해 설정을 해두었는데, 갑자기 위와 같은 에러가 발생하였다. t0dd의 도움으로 해결하게 되었는데, 많은 분들이 어려움을 겪고 있어 간단하게 정리해보려고 한다. (이미 연동을 성공하신 분들을 위한 설명이기 때문에, 도메인에 노션을 연결하실 분들은 다른 포스팅을 참고해주시면 됩니다!) 일단!! 아래 링크를 통해 CloudFlare에 넣을 스크립트를 생성할 수 있다. https://fruitionsite.com/ Fruition - Build Your Next Website With Notion, For Free Perfect for your portfolio,.. 2021. 8. 19.
Cloudflare ssl 적용기(hsts, http to http) HTTP가 자동으로 HTTPS로 넘어가는 걸 막아보자 이번에 만들게 된 챌린지 플랫폼이 http로 서비스되고 있다. 하지만 브라우저에서 접속을 할 경우 https로 자동으로 연결되어 "ERR_SSL_PROTOCOL_ERROR"를 자꾸 띄우게 되었다 HSTS 우회 그래서 Cloudflare를 이용해 http요청을 https로 자동으로 바꾸는 HSTS를 우회하기로 했다. 우선 Cloudflare에 기존의 DNS 설정을 넘겨주기 위해선, 기존 DNS 설정의 NS를 바꿔줘야한다. 이렇게 Cloudflare에 적혀있는 네임서버로 기존의 DNS서비스에서 등록을 해주면 되는데, 나중에 포스팅하려고 한다. 암튼... 이렇게 Cloudflare로 이전이 완료되었다는 가정하에 진행을 하자면, 우선 HSTS에 대해 알아보자.. 2021. 8. 12.
Cannot read property 'initialize' of undefined (html-webpack-plugin) Cannot read property 'initialize' of undefined 에러 처리하기 html-webpack-plugin을 사용하던 중 다음과 같은 에러가 발생했다. package.json을 살펴보면 html-webpack-plugin이 5.3.2버전을 사용중인 것을 알 수 있다. 찾아보니 2.대 버전을 사용하면 괜찮다고 하여 설치를 해보았다. npm uninstall html-webpack-plugin npm i html-webpack-plugin@2.30.1 dependencies에 2.대 버전이 잘 설치된 것을 확인하고 다시 실행해보니 잘된다!! 끝! 2021. 8. 1.
centos8 http&https open port firewalld 기존에 centos7 방화벽 관련 설정을 이곳에 포스팅해두었다. centos 방화벽 설정 port 80 오픈 80번 포트를 이용하여 웹서비스를 하기 위해서는 80번 포트를 열어줘야 합니다. 80번 포트를 열어주는 방법은 # 80번 포트를 여는 방법 fiewall-cmd --zone=public --permanent --add-port=80/tcp # 방화벽 적용 f.. zel0rd.tistory.com 현재 사용중인 서버는 centos8 이기 때문에 바뀐 방화벽 설정 명령을 정리해보려고 한다. Step1.Check the status of your firewall. # firewall-cmd --state running Step2. Retrieve your currently active zones. Ta.. 2021. 7. 28.
노션 학생용 프로모션 Personal PRO 이용방법 1. 노션 요금제 노션은 왼쪽그림과 같이 총 4개의 요금제를 제공합니다. 4개의 요금제는 크게 개인용과 팀/회사용으로 구분되는데, 팀 요금제는 인원수당 8달러과 과금되기 때문에 조금은 부담스러울 수 있는 금액입니다. 기본적으로 개인요금제만 사용하더라도 1000블록(노션의 문서단위) 제한이 사라졌기 때문에 무제한으로 이용이 가능합니다. 오늘은 무제한 파일업로드 및 무제한 게스트, 버전기록이 가능한 개인 프로 요금제 사용법에 대해 알아보겠습니다. (무제한 게스트는 나의 workspace를 같이 수정할 수 있는 권한을 부여한 멤버를 뜻합니다) 2. 환경설정으로 이동하여 교육 요금제 신청하기 왼쪽 상단의 Settings & Members라는 탭에 들어가시면 여러가지 환경설정을 할 수 있는 창이 띄게 됩니다. 그.. 2021. 7. 21.
chrome 개인정보 보호 오류 해결하기 mac에서 크롬을 사용하다보면 이렇게 신뢰되지 않은 인증서로 인한 경고 페이지를 보게된다. 윈도우에서는 고급을 눌러 "안전하지 않음"으로 접속할 수 있지만, mac의 카탈리나OS이후의 버전에서는 "안전하지 않음"이라는 링크 자체가 생기지 않는다. 신뢰되지 않은 인증서이지만 꼭 접속해야하는 페이지라면, 크롬 설정을 이것저것 바꿔가면서라도 접속 시도를 해보았을 것이다. 하지만 결과는 언제나 실패였다. 그래서 귀찮지만 인증서를 등록해줘야하나 고민을 하던 중, 검색을 통해 다음과 같은 내용을 알게 되었다. 해결 방법은 바로, 접속할 수 없다는 화면을 클릭하고 "thisisunsafe" 라고 키보드 입력을 하면 2,3초 뒤에 자동으로 넘어가게 된다!! (나는 성격이 급해서... 바로 안넘어가면 왜 이래!! 이러고.. 2021. 7. 14.
jupyter notebook 패스워드 확인! 아나콘다 패키지에는 jupyter lab과 jupyter notebook이 있습니다. 보통 사용할 때 powershell이나 cmd에서 jupyter notebook을 직접 쳐서 실행하면 다음과 같이 나옵니다. 별도로 password설정을 하지 않았다면, 접속할 수 있는 url에 token이 담겨있습니다. 하지만 이 토큰이 없다면 아래와 같이 비밀번호를 입력하라는 창이 나옵니다. 그렇다면 anaconda navigator를 썼을 땐 어떻게 해야할까요?? ananconda navigator를 실행하고 원하는 프로그램에 launch버튼을 누르면 바로 실행이 됩니다. 이 때, 브라우자가 자동실행되면서 접속이 되면 다행인데, 가끔 자동으로 브라우저가 실행되지 않을 때가 있습니다. 그러면 cmd로 실행한 것이 아.. 2021. 6. 27.
css 반응형 웹 만들기 css파일에 미디어쿼리 적용하기 @media only screen and (min-width:100px) { } 컴퓨터 화면에 적용 : screen 속성 설정 : (min-width or max-width) /* test.css */ html, body, div{ width: 100%; height: 100%; } @media screen and (max-width:500px){ body { display: flex; flex-direction: row; } #test1 { background-color: antiquewhite; } #test2 { background-color: red; } #test3 { background-color: blueviolet; } } @media screen and (.. 2021. 6. 6.
node_env 설정 windows package.json scripts에 "start-dev-local" : "NODE_ENV=development nodemon ./bin/www" 이렇게 해서 사용했는데, 윈도우에선 'NODE_ENV'를 실행할 수 없다고 나왔다. 그래서 확인해보니 set NODE_ENV=development 이런식으로 써야한다는데, 아무리 해봐도 안되서 속이 터졌따.. "start-dev-local-win": "set NODE_ENV=development && nodemon ./bin/www" 알고보니 위와 같이 쓰면 안되고, "start-dev-local-win": "set NODE_ENV=development&&nodemon ./bin/www" 이렇게 && 사이에 공백이 없이 사용해야 한다고 한다!! 2021. 5. 27.
express post body-parser Router 사용하기 express에서 post로 받아온 정보를 출력하는데 자꾸 undefined가 뜨거나 { }가 뜨는 경우가 계속 발생해서 고생을 했었다. 그래서 정리를 해보려고 한다. 일단 기본적으로 get, post부터 테스트를 해보자 const express = require('express') const app = express() app.listen(3000, function() { console.log("start"); }) 우선 이렇게 하면 http://localhost:3000으로 접근이 가능하게 되고, / 에 get과 post 메서드를 각각 정의해준다. const express = require('express') const app = express() app.get('/', (req,res) => { r.. 2021. 5. 26.
리눅스 터미널 프롬프트에서 git branch 표시하기 https://siyoon210.tistory.com/7 리눅스 터미널에서 git 브랜치이름 항상 표시하게 하기 초보개발자가 할 수있는 가장 끔찍한 실수 중에 하나는 협업 중인 브랜치(branch)를 더럽히는 일이다. 터미널 환경에서 git을 사용하고 있다면, 현재 내가 어떤 브랜치를 사용하고 있는지 표시 siyoon210.tistory.com vi ~/.bashrc parse_git_branch() { git branch 2> /dev/null | sed -e '/^[^*]/d' -e 's/* \(.*\)/ (\1)/' } export PS1="\u@\h \[\033[32m\]\w\[\033[33m\]\$(parse_git_branch)\[\033[00m\] $ " 추가 터미널 재실행 2021. 5. 20.
cannot find module react-script.js create-react-app을 통해 프로젝트를 시작할 때, 이러한 에러가 발생했다. npm install도 다시해보고 package.json을 확인해보았을 때도, 이유를 찾을 수 없었다. 그래서 검색을 해보니 다음과 같은 글이 있었다. https://stackoverflow.com/questions/60912342/error-cannot-find-module-react-scripts-bin-react-scripts-js Error: Cannot find module '\react-scripts\bin\react-scripts.js' I have just started learning React and created a first app by using below commands npm install -.. 2021. 5. 16.
Safari server error in '/' application 검색 에러 (웨일 퀵서치) 사파리에서 검색을 할 때, Server Error in '/' Application 이라는 에러에 대한 해결 방법에 대해 소개하고자 한다. 해당 에러가 발생하는 상황은 Spotlight를 이용해서 검색하는 경우에 발생했는데, search.x6b4l.com 이란 링크로 이상하게 리다이렉트가 되었다...;; 그래서 apple에서 알려주는대로 safari의 확장프로그램을 모두 제거하고, 검색엔진 설정을 바꿔보았지만, 작동하지 않았다. 결국 해결한 방법은 safari -> 환경설정 -> 고급 -> 기본 인코딩을 변경해주었다. 기존에 한국어(windows, dos)에서 유티코드(UTF-8)로 변경하니 해당 에러가 더 이상 나오지 않고 정상적으로 검색이 되었다. 추가적으로 검색 탭에서 검색 엔진 설정을 바꿀 수 있.. 2021. 5. 9.