분류 전체보기 62

[WSL/Linux] 파일 업로드가 안될 때 폴더 권한

1.문제 발생 기존에 개발하던 포폴용 SNS서비스 를 디자인변경을 위해 로컬(wsl)로 내려서 작업을 진행하던중, 기존 서버에서는 잘 작동되던 이미지 업로드기능이 500 error를 뿜으며 정상적으로 작동하지 않았다. 2. 상황 파악 먼저 로컬코드를 서버에 복붙해서 작업했을때 문제가 없음을 확인했다. 서버에서는 문제없이 잘 올라가는데,,, 역으로 서버의 기존코드를 로컬로 내렸을때는 작동하지 않았다. 이를 통해 소스코드에는 문제가 없고 wsl환경문제임을 파악했다. 이후 wsl폴더를 접속해서 파일을 강제로 넣어봤을때에도 권한 문제로 넣을 수 없었다. 3. 문제 해결 https://docs.microsoft.com/ko-kr/windows/wsl/file-permissions WSL에 대한 파일 권한 WSL에..

[iptime] 공유기 외부네트워크에서 원격설정

아이피타임 공유기의 서브넷 대역은 기본적으로 192.168.0.~~ 대역이다. 그리고 공유기 설정에 접속하기 위해서는 같은 서브넷(192.168.0.@)안에 존재해야 하며, 게이트웨이 주소인 192.168.0.1주소로 접속해야 한다. 위 그림과 같은 상황이라면 아무 문제 없다. 다만? [시나리오] 그런데 만약 같은 서브넷 안에 없다면..? 필자의 경우 다음과 같은 네트워크 구성을 가지고 있을 경우 접속pc에서 iptime의 설정을 변경하려면 어떻게 접속해야 할까? 1. 단순하게 192.168.0.1 을 입력해도 될까? 같은 서브넷 대역이 아니므로 접속이 불가능하다! 2. 홈서버에서 대신 접속을 시도한다? A. 차선책이 될수는 있겠지만 개발을 홈서버에서 하는 것이 아니라면 불편할 것 이러한 상황을 해결하기..

[html] 소셜 아이콘 집어넣기

개인 사이트를 제작중, 이런 소셜아이콘을 집어넣을 수 있는 방법을 찾게되어 공유하려 한다 먼저 해당 div의 css코드 먼저 공유하려한다. [css code] .social-icons .social-icon { display: inline-flex; align-items: center; justify-content: center; height: 3.5rem; width: 3.5rem; background-color: #495057; color: #fff; border-radius: 100%; font-size: 1.5rem; margin-right: 1.5rem; } .social-icons .social-icon:last-child { margin-right: 0; } .social-icons .soc..

[Domain 연결] 스쿨 호스팅 사이트 도메인 구매 및 연결 방법

오늘은 스쿨 호스팅 사이트에서 도메인 구매 방법 및 도메인 연결 방법을 정리해 보고자 한다. https://www.phps.kr/ 왜 스쿨 호스팅 사이트 인가? 하면 타 사이트에 비해 싼 가격대를 형성하고 있었고 오래된 사이트라는 말에 선택하였다. 다만 싼 가격때문일까? 타 사이트에서는 해당 사이트에서 A레코드나 CNAME을 수정 가능하게 해뒀는데 스쿨호스팅 사이트에선 바로 수정이 불가능 했다. 이런부분에서 타 사이트와의 가격차이가 나는 것이 아닐까 생각해보면서.. 필자가 해결한 방법과 도메인 구매 과정에 대해서 포스팅 해보려 한다. 포스팅 순서는 [구매 - (포트포워딩) - 연결(A레코드 수정 및 네임서버 수정)] 의 순서를 가질 예정 1. 도메인 구매과정 도메인을 구매하기 위해서는 먼저 사이트에 가입..

[Node.js] 사이트에서 네이버 아이디로 로그인 구현 (passport-naver)

이번 포스팅에서는 Node.js 기반 웹에서 Passport 모듈을 사용해 소셜 아이디 로그인을 구현하는 법을 포스팅 하려 한다. #네아로 서비스 1. 네이버 개발자 센터 등록 먼저, 네이버 아이디로 로그인을 구현하기 위해서는 네이버 개발자 센터에서 API 신청을 먼저 해야 한다. https://developers.naver.com/main/ NAVER Developers 네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음 developers.naver.com 해당 사이트에서 빨간색으로 표시된 네이버 로그인으로 들어가야 한다. 그럼 다음과 같은 사이트가..

Node.js 2021.12.15

[Node.js] 이미지에서 글자 추출하기 (OCR) tesseract

이번 포스팅에서는 node.js에서 OCR(Optical character recognition) 이 가능한 패키지를 소개하고자 한다. 사용해볼 패키지는 tesseract 로 해당 패키지의 두가지 방법을 소개할 것인데, 필자는 후자의 방법을 더 추천한다. (첫번째 방법은 디렉토리의 이미지파일을 잘 읽어 오지 못한다..) 그래도 url을 통한 인식은 좋은 편이니 본인의 프로젝트에 맞게 잘 선택하기 바란다. 1. tesseract에 대한 소개 https://openbase.com/categories/js/best-nodejs-ocr-libraries 10 Best Node.js OCR Libraries in 2021 | Openbase A comparison of the 10 Best Node.js OCR ..

Node.js 2021.12.04

[Git] repository에서만 특정 파일 삭제 (.gitignore 사용)

1. 문제 git을 사용하다보면 개발폴더 내에 있는 파일이지만 공개적인 코드저장소엔 올리고 싶지 않은 파일이 있다. 예를 들자면, /upload 폴더의 내용이라던가 개발상 필요한 API코드가 들어간 파일이라던가.. 혹은 node_modules 과 같은 패키지 설치 폴더라던지.. API키가 노출되면 자동으로 리셋을 시켜버리는 서비스도 있다. 이런 상황을 피하기 위해 우리는 레포지토리 상에서 민감한 내용은 삭제해야 하며, 더 나아가 커밋을 할때마다 해당 내용은 커밋에서 제외할 수 있어야 한다. 필자 역시도 node_module의 폴더가 push되어있어 해당 폴더를 지우려한다. .env 역시도 개인적인 내용이 들어가 있어 커밋에서 제외할 예정. 2. 해결 방안 우리는 .gitignore이라는 파일을 사용해서 ..

[Node.js] 우분투에 Node.js 설치

해당글은 간단히 서술하고자 한다. # 패키지 업데이트를 해줌 sudo apt-get update # 컴파일 및 패키지 설치시 오류가 안나게 하기위한 build-essential 설치 # -y옵션은 별다른 확인 절차 없이 전부 yes한다는 의미 sudo apt-get install -y build-essential # curl설치 서버와 통신할 수 있는 커맨드 명령어 툴이 curl이다. # 바로 뒤에 curl명령어를 사용하여 설치파일을 가져올것임. sudo apt-get install curl # 옵션중 s옵션은 진행중 로그를 출력하지 않는 옵션이며, # L옵션은 사이트에서 리다이렉션 URL이 있을경우 따라간다 # sudo 의 -E옵션의 경우 사용자 환경설정을 저장한다. curl -sL https://de..

Node.js 2021.11.27

[Git] linux git push 중 "Please use a personal access token instead."

Please use a personal access token instead. 이번 포스팅은 git 사용중 push 과정에서 나온 메시지 해결법을 포스팅하려고 한다. 1. 문제 상황 올바르게 유저이름과 패스워드를 치고 push 명령을 날렸으나, 다음과 같은 메시지가 나오면서 인증오류가 생겼다고 한다. 당연하게도 코드는 push되지 않았다. 문제는 패스워드로 인증하는방식은 지난 8월 13일 삭제 되었으며, 대신 personal access를 사용해야 한다. 2. 해결법 1. github 로그인 후 우측 상단의 본인 사진 클릭후 -> settings 클릭 2. 좌측에 있는 패널에서 Developer settings로 접근 3. 좌측의 Personal access tokens 클릭후 우측의 generate 클..

반응형