더 나은 웹개발을 꿈꾸는 기술 블로그. 웹이즈프리.
LATEST POSTs
최근 등록된 포스팅 목록 최신순
인기순
- [큐브] cube 3x3 공식, 맨 윗면 블럭 구석 맞추기, edge 요즘 큐브 맞추기를 시작했습니다... 조금 늦은 감이 있지만 큐브 정도는 하나 완벽히 맞추기 위한 목표를 세우고 공식을 하나하나 공부하고 있는 중입니다. 하다보니 큐브 맞추기까지 생각보다 오랜 시간이 걸렸습니다. 특
- 스마트폰 핸드폰 변경시 4g lte와 5g 유심칩 호환 여부 이번에 핸드폰을 변경을 강행하였습니다 ~ 처음 구매 후 24개월 약정 기간이 한 달 남았지만 할 부 원금만 일찍 낼 경우 위약금은 없어서 이번 기회에 바꾸게 되었네요. 참고로 위약금은 통신사마다 다를 수 있겠습니다!
- Smart Switch 앱을 사용하여 삼성 휴대폰으로 데이터를 옮기는 방법 최근 구입한 스마트폰으로 기존 데이터를 모두 옮기기 위해서 어떤 방법이 있을까요? 판매점이나 통신사대리점에서 옮겨주기도 하지만 요즘은 핸드폰을 직접 수령받아 사용하는 경우도 많기 때문에 스스로 진행하는 것도 가능합니
- 디아블로2 노멀 아이템 소켓 뚫는 방법, 홈 추가 디아블로2 레저렉션이 출시된지도 꽤 지났네요 ~ 관련 내용을 정리하려고 했는데 오늘은 노멀 아이템에 소켓을 뚫는 방법에 대하여 적어보았습니다.# 디아블로2 아이템에 소켓 뚫는 방법디아블로2의 경우 아이템에 소켓이 존
- 자바스크립트 배열 메소드 every() 알아보기 자바스크립트의 배열에 사용되는 많은 메소드 중에서 every()에 대하여 알아봅니다.# 자바스크립트 배열 메소드 every()배열에 사용하는 every() 메소드는 ES 5에 추가되었으며 대부분의 브라우저에서 지원됩
- 궁금하다~ 양파싹 먹어도 되나요? 오늘 저녁 ~ 양파 넣고 소불고기를 먹어볼까 하는 생각에 일단 이것 저것 재료를 준비했습니다. 일단 준비는 다 끝났고 양파를 손질하려는데 이런 ... 양파에 싹이 왜이렇게 나온걸까요;;; 그런데 먹어도 되나 싶은 생
- [css] 텍스트 outline 외곽선 구현하는 방법 알아보기 CSS를 사용하여 텍스트에 외곽선(border) 스타일을 추가하려고 합니다. 이때 몇 가지 방법들이 존재하는데요 ~ 외곽선이나 그림자 효과 등 어떤 방법들이 있는지 알아보고 내가 원하는 효과와 맞는 방법을 생각해봅니
- Facebook 페이지의 콘텐츠를 graph API를 사용하여 불러오자 Facebook(페이스북)의 콘텐츠를 자신의 웹사이트로 graph api를 사용하여 가져오는 방법에 대하여 알아봅니다. 참고로 여기서는 가져오기까지의 과정만 설명합니다. 즉 페이스북에 있는 글을 가져온 후
View Count : 2,679 Created : 2021-12-24 - M1칩을 사용하는 경우 iPad Pro 또는 MacBook에서 듀얼 모니터 사용하는 방법은? 최근들어 하나의 고민이 들었습니다... 바로 Apple 제품군 중 M1칩을 사용한 경우의 듀얼 모니터 사용의 어려움입니다. 아래는 M1칩 사용시 듀얼 모니터 사용에 대한 고민과 해결 방안의 내용입니다...Apple
- [자바스크립트] Mac에서 command 키 입력시 이벤트 처리 방법 제목처럼 Mac 환경의 브라우저에서 Command키를 누를 경우 이벤트 처리를 정리한 내용입니다. 아래는 최대한 가볍게 읽기 쉽도록 적어보려고 합니다. :)# Mac에 존재하는 Command키윈도우 기반과 달리 Ma
- 자바스크립트를 사용하여 input 태그에 한글 입력 막기, 한글 불가 방법 다양한 글을 올리는 웹이즈프리입니다 ~ 이전 글들을 확인해보니 input 태그를 사용하는 경우 한글 입력을 막는 방법이 없더군요~ 이와 관련하여 input 사용시 한글 입력을 막는 방법과 효과적인 방법은 없는지 알
- [CSS] Flexbox 내부의 좌우 상하 정렬 방법 알아보기 css를 사용하면서 DOM 요소의 레이아웃에 사용되던 inline, block 타입의 요소를 이제는 쉽게 flex, inline-flex를 사용할 수 있게되었습니다. flexbox 형태의 레이아웃이 모든 메이저 브라
- [VueJS] scoped css를 이해하기 및 예제보기 VueJS에 CSS를 스타일을 적용하는 방법 중 편리한 Scoped CSS 기능에 대하여 알아보고 관련된 예제를 만들어 봅니다.! VueJS에서 Scoped CSS는?Vue를 사용하는 프로젝트는 다수의 컴포넌트를 사
- git commit에서 특정 사용자의 커밋 내용만 찾기, 검색하기, log Git을 사용하여 커밋하는 경우 다양한 정보를 남기게 됩니다. 이 후 어떤 내용으로 커밋했는지... 커밋을 누가 또는 어떤 부분을 변경하였는지 확인 할 때 아래처럼 git log를 사용하여 확인할 수 있죠.>
- Python에서 url 주소를 확인하는 방법, localhost 포함 이 전 글에서는 Python Flask에서 현재 주소나 전체 경로 등을 알아내는 방법에 대하여 아래와 같이 포스팅하였습니다.관련 링크 바로가기 >https://webisfree.com/2017-09-24/pytView Count : 2,012 Created : 2021-09-23
- Mac에 npm, node 설치하기 Mac에 node, npm을 설치하는 방법입니다.# Mac에 node, npm 노드를 설치하려면?리눅스나 윈도우 유저의 경우 apt 또는 apt-get 아니면 설치 프로그램을 실행해서 사용합니다. Mac도 비슷한데
- [Git] git 커밋 메시지 검색으로 커밋 해시 찾기 Git에서 원하는 커밋 해시(Commit Hash)를 찾아야 할 경우가 있겠죠. 예를들어...하나. 특정 커밋의 변경 내용 등을 확인할 때둘. 체리픽으로 해당 커밋을 다른 브랜치에 적용할 때위의 경우들처럼 git에서
- git 인증시 ssh key를 여러 개 등록하여 사용하는 방법 git을 사용하는 경우 인증이 필요하죠. 이 때 인증 방법으로 ssh 인증키를 생성하여 등록 후 사용하는 방법이 있습니다. 그런데 만약 "이미 등록된 키를 사용중"이라는 에러 메시지가 나타난다면 어떻게 할까요?위와
- 특정 엘리먼트로 스크롤을 천천히 이동시키는 방법, scrollIntoView smooth 웹사이트의 특정 영역으로 스크롤을 이동시키는 방법 중 하나인 scrollIntoView()에 대하여 알아봅니다.! [잠깐] 스크롤을 특정 엘리먼트로 이동시키는 방법은 뭐가 있을까?원하는 위치로 스크롤을 이동하는 방법
View Count : 12,019 Created : 2021-08-19 - 크롬 브라우저에서 웹사이트 전체 스크린샷 이미지 캡처 방법 가끔 웹사이트를 방문할 때 특정 웹페이지의 스크린샷이 필요한 경우가 있습니다. 특히 전체 스크린샷이 필요할 수도 있습니다. 이 경우 전체 스크린샷을 얻기 위해서 스크린샷을 여러 번 찍은 후 연결하는 방법이 있고&nb
