ENG
더 나은 웹개발을 꿈꾸는 기술 블로그. 웹이즈프리.
LATEST POSTs
최근 등록된 포스팅 목록 최신순
인기순
- [검색엔진최적화] a 태그의 rel="nofollow" 태그 사용 알아보기 HTML 코드의 a 태그에서 다음과 같이 rel="nofollow"가 사용된 것을 볼 수 있습니다.<a href="https://webisfree.com" rel="nofollow">my Link</
View Count : 325 Created : 2023-05-12 - ChatGPT와 마이크로 말하고 스피커로 듣는 방법 알아보기 처음 ChatGPT를 사용했을 때 텍스트 기반의 대화만 가능한 점이 아쉬웠습니다. 물론 이 후 업데이트에서 실제 마이크를 사용해 대화할 날이 오겠지만 하루라도 빨리 가능해지길 기다렸죠."크롬 브라우저 확장앱 사용하여
- @font-face로 aws s3 폰트 불러올 때 cors 에러 해결 방법 특정 웹폰트를 s3의 스태틱 저장소에 올려두고 @font-face를 사용하여 불러올 수 있습니다. 아래처럼 말이죠.@font-face { font-family: 'myFont'; uView Count : 1,112 Created : 2023-02-24
- 시스템 리부팅시 pm2 스크립트 자동 실행 방법 예기치 못한 상황으로 웹호스팅 서비스가 리부팅되었음을 알리는 메일이 왔다고 생각해봅니다. 서버를 재시작하기 위해서 pm2 스크립트 재시작이 필요한데 하필 외부에 오래 머물러야 한다면? 이 경우 어떻게 서비스를 재가동
- wsl local dev 환경에서 port 1000 이하 사용 불가 해결하기 최근 윈도우 하위 리눅스인 WSL 2에서 로컬 앱의 포트를 80으로 설정하려고 했더니 에러가 발생했습니다. 확인해보니 WSL은 기본적으로 1000 포트 보다 낮은 포트의 사용이 기본적으로 막혀있습니다. 아무래도 보안
- yarnl.lock package-lock.json 파일 서로 변환하는 방법 노드 패키지 npm 또는 yarn을 사용할 때 package-lock.json 또는 yarn.lock 파일이 자동으로 생성됩니다. 그런데 만약 yarn.lock을 package-json.lock으로... 아니면 반대View Count : 995 Created : 2023-01-24
- [IDE] intellij 터미널에서 vi, vim 편집시 esc키 사용하는 방법 웹개발 에디터 intellij(또는 webstorm)을 사용할 때 terminal의 vi 또는 vim을 사용하여 파일 편집 기능을 사용하는 경우가 있을 수 있습니다. 이 경우 편집을 위해서 insert 모드에서 변경
- [WSL] 윈도우 하위 리눅스 재부팅, 재시작 방법 윈도우 하위 리눅스(WSL or WSL 2)의 재시작, 리부트 방법에 대하여 알아봅니다. 간략하게 방법만 알아보려고 합니다. 가장 쉽고 빠른 재시작 방법은 무엇일까요?# WSL 재시작 하기, Reboot몇 가지 방법
- [WSL2] docker desktop memory 설정 방법 윈도우즈 WSL 2를 사용하면서 도커 데스크탑(Docker desktop)을 사용해 로컬 개발 환경을 구축하여 사용하고 있습니다. 그런데 큰 문제가 발생습니다... 도커 사용 이 후부터 컴퓨터가 너무 심하게 느려졌기
- .bashrc, .bash_profile, .zshrc 환경 변수 설정 및 사용하는 방법 개발 환경을 구축할 경우 다양한 목적으로 외부 변수 설정이 필요합니다. 만약 Mac이나 Linux 배포에서 로컬 개발 환경 구축시 환경 변수를 설정해야한다면? 이 경우 다른 환경과의 차이점과 방법에 대하여 간략하게
- nvm 사용하여 node 및 npm 버전 변경하기 node 개발 환경에서 node(npm)의 버전을 맞추는 것은 매우 중요합니다. 만약 현재 설치된 Node 버전과 웹 어플리케이션 개발에 필요한 버전이 맞지 않는 경우 nvm을 사용하여 이를 변경 및 수정하는 방법에
- [스타일 가이드] intellij, webstorm 자바스크립트 prettier 설정 방법 자바스크립트를 사용하여 웹 어플리케이션을 만들때 스타일 가이드를 위해서 Prettier를 많이 사용합니다. 만약 IDE를 사용하는 경우 Prettier를 설정하여 스타일 포맷이나 저장시 자동으로 Prettier가 반
- nginx 서버에서 특정 호스트만 연결 설정 방법, specific host only 최근 서버를 이전하면서 nginx의 설치 및 설정을 변경할 부분이 발생했습니다. 이 과정에서 특정 호스트를 설정했음에도 적용되지 않는 이슈가 있어 원인과 해결 방법을 알아본 내용입니다.# nginx 특정 호스트만 접
- Apache2 permission error 해결하기 안녕하세요 EnSSo입니다 :)최근 오랜만에 로컬 개발 환경에 apache를 사용하여 웹서버를 구축한 후 브라우저를 확인해보니 permission 에러가 발생하였습니다... 이에 대하여 원인과 해결 방법을View Count : 2,157 Created : 2022-07-14
- [NodeJS] mongodb find() 검색 쿼리시 대소문자 구분하지 않는 방법 NodeJS에서 MongoDB를 사용하여 검색 쿼리를 작성하였는데 특수문자가 포함되어 검색 결과가 원하는데로 나타나지 않았습니다. 이 경우 해결 방법에 대하여 알아봅니다.# NodeJS 서버 특수문자를 사용한 검색
- [nodejs] 서버 인코딩 Header utf-8 설정하기, 한글 이슈 해결 최근 nodejs를 사용하여 백엔드 api 서버를 구축하였습니다. 구축 후 확인해보니 브라우저에서 한글 인코딩이 깨졋서 나타났습니다. 생각해보니 인코딩을 설정하지 않아 발생한 이슈 같아 response header에
- wsl 또는 wsl 2 윈도우 하위 리눅스에서 apt update 에러 이슈 윈도우10에서 wsl 또는 wsl2의 리눅스를 설치하여 사용할 때 만약 apt update가 정상 동작하지 않고 에러가 발생하는 경우 해결 방법에 대하여 알아봅니다.[ 참고 ] 우선 증상, 원인, 해결 방법으로 나누
- Facebook 페이지의 콘텐츠를 graph API를 사용하여 불러오자 Facebook(페이스북)의 콘텐츠를 자신의 웹사이트로 graph api를 사용하여 가져오는 방법에 대하여 알아봅니다. 참고로 여기서는 가져오기까지의 과정만 설명합니다. 즉 페이스북에 있는 글을 가져온 후
View Count : 3,524 Created : 2021-12-24 - Mac에 npm, node 설치하기 Mac에 node, npm을 설치하는 방법입니다.# Mac에 node, npm 노드를 설치하려면?리눅스나 윈도우 유저의 경우 apt 또는 apt-get 아니면 설치 프로그램을 실행해서 사용합니다. Mac도 비슷한데
- 크롬 브라우저에서 웹사이트 전체 스크린샷 이미지 캡처 방법 가끔 웹사이트를 방문할 때 특정 웹페이지의 스크린샷이 필요한 경우가 있습니다. 특히 전체 스크린샷이 필요할 수도 있습니다. 이 경우 전체 스크린샷을 얻기 위해서 스크린샷을 여러 번 찍은 후 연결하는 방법이 있고&nb
