더 나은 웹개발을 꿈꾸는 기술 블로그. 웹이즈프리.
LATEST POSTs
최근 등록된 포스팅 목록 최신순
인기순
- 웹스톰(Webstorm) IDE 단축키 정보 알아보기 아래는 웹스톰(Webstorm) IDE의 단축키(shortcuts) 정보입니다. 자주 사용되거나 중요한 단축키 위주로 정리하였습니다.! 유용한 팁 및 정보먼저 아래는 자주 사용되는 유용한 팁입니다.@ 자동 인덴트
- IE 브라우저에서 flex 엘리먼트의 vertical 정렬(세로정렬)이 안되는 이슈 웹사이트를 만들어 테스트 하는 중 IE에서만 발생하는 이슈입니다.! 이슈사항엘리먼트에 display: flex;를 사용한 경우 정렬을 위해 사용하는 align-items가 다른 브라우저는 잘 동작하나 InternetView Count : 6,640 Created : 2019-12-17
- css background로 사용된 svg 이미지 IE에서 깨지는 현상 해결하기 홈페이에 사용된 이미지가 IE에서만 깨지는 현상이 발견되어 수정하였습니다.! svg 깨짐 현상의 이유는?원인은 IE 환경에서 SVG 이미지를 css의 backgroud 속성을 사용하여 size 및 position을
- 로컬에 npm simplehttpserver 노드 패키지로 간단하게 웹서버 띄우기 자신의 로컬 pc에 웹서버 개발 환경을 구축하는 경우, 특히 간단한 웹사이트 개발시 복잡한 서버 구조는 딱히 필요가 없을 수 있습니다.이때 웹서버를 띄우는 방법으로 Node package 중 하나인 sim
- HTML5의 드래그앤드랍 구현 방법 및 예제, Drag and Drop HTML5, 자바스크립트를 사용하여 드래그앤드랍(Drag and Drop)을 구현하는 방법에 대하여 알아봅니다.# 드래그앤드랍View Count : 19,585 Created : 2019-11-22
- tensorflow.js란 무엇이고 어떤 장점이 있을까? 잘 알려진 것 처럼 텐서플로우(TensorFlow)는 파이썬에서 동작하는 딥러닝, 머신러닝 등에 사용하는 프레임워크로 잘 알려져 있습니다. 여기에 .js를 붙이면 바로 TensorFlow.js가 되죠. 바로 이것은
View Count : 3,693 Created : 2019-11-19 - [element-ui] 엘리먼트 UI dialog 컴포넌트 예제 및 방법 VueJS에서 많이 사용되는 UI 라이브러리인 element UI의 diablog 컴포넌트에 대하여 알아봅니다.# dialog component화면에 window.open()의 새로운 창이 아닌 내부 레이어를 사용한
- Nodejs에서 morgan 설치 및 사용하기 NodeJS 서버로 구성된 웹 환경에서는 로그(log)를 관리하기 위한 별도의 서드파티 라이브러리나 툴을 사용할 것을 권장합니다. 그래서 많이 쓰이는 것 중 하나인 morgan을 알아봅니다.morgan은 n
- 윈도우즈 포트 열기, 인바운드 및 아운바운드 설정하기 윈도우즈(Windows) 개발 환경 로컬 포트 열어주기는 방법을 알아봅니다.! Why ?포트를 열어 외부에서 접근 가능하도록 ip를 허용할 경우 사용합니다. 만약 로컬 pc에서 개발을 완료한 경우 개발 작업물을 보여
- CentOS 버전 확인 하는 방법 현재 설치된 CentOS 버전을 확인하는 방법을 알아봅니다. 이 때 아래 커맨드 cat /etc/centos-release를 입력합니다.cat /etc/centos-release위 명령어를 입력하면 화면에 해당 버전
- [react native] com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: INSTALL_FAILED_INSUFFICIENT_STORAGE 에러 발생 수정하는 방법 react native를 사용하여 앱 개발시 아래처럼 에러가 나타납니다.com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallExcepView Count : 4,233 Created : 2019-09-20
- Android Studio build 에러 Unfortunately you can't have non-Gradle Java modules and > Android-Gradle modules in one project Android Studio에서 Build를 진행해 apk 파일을 생성하는 과정에서 다음과 같은 모듈 에러가 발생하였습니다.Unfortunately you can't have non-Gradle Java modules
- Git사용시 gitignore 동기화 무시하는 방법 Git을 사용하여 개발, 배포등의 프로세스를 사용할 경우 동기화, 즉 서버에 반영하지 말하야 할 파일이나 폴더가 존재합니다. 예를들면 방문자에 의해 바뀌는 파일 업로드나 아니면 개발자 각각의 설정 파일 등이 그런 것View Count : 2,696 Created : 2019-07-31
- 파비콘이 없는 경우 에러 방지, prevent favicon error 웹페이지에 파비콘이 없거나 아직 준비되지 않은 경우 브라우저에서 에러가 발생할 수 있습니다. 에러 메시지는 파비콘이 존재하지 않는다는 메시지입니다.# 파비콘 에러 메시지 무시하기만약 파비콘을 사용할 계획이 없거나 에
- 애드센스 광고에서 ads.txt 파일 생성 및 추가하는 방법 구글 애드센스(Adsense)를 사용하는 경우 ads.txt 파일을 생성하여 자신의 웹사이트에 적용하는 방법을 알아봅니다.구글 애드센스는 ads.txt 파일을 서버에 추가하여 사용할 것을 권장하고 있는데 하지만 ad
- bootstrap DataTable 사용시 sorting 정렬하는 방법 부트스트랩(Bootstrap)의 DataTable을 사용하는 경우 테이블 정렬, sorting 방법입니다. (참고로 데이터테이블은 ajax를 사용하여 불러온 데이터를 기반으로 손쉽게 테이블 UI를 그려주는 라이브러리
View Count : 15,009 Created : 2019-06-21 - curl 411 에러, Length Required 해결하기 curl을 사용하여 서버와 통신하는 경우 아래와 같은 메시지와 에러가 발생할 수 있습니다.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org
- dateTimePicker UI 사용시 동적으로 날짜 format 변경하는 방법 날짜 시간을 입력 받을 수 있는 라이브러리 datetimepicker UI는 시간과 날짜를 함께 설정할 수 있는 편리한 UI 컴포넌트로 매우 자주 사용됩니다. 아래는 datetimepicker의 날짜 시간View Count : 9,996 Created : 2019-06-14
- nginx 국가 코드별 접속 차단 및 허용 설정하기 원치 않는 국가에서 접근을 시도하는 경우 어떻게 하면 접속을 막거나 허용할 수 있는지 고민하게 되었습니다. 이유는 몇 가지 있는데 최근 급증한 데이터 트래픽 증가가 원인 중 하나였습니다.어쨌든 방문자의 접속을 제어하
- 네이버블로그 본문에 광고를 노출하자. 네이버애드포스트 본문에 광고 개제하기 네이버블로그를 운영해오던 많이 이들에게 드디어 반가운 소식이 들려오게 되었습니다. 바로 네이버블로그의 본문에 광고 게재가 된다는 사실입니다!!"네이버블로그 본문에 광고 게재되다."아마 많은 분들이 궁금해왔
