전체보기
HTML
CSS
JAVASCRIPT
PYTHON
REACT
VueJS
JQUERY
LINUX
PHP
DATABASE
LODASH
WEBDEVETC
ETC
Search
JSON Pretty
Close
CATEGORIES
JSON Pretty
HTML
CSS
React
VueJS
Javascript
jQuery
Lodash
Python
Database
Linux
WEBDEVETC
ETC
Search
Contact Us
LATEST POSTs
최근 등록된 포스팅 목록
최신순
인기순
js
[NodeJS] ajax에서 post, patch 요청시 nodejs express에서 request body를 못 가져오는 이슈 해결
Front 앱에서 axios를 사용하여 파라미터를 Body에 담아 서버에 전달하였습니다. 특별한 설정은 없으며 매우 단순합니다. 당연히 잘 동작할거라 생각했었지만 결과는 참담하게도 아무 값도 얻어오지 못했습니다.# Express Node 서버에서 body를 못가져오는 경우body가 아니라 다른데로 넘어오나? 메소드 문제인가? get, post, patch로 바꾸어보고 request의 query, params, body 모두 찾아보아도 빈
View :
41
/
2022-06-30
vue
[NuxtJS] 특정 페이지의 컴포넌트에만 전역 스타일 적용하기, global style
NuxtJS를 사용하는 경우 해당 컴포넌트 또는 전역으로 style을 설정할 수 있습니다. 이 경우 만약 특정 페이지에서만 전역으로 스타일을 설정할 경우의 방법을 알아보려고 합니다.# NuxtJS에서 특정 페이지만 전역 스타일 설정하기제일 먼저 생각할 고민은 아래와 같습니다.<span
View :
60
/
2022-06-24
webdevetc
[nodejs] 서버 인코딩 Header utf-8 설정하기, 한글 이슈 해결
최근 nodejs를 사용하여 백엔드 api 서버를 구축하였습니다. 구축 후 확인해보니 브라우저에서 한글 인코딩이 깨졋서 나타났습니다. 생각해보니 인코딩을 설정하지 않아 발생한 이슈 같아 response header에 인코딩을 설정 후 정상 동작하는 것을 확인했습니다. 아래는 nodejs에서 response 응답 헤더를 utf-8로 설정하는 방법에 대하여 간략하게 알아봅니다.! nodejs
View :
167
/
2022-06-13
webdevetc
wsl 또는 wsl 2 윈도우 하위 리눅스에서 apt update 에러 이슈
윈도우10에서 wsl 또는 wsl2의 리눅스를 설치하여 사용할 때 만약 apt update가 정상 동작하지 않고 에러가 발생하는 경우 해결 방법에 대하여 알아봅니다.[ 참고 ] 우선 증상, 원인, 해결 방법으로 나누었고 동일한 이슈라고 판단된다고 아래의 방법을 참고하셔서 해결할 수 있을 것이라 기대합니다.! apt-get update 에러 원인
View :
180
/
2022-06-07
lodash
lodash omit() 메소드 알아보기
안녕하세요 ~ 오늘은 lodash의 다양한 메소드(함수) 중에서 omit()에 대하여 간략하게 알아봅니다.# lodash 메소드 omit() 알아보기먼저 lodash의 omit()은 어떤 기능을 가지고 있을까요? 간단하게 설명하면 아래와 같습니다.<span data-custom-style="c
View :
194
/
2022-05-30
python
[Python] flask 쿠키 사용하는 방법, cookie
Flask에서 cookie(쿠키)를 사용하는 방법에 대하여 간략하게 알아보려고 합니다.# Flask에서 cookie 사용하기최근 jwt를 사용하면서 cookie 값을 불러와 사용할 필요가 있었습니다. 이런 경우 쿠키값을 접근하기 위한 방법입니다. 먼저 flask에서 cookie를 얻기 위해서는 아래와 같이 flask
View :
250
/
2022-05-25
git
git stash 명령어, 임시 저장하기
git을 사용하여 특정 파일을 변경한 경우 untracked 상태로 변경됩니다. 이를 staged로 변경하여 커밋하거나 푸시하여 서버에 반영할 수 있겠죠. 하지만?"만약 현재 변경한 사항을 임시로 저장하고 나중에 사용하고 싶다면?"<
View :
208
/
2022-05-17
js
[자바스크립트] 배열처럼 사용하는 set 알아보기
안녕하세요 ~ 오늘은 자바스크립트에서 배열처럼 사용하는 set에 대하여 알아보려고 합니다. 간략하게 set은 무엇이고 배열과의 차이점은 무엇인지 알아볼께요!# set은 무엇인가?그럼 가장 먼저 set은 무엇일까요
View :
258
/
2022-05-16
js
[자바스크립트] 배열에 값 채우기, fill()
안녕하세요 ~ 오늘은 자바스크립트의 배열 메소드(Method) 중 하나인 fill()에 대하여 알아보려고 합니다. 어떤 부분을 중점으로 알아봐야 할까요?- 배열 메소드 중 하나인 fill()은 무엇인가- fill()을 활용하는 방안그럼 아래에서 하나 하나 알아보죠.# 배열 메소드 중 하나인 fill()은 무엇인가</span
View :
275
/
2022-05-12
html
[html] input 태그 number 타입의 maxlength 최대 자릿수 설정하기
안녕하세요! 오늘부터는 포스팅에 앞서서 항상 인사를 먼저 드리고 글을 작성하려고 합니다^^ 최근 여러 사유로 포스팅을 올리지 못했는데요 ~ 앞으로는 좀 더 자주 올릴 수 있도록 노력할테니 지금처럼 많은 관심 부탁 드립니다. 그럼 계속해서 작성해 볼께요!# HTML input 태그에서 maxlength 사용하기, 문자열 최대 길이 설정입력폼에서 가장 많이 사용되는 input 태그 ~ input 태그를 사용하여 방문자로 부터 여러 정보를 입
View :
640
/
2022-04-28
js
[자바스크립트] axios를 사용하여 비동기 호출시 try catch 구문에서 404 에러의 response를 처리하는 방법
자바스크립트에서 비동기 통신(ajax)을 사용하기 위해 몇 가지 방법들이 있지만 axios를 사용하는 방법이 가장 많이 쓰이고 있습니다. 아래는 이 경우는 자주 사용하는 try catch 구문에서 api의 응답 결과가 404인 경우의 response를 처리하는 방법에 대하여 알아봅니다.# try catch 내부의 axios를 사용하여 호출시 404 응답 처리
View :
878
/
2022-04-28
vuejs
[VueJS 에러 해결] script 및 style 태그 컴포넌트에서 사용시 에러 해결 방법은?
VueJS의 컴포넌트 내부에 스크립트를 추가하여 사용하려고 할 경우 아래와 같은 에러가 발생하였습니다.[plugin:vite:vue] Tags with side effect (<script> and <style>) are ignored in client component templates.결국 script와 style 태그 사용이 컴포넌트 내부에서는 사용 안되는 것 같습니다. 이 경우 어떻게 해결할 수
View :
835
/
2022-02-28
python
[Python] MongoDB 설치 후 Collection method not found 에러 발생
Python 환경에서 MongoDB를 사용 할 경우 PyMongo를 사용합니다. 그런데 새로운 컴퓨터에 개발환경을 설정하는 과정에서 에러가 발생하였습니다."Collection, insert(or update) method not found"컬렉션에 사용할 메소드가 존재하지 않는다는 에러가 발생하였습니다. 새로운 개발 환경과의 차이점은 MongoDB 버전을 최신 버전인 5.0으로 바꾸었는데 아무래도 그 부분이 원인인 것 같았습니다. 확
View :
790
/
2022-01-23
js
[Typescript] 2편. 타입스크립트 클래스 생성 및 interface
타입스크립트를 사용하여 클래스(class)를 생성하고 사용하는 방법에 대하여 알아봅니다.# 타입스크립트에서의 클래스 사용하기타입스크립트에서도 자바스크립트와 동일하게 클래스를 선언하고 사용할 수 있습니다. 먼저 간단하게 Site라는 이름의 클래스를 하나 만들어 봅니다.<
View :
1402
/
2022-01-17
js
[Typescript] 1편. 짧고 쉽게 타입스크립트 이해하기
타입스크립트에 대하여 짧고 간략하게 알아보려고 합니다. 훅~ 지나갈 수 있다는 점 참고하세요!"그런데 타입스크립트 왜 알아야 할까? 반드시 알아야 할까?"자바스크립트만 사용해도 될텐데 왜 어려운 타입스크립트까지 알아야 하는지 이해가 되지 않을 수 있죠... 물론 타입스크립트만의 장점<
View :
1171
/
2022-01-13
css
[CSS] 알파벳 텍스트에 줄바꿈 하이픈 적용 방법, hyphens
웹페이지에 여러 줄의 텍스트를 보여줄 경우 줄바꿈 처리가 필요합니다. 이 경우 잘 알고 있는 word-break, word-wrap css 속성이 사용되죠~ 그런데 만약 알파벳으로 사용되는 경우? css를 사용하여 줄바꿈 처리를 하이픈으로 처리할 수 있습니다.# css를 사용하여 긴 텍스트 하이픈 처리 방법, hyphens
View :
1167
/
2022-01-12
etc
겨울 눈썰매장 방문기 및 리뷰
겨울이 되면 생각나는게 어떤게 있을까요? 스키, 보드가 먼저 생각날 수도 있지만 눈썰매 역시 겨울에 즐길 수 있는 재미있는 놀이거리 중 하나입니다. 최근 방문했던 눈썰매장 방문기를 남겨볼까 합니다.눈썰매장을 안 가보신 분들도 많을거라 생각되네요 ~ 저도 스키, 보드를 타러가서 눈썰매장을 옆에서 구경은 해봤지만 실제로 눈썰매장을 즐겨본 경험은 어린 시절 동네에서 즐기던 것 외에는 떠오르지 않습니다 ~ 이번에 눈썰매장을 갈 기회가 생겨서 다녀
View :
851
/
2022-01-11
js
[자바스크립트] 방문자의 로컬 타임존과 UTC 시간은 어떻게 구할까
웹사이트에서 날짜와 시간은 많은 곳에서 사용되죠. 자바스크립트를 사용하여 현재 로컬에 해당하는 타임존(Local Timezone)과 UTC 시간 값을 구하는 방법을 간략하게 정리한 내용입니다. 비교적 편하게 쉽게 읽을 수 있도록 적어보았습니다 :)<span data-custom-
View :
2232
/
2022-01-10
etc
[큐브] cube 3x3 공식, 맨 윗면 블럭 구석 맞추기, edge
요즘 큐브 맞추기를 시작했습니다... 조금 늦은 감이 있지만 큐브 정도는 하나 완벽히 맞추기 위한 목표를 세우고 공식을 하나하나 공부하고 있는 중입니다. 하다보니 큐브 맞추기까지 생각보다 오랜 시간이 걸렸습니다. 특히 마지막 맨 위 큐브 블럭을 맞추는 게 쉽지 않아 관련한 공식을 아래와 같이 정리하였습니다.# 3x3 큐브 맨 위 블럭 맞추기<
View :
1185
/
2022-01-07
tech
스마트폰 핸드폰 변경시 4g lte와 5g 유심칩 호환 여부
이번에 핸드폰을 변경을 강행하였습니다 ~ 처음 구매 후 24개월 약정 기간이 한 달 남았지만 할 부 원금만 일찍 낼 경우 위약금은 없어서 이번 기회에 바꾸게 되었네요. 참고로 위약금은 통신사마다 다를 수 있겠습니다!기존에 사용하던 갤럭시z플립 초기 모델을 구입하여 계속 사용하였는데 어느새 2년 약정의 끝을 바라보게 되었네요 ~ 너무 잘 썼던
View :
2444
/
2022-01-06
tech
Smart Switch 앱을 사용하여 삼성 휴대폰으로 데이터를 옮기는 방법
최근 구입한 스마트폰으로 기존 데이터를 모두 옮기기 위해서 어떤 방법이 있을까요? 판매점이나 통신사대리점에서 옮겨주기도 하지만 요즘은 핸드폰을 직접 수령받아 사용하는 경우도 많기 때문에 스스로 진행하는 것도 가능합니다. 만약 삼성 핸드폰을 사용중인 경우라면? 이 경우 더 간단하게 기존의 데이터를 옮길 수 있는데요 ~~ 바로 삼성에서 만든 Smart Switch 앱을 사용하면 됩니다.<img src=" /static/upload
View :
1168
/
2022-01-06
game
디아블로2 노멀 아이템 소켓 뚫는 방법, 홈 추가
디아블로2 레저렉션이 출시된지도 꽤 지났네요 ~ 관련 내용을 정리하려고 했는데 오늘은 노멀 아이템에 소켓을 뚫는 방법에 대하여 적어보았습니다.# 디아블로2 아이템에 소켓 뚫는 방법디아블로2의 경우 아이템에 소켓이 존재하는 경우와 없는 경우가 있습니다. 아이템을 획득시 만약 소켓이 없는 경우에도 소켓을 뚫을 수 있는 방법(홈추가)이 존재하는데요 ~ 그 중 한
View :
1971
/
2022-01-05
js
자바스크립트 배열 메소드 every() 알아보기
자바스크립트의 배열에 사용되는 많은 메소드 중에서 every()에 대하여 알아봅니다.# 자바스크립트 배열 메소드 every()배열에 사용하는 every() 메소드는 ES 5에 추가되었으며 대부분의 브라우저에서 지원됩니다. every()는 배열에 사용하는데 <span d
View :
1114
/
2022-01-05
etc
궁금하다~ 양파싹 먹어도 되나요?
오늘 저녁 ~ 양파 넣고 소불고기를 먹어볼까 하는 생각에 일단 이것 저것 재료를 준비했습니다. 일단 준비는 다 끝났고 양파를 손질하려는데 이런 ... 양파에 싹이 왜이렇게 나온걸까요;;; 그런데 먹어도 되나 싶은 생각이 들더군요 ~"싹이 난 양파 ~ 그냥 먹어도 될까?"</
View :
891
/
2021-12-27
css
[css] 텍스트 outline 외곽선 구현하는 방법 알아보기
CSS를 사용하여 텍스트에 외곽선(border) 스타일을 추가하려고 합니다. 이때 몇 가지 방법들이 존재하는데요 ~ 외곽선이나 그림자 효과 등 어떤 방법들이 있는지 알아보고 내가 원하는 효과와 맞는 방법을 생각해봅니다.# CSS 외곽선 또는 그림자 효과를 구현하는 방법텍스트에 외곽선이나 그림자 효과를 추가하는 이유는
View :
1224
/
2021-12-24
webdevetc
Facebook 페이지의 콘텐츠를 graph API를 사용하여 불러오자
Facebook(페이스북)의 콘텐츠를 자신의 웹사이트로 graph api를 사용하여 가져오는 방법에 대하여 알아봅니다. 참고로 여기서는 가져오기까지의 과정만 설명합니다. 즉 페이스북에 있는 글을 가져온 후 어떻게 처리하지까지는 다루지 않으니 알아두세요. Graph API를 사용하기 까지의 방법과 과정만 설명하려고 합니다.! 언제 Facebook(페이스북) 콘텐츠 api
View :
1628
/
2021-12-24
tech
M1칩을 사용하는 경우 iPad Pro 또는 MacBook에서 듀얼 모니터 사용하는 방법은?
최근들어 하나의 고민이 들었습니다... 바로 Apple 제품군 중 M1칩을 사용한 경우의 듀얼 모니터 사용의 어려움입니다. 아래는 M1칩 사용시 듀얼 모니터 사용에 대한 고민과 해결 방안의 내용입니다...Apple은 새로운 제품들에 자사의 M1칩을 적용하기 시작했고 해당 제품군은 Macbook Pro 또는 iPad Pro 등에 적용되어 있습니다. 그런데 여러 대의 모니터를 사용해야 하는 경우 문제가 발생합니다. 바로 ...<p clas
View :
1774
/
2021-12-23
js
[자바스크립트] Mac에서 command 키 입력시 이벤트 처리 방법
제목처럼 Mac 환경의 브라우저에서 Command키를 누를 경우 이벤트 처리를 정리한 내용입니다. 아래는 최대한 가볍게 읽기 쉽도록 적어보려고 합니다. :)# Mac에 존재하는 Command키윈도우 기반과 달리 Mac 환경에서는 Command 키가 존재합니다. 이 커맨드 키는 다양한 용도로 사용되는데 브
View :
1015
/
2021-12-21
js
자바스크립트를 사용하여 input 태그에 한글 입력 막기, 한글 불가 방법
다양한 글을 올리는 웹이즈프리입니다 ~ 이전 글들을 확인해보니 input 태그를 사용하는 경우 한글 입력을 막는 방법이 없더군요~ 이와 관련하여 input 사용시 한글 입력을 막는 방법과 효과적인 방법은 없는지 알아보았습니다."Input 태그 입력폼에서 한글 입력을 막으려면?"
View :
6397
/
2021-12-01
css
[CSS] Flexbox 내부의 좌우 상하 정렬 방법 알아보기
css를 사용하면서 DOM 요소의 레이아웃에 사용되던 inline, block 타입의 요소를 이제는 쉽게 flex, inline-flex를 사용할 수 있게되었습니다. flexbox 형태의 레이아웃이 모든 메이저 브라우저에서 사용 가능하게 되었기 때문이죠.그래서 이미 알고 있지만 flexbox를 사용시 간단하면서 실수할 수 있는 부분에 대하여 알아보려고 합니다. 바로 margin값과 함께 사용할 경우 말이죠...(이 글은 flexbox를 어느 정도 사용할 수 있다라는 가정하에 적은 내용입니다.
View :
1126
/
2021-12-01
First
1
2
3
4
5
6
7
...
Next
Last