총 44개의 일치하는 문서를 찾았습니다.
webdevetc[스타일 가이드] intellij, webstorm 자바스크립트 prettier 설정 방법
자바스크립트를 사용하여 웹 어플리케이션을 만들때 스타일 가이드를 위해서 Prettier를 많이 사용합니다. 만약 IDE를 사용하는 경우 Prettier를 설정하여 스타일 포맷이나 저장시 자동으로 Prettier가 반영될 수도 있는데요 ~ 아래는 Prettier를 간략하게 알아보고 IDE에 설정하는 방법 역시 알아봅니다.# Prettier를 사용하는 이유Prettier는 코딩 스타일 가이드 중 가장 잘 알려진 툴 중 하나입니다. Prettier를 사용하면 정해진 스타일 가이드 대로 코드가 작성되었는지 검증하고 그 결과를 알려주고 에러를 띄우거나 또 자동으로 수정해주기도...
Last Modified : 2022-07-21 23:41:00
Created : 2022-07-21 21:44:00
python[Python] flask 쿠키 사용하는 방법, cookie
Flask에서 cookie(쿠키)를 사용하는 방법에 대하여 간략하게 알아보려고 합니다.# Flask에서 cookie 사용하기최근 Python에 jwt(Json Web Token) 방식을 적용하면서 cookie 값을 불러와 사용할 필요가 있었습니다. 이런 경우 쿠키값을 접근하기 위한 방법과 예제를 간략하게 알아보겠습니다. 먼저 flask에서 cookie를 얻기 위해서는 아래와 같이 flask의 request에 접근해야 합니다.from flask import request사실 request는 쿠키를 포함하여 서버에 요청 온 다양한 정보들에 접근이 가능합니다. 즉, coo...
Last Modified : 2022-07-17 14:24:00
Created : 2022-05-25 08:45:00
js특정 엘리먼트로 스크롤을 천천히 이동시키는 방법, scrollIntoView smooth
웹사이트의 특정 영역으로 스크롤을 이동시키는 방법 중 하나인 scrollIntoView()에 대하여 알아봅니다.! [잠깐] 스크롤을 특정 엘리먼트로 이동시키는 방법은 뭐가 있을까?원하는 위치로 스크롤을 이동하는 방법은 몇 가지가 존재합니다. 위 방법을 알아보기에 앞서 예전 또는 기존의 방법들을 먼저 알아봅니다.1. 태그에 id를 추가하여 url에 # 기호를 사용하는 방법; 엘리먼트에 id값을 추가한 뒤 url에 #(hash) 기호를 사용하면 해당 위치로 바로 이동이 가능합니다. 다만 부드럽게(smooth) 이동하려면 추가로 css를 사용하여야 합니다.2. 해당 엘리먼...
Last Modified : 2021-08-19 10:31:01
Created : 2021-08-19 07:27:00
webdevetc브라우저 쿠키 사이즈 에러 400 이슈 해결하기
웹브라우저를 사용하는 경우 쿠키 사이즈 관련 에러(Cookie size large)가 발생할 수 있습니다. 이 경우 어떻게 해결할 수 있는지 알아봅니다.# 쿠키 사이즈 에러 해결하기브라우저의 쿠키 에러는 브라우저 창에 에러 메시지로 확인이 가능합니다. 보시는 것처럼 400 에러가 발생하고 나타나는 메시지는 '페이지가 작동하지 않습니다.'입니다. 그렇다면 언제 그리고 왜 이런 에러가 발생할까요? 바로 쿠키 사이즈가 너무 큰 경우가 여기에 해당합니다.사용자의 쿠키(Cookie) 정보는 브라우저에 저장되며 웹사이트에 요청 보낼 경우 헤더에 담겨 전송됩니다. 이때 제한된 크...
Last Modified : 2021-01-26 19:31:07
Created : 2021-01-26 19:06:00
etc포토샵으로 사진, 이미지에 불투명, 반투명 효과 적용하기
포토샵을 사용하여 사진이나 일러스트 작업물에 불투명(또는 반투명) 효과를 구현하고자 합니다. 어떻게 하면 되는지 아래에서 간단하게 알아봅니다.# 포토샵 불투명, 반투명 효과 만들기, gradient아래 예제는 최근 포스팅한 글에 사용한 실제 이미지 작업의 결과입니다. 모바일앱의 스크린샷을 사용하기에는 너무 길어서 어떻게 할까 고민하다가 길이를 줄이면서 동시에 반투명 및 물결 생략 표시를 추가하였습니다.그렇다면 순서대로 어떻게 진행하였는지 하나씩 알아봅니다.하나. 레이어 하나 만들기먼저 원본 이미지에 추가할 새로운 레이어를 하나 만듭니다. 이 레이어에는 그라디...
Last Modified : 2020-12-20 14:10:29
Created : 2020-12-20 12:12:56
app[앱 리뷰] GPS Status, 나침판 및 수평
얼마 전 올린 포스팅은 드럼 세탁기의 소음, 진동을 줄이기 위해서 수평을 맞추는 방법을 알아보았는데요 ~ 그 때 사용한 앱이 바로 GPS Status입니다. 아래는 이 앱에 대하여 간략하게 알아보려고 합니다.# 앱을 사용하여 나침반 및 수평 맞추기, GPS Status이 앱은 매우 잘 알려진 앱으로 핸드폰만 있으면 동서남북, 나침반 기능 이 외에도 여러가지 정보를 제공하는 앱입니다. 특히 스마트폰에 있는 자이로스코프 센서를 사용하여 수평을 맞출 수도 있죠. 어떤 기능이 있는지 알아보면 아래와 같습니다.동서남북 나침반 기능GPS 위치 정보상하/좌우 기울기 정보자기장/자...
Last Modified : 2020-11-16 22:49:43
Created : 2020-11-16 22:43:00
techInternet Explorer, IE가 사라진다
너무나 오랜 기간 웹브라우저로서 명맥을 이어오던 Microsoft의 Internet Explorer(인터넷익스플로러, IE)가 곧 서비스를 중단할 것으로 알려졌습니다. IE를 지원하던 MicroSoft의 다양한 소프트웨어에서 더 이상 지원" target="_blank">하지 않을 것을 알렸기 때문이죠. 아마도 내년 초 안에 서비스가 종료될 것으로 예상되고 있습니다.Internet Explorer 서비스 종료하나...Internet Explorer의 종료는 어느 정도 예견된 행보입니다. 새로운 Edge 브라우저가 결국 구글의 크로니움 기반으로 전환되면서 사실상 엣...
Last Modified : 2020-08-20 18:29:17
Created : 2020-08-20 18:25:00
js[자바스크립트] 배열 메소드 entries() 알아보기
자바스크립트 배열 타입에 사용하는 entries() 메소드에 대하여 알아봅니다.# 자바스크립트 entries() 메소드 알아보기배열에 사용 가능한 다양한 메소드 들이 존재하죠. 그 중에 entries()에 대하여 알아보려고 합니다.참고로 객체에도 entries()가 존재합니다. 객체의 entries()는 배열과 비슷하게 모든 프로퍼티를 key, value로 반환하죠. 함께 알아두시면 좋습니다. 아래 링크를 참고하세요.https://webisfree.com/2019-06-18/자바스크립트-object-메소드-entries()-알아보기! entries()는?배열에 사용하...
Last Modified : 2020-06-15 20:53:41
Created : 2020-04-27 15:41:16
etc[Windows CMD] 명령어 start 알아보기
윈도우즈 커맨드 라인 명령어 start에 대하여 알아봅니다.# command start 명령어 알아보기윈도우즈에서 cmd를 누르고 start라는 명령어를 입력하면 또 다른 새로운 창이 나타나게됩니다. start 키워드는 커맨드라인의 예약어로 새로운 창을 띄울 경우 사용합니다.start// 새로운 window 창에 cmd를 실행함이처럼 새로운 창을 띄울 수 있는데 주로 새로운 커맨드라인 창을 띄우고 다른 명령어(command) 또는 배치파일 등을 실행하는 데 사용합니다.이렇게 다른 작업을 하기 위해 새로운 창을 띄워두면 현재 작업과 구분되어 매우 편리합니다.! star...
Last Modified : 2020-03-30 09:59:28
Created : 2020-03-12 13:55:32
vuejs[VueJS] 부모 자식 컴포넌트간의 데이터 전달하는 방법, sync modifier 수식어 사용
VueJS에서 부모와 자식 컴포넌트 사이에 데이터를 전달하는 방법중 sync modifider(수식어)를 사용하는 방법에 대하여 알아봅니다.# Vue에서 sync 수식어를 사용하여 컴포넌트 데이터 전달먼저 sync 수식어는 부모와 자식 컴포넌트 사이의 양방향 데이터 바인딩이 가능하도록 해줍니다. 다시말해 부모에서 자식으로 또는 자식에서 부모로 데이터를 변경, 업데이트 할 수 있다는 것입니다.! sync 양방향 바인딩과 다른 방법의 차이점은?부모와 자식 사이의 데이터를 전달하는 방법은 여러가지가 존재합니다. 예를들어 v-model을 사용할 수도 있고 아니면 p...
Last Modified : 2022-02-04 16:29:34
Created : 2019-11-26 14:35:09