더 나은 웹개발을 꿈꾸는 기술 블로그. 웹이즈프리.
총 27개의 일치하는 문서를 찾았습니다.
js[자바스크립트] 배열의 맨 앞에 추가하거나 삭제하기, shift, unshift
자바스크립의 배열에 값을 추가하는 방법은 여러가지가 있습니다. 만약 배열의 맨 앞에 값을 추가하거나 삭제하는 방법을 알아보려고 합니다.# 자바스크립트 배열의 맨 앞 또는 맨 뒤에 값을 추가하기자바스크립트의 배열에는 다양한 내장 함수가 존재하며 이 중에서 배열 맨 앞에 사용하는 함수가 존재합니다. 바로 shift(), unshift()입니다.shift() // 배열 맨 앞의 값 삭제unshift(값) // 배열 맨 앞의 값 추가배열의 맨 앞의 값을 추가하거나 제거하는데 가장 쉽고 빠르게 사용할 수 있는 방법입니다.먼저 shift()는 배열 맨 앞의 값을 제거합니다. 그...
Last Modified : 2021-01-08 15:35:39
Created : 2021-01-06 10:02:00
python[Python] 태그만 제거하는 방법, 정규표현식
Python에서 정규표현식을 사용하여 모든 태그 요소를 제거하는 방법을 알아봅니다.# Python 정규표현식으로 태그 요소 제거하기Python에서 태그 요소를 제거하기 위해 몇 가지 방법이 있습니다. 그 중에서 아래는 정규표현식을 사용하여 태그만 제거하는 방법을 알아보겠습니다.먼저 태그를 제거하는 방법으로 아래와 같이 파이썬 re 모듈의 sub() 함수에 정규표현식 패턴을 적용할 수 있습니다.re.sub('regex', '치환문자', 대상 문자열)위와 같이 sub() 함수에 세 가지 인자 값으로 각각 정규표현식 패턴, 치환할 문자, 대상 문자열을 사용합니다....
Last Modified : 2020-08-07 07:16:05
Created : 2020-07-28 22:52:00
linux리눅스 if 사용 방법 및 예제
리눅스에서 조건에 따라 처리하는 if 문법에 대하여 알아보겠습니다.# 리눅스 if else 문법 알아보기리눅스에서도 조건에 따라 다른 명령어를 수행할 수 있는 if else 문법이 존재합니다. 예를들어 파일의 존재 여부를 확인한 후 삭제하는 것도 if 문을 사용해 가능합니다.아래는 기본적인 if else의 간단한 문법입니다.if [ 조건 ]then 참인 경우 실행할 명령어else 거짓인 경우 실행 할 명령어fiif로 시작하며 종료시 fi를 사용합니다.! 리눅스 if else 예제보기간단한 예제를 만들어 보겠습니다. 만약 변수 isDev의 값이 ...
Last Modified : 2020-07-20 22:49:19
Created : 2020-07-20 09:43:00- js
js 파일 압축하는 방법 및 es6 지원, uglify-js-es6
자바스크립트 파일을 압축해주는 uglifyjs 라이브러리는 꽤 유명합니다. 워낙 예전부터 유명한 자바스크립트 압축 유틸리티로 js 파일을 압축해 크기를 줄일 수 있는 방법이죠.! uglifsjs는?압축(Compress)으로 잘 알려져 있지만 Parcer, Minifier, Beautifier로서의 기능도 있습니다. 그럼 아래는 uglifyjs를 설치하고 사용하는 방법에 대하여 자세히 알아보겠습니다.# 자바스크립트 라이브러리 uglifyjs먼저 설치하는 방법을 알아봅니다. 간단하게 npm을 사용해 설치가 가능합니다.npm install uglify-js -g여기서 -g...
Last Modified : 2020-03-29 02:14:52
Created : 2020-03-23 23:38:30 
js[자바스크립트] 객체가 문자열인 경우 객체 또는 JSON 타입으로 변경하는 방법
자바스크립트의 객체가 만약 문자열인 경우를 생각해봅니다. 예를들어 input 태그에 문자열로 아래의 값이 저장된 경우를 생각해봅니다.'{ siteName: "webisfree" }'문자열이지만 원래는 객체임을 한 눈에 알 수 있습니다. 그렇다면 위 문자열을 다시 객체로 변환해보려고 합니다. 어떻게 하면 될까요?! JSON.parse()를 사용할 경우가장 먼저 생각하는 방법이 객체로 변환할 수 있는 JSON.parse()입니다. 하지만 에러가 발생합니다. JSON.parse('{ siteName: "webisfree" }');// 아래와 같이 에러가 발생Unc...
Last Modified : 2020-03-26 11:49:35
Created : 2020-03-23 15:10:13
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
linux리눅스 날짜 이 후 수정 또는 생성된 파일 디렉토리 리스트 찾기
리눅스에서 변경된 파일이나 디렉토리를 찾을 때 날짜나 시간을 기준으로 이 후에 변경된 것들을 찾는 방법에 대하여 알아봅니다. 어떻게 하면 원하는 날짜 이후의 파일이나 디렉토리를 찾을 수 있을까요?! 날짜 기준 파일 찾기는 언제 왜 필요한가?가장 먼저 서버에 문제가 생겼을 경우 어떤 파일을 수정해서 문제가 생겼는지도 확인해야 할 수 있겠습니다. 설정 파일을 수정하거나 아니면 서버의 특정 파일을 수정해서 에러가 발생했을 수도 있기 때문에 문제가 발생한 시점 이 후의 변경사항을 체크해야 하죠.# 리눅스 특정일 기준 변경 및 추가된 파일, 디렉토리 찾는 방...
Last Modified : 2019-08-06 21:59:45
Created : 2019-03-11 14:10:04
vuejs[VueJS] 폼 입력값의 v-model에 수식어 사용 방법, modifier
VueJS의 입력폼엔 사용되는 v-model에는 modifier(수식어)가 사용될 수 있습니다. 사용 가능한 수식어는 아래와 같습니다.v-model.lazyv-model.numberv-model.trim위 수식어를 v-model 프로퍼티와 함께 사용하면 좀 더 편리한 기능을 간단하게 제공합니다. 그럼 위 수식어 들을 하나씩 알아봅니다.! v-model.lazy입력된 값이 바로 data에 반영되지 않고 엔터를 누르거나 포커스가 벗어나는 등의 이벤트가 발생할 경우에만 값이 반영되어 나타납니다. lazy는 debounce와는 다르니 참고하세요.! v-model.number...
Last Modified : 2019-01-22 10:56:58
Created : 2019-01-22 02:10:25
vuejs[vuejs] v-if로 요소 보이거나 숨기는 방법
VueJS에서 컴포넌트 등의 요소를 숨기거나 보여주는 방법으로 v-if 디렉티브를 사용할 수 있습니다. 아래에서 자세히 알아봅니다.? VueJS에서 엘리먼트, 컴포넌트 등을 숨기는 방법은?일반적으로 가장 많이 사용되는 방법은 v-if 그리고 v-show를 사용하는 방법입니다. 간단하고 빠르게 적용할 수 있기 때문이죠. 그런데 이 둘 중 어떤 것을 사용해야 할까요?! v-if 그리고 v-show의 차이점은?이 둘의 공통점은 둘 다 동일한 기능으로 숨기거나 보여준다는 점이지만 기능 구현에 큰 차이점이 있습니다. 가장 큰 차이점은 실제 DOM을 그려주느냐의 여부에...
Last Modified : 2019-08-25 21:01:51
Created : 2018-10-02 11:35:01- html
iframe 태그에 css 스타일 적용할 수 없는가
웹사이트에서 iframe태그를 사용하여 다른 페이지를 불러오는 경우 내부의 엘리먼트에 접근해 css 스타일을 변경하려고 합니다. 가능할까요?# iframe으로 불러온 웹페이지 css 적용 가능 여부결론부터 말하면 css 스타일을 적용할 수 없습니다. iframe 태그 안에 존재하는 document는 해당 웹페이지에 적용된 css에만 영향을 미치게됩니다. 물론 가장 큰 이유는 보안에 따른 문제 소지가 있기 때문입니다. 혹시라도 iframe으로 웹페이지를 불러오는 특정 웹사이트가 악의적인 의도로 사용될 수도 있겠죠.! host가 동일한 경우에는 어떻게되는가?결론부터 얘기...
Last Modified : 2018-06-02 21:56:57
Created : 2018-05-28 17:54:26