44개의 일치하는 문서를 찾았습니다.
- js
자바스크립트 Object 메소드 entries() 알아보기
자바스크립트의 객체(Object)에 사용하는 entries() 메소드에 대하여 알아봅니다.# 자바스크립트 Object의 entries() 메소드는?자바스크립트의 타입중 객체는 배열처럼 하나가 아닌 여러 개의 값을 키, 밸류 형태로 가지고 있습니다. 만약 객체가 가진 모든 키와 값을 확인하길 원하는 경우라면 entries()를 사용하면 편리합니다. entries()는 객체가 가지고 있는 모든 프로퍼티를 키와 값 쌍으로 배열 형태로 반환하여 주기 때문에 어떤 프로퍼티와 값으로 이루어졌는지 한 눈에 확인할 수 있겠죠.Object.entries() // 모든 프로퍼...
Last Modified : 2022-09-07 11:56:00
Created : 2019-06-18 18:49:02 
linux리눅스 날짜 이 후 수정 또는 생성된 파일 디렉토리 리스트 찾기
리눅스에서 변경된 파일이나 디렉토리를 찾을 때 날짜나 시간을 기준으로 이 후에 변경된 것들을 찾는 방법에 대하여 알아봅니다. 어떻게 하면 원하는 날짜 이후의 파일이나 디렉토리를 찾을 수 있을까요?! 날짜 기준 파일 찾기는 언제 왜 필요한가?가장 먼저 서버에 문제가 생겼을 경우 어떤 파일을 수정해서 문제가 생겼는지도 확인해야 할 수 있겠습니다. 설정 파일을 수정하거나 아니면 서버의 특정 파일을 수정해서 에러가 발생했을 수도 있기 때문에 문제가 발생한 시점 이 후의 변경사항을 체크해야 하죠.# 리눅스 특정일 기준 변경 및 추가된 파일, 디렉토리 찾는 방...
Last Modified : 2019-08-06 21:59:45
Created : 2019-03-11 14:10:04
webdevetcAdobe Premiere(프리미어) 녹음 방법 알아보기
Adobe Premiere(프리미어)를 사용하여 오디오 녹음 방법... 더빙 방법을 알아보려고 합니다. 시작에 앞서 어떻게하면 녹음이 가능한지 몇 단계로 나누어 살펴보면 알아보면 다음의 과정과 같습니다.1. 오디오 하드웨어 설정하기2. 설정 완료 후 녹음될 음량 크기를 설정3. 사용할 오디오 트랙을 선택4. 녹음 시작5. 녹음 종료 및 녹음된 소리를 확인위와 같이 5단계로 나뉘어집니다. 그럼 하나씩 확인해보겠습니다.# 프리미어에서 녹음하는 방법아래는 각각의 단계를 설명한 세부 내용입니다. 아래의 과정을 수행합니다.1. 오디오 하드웨어 설정하기먼저 오디오 하드웨어가 설...
Last Modified : 2019-01-30 00:19:55
Created : 2019-01-28 22:31:34
etcAdobe Premiere 단축키 정보 알아보기
동영상 편집의 인기툴 Adobe Premiere의 단축키 정보입니다. 어떤 단축키가 있고 어떻게 사용하는지 알아보세요.# Adobe Premiere 단축키 모음각각의 기능별로 분류하여 정리한 내용입니다.@ 파일 및 프로젝트 관련새로운 시퀀스 만들기 - Ctrl + N프로젝트 열기 - Ctrl + O저장하기 - Ctrl + S닫기 - Ctrl + W가져오기 - Ctrl + I찾기 - Ctrl + F그룹 설정 - Ctrl + G그룹 해제 - Ctrl + Shift + G스냅 - S확대 - +축소 - -재생하기(미리보기) - Space현재 클립 재생하기(미리보기) - Sh...
Last Modified : 2019-01-30 00:20:06
Created : 2019-01-26 20:19:36
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
js자바스크립트 쿠키값 간단하게 저장 및 불러오기
자바스크립트를 사용할 경우 로컬 저장소로 localStorage, sessionStorage 그리고 쿠키(cookie)를 생각할 수 있습니다. 오늘은 쿠키를 더 쉽고 간단하게 사용할 수 있는 자바스크립트 코드와 이를 사용하여 간단하게 쿠키 사용 예제를 알아보겠습니다. 먼저 Cookie는 언제 왜 사용할까요?# Cookie 쿠키를 사용하는 이유는?HTML5 이후 많은 분들이 여러 저장소가 사용되지만 기존에 사용되던 Cookie도 많이 사용됩니다. 특히 저장할 데이터의 크기가 작고 간단하면서도 만료가 필요한 경우(시간이 지나면 폐기)가 더욱 그렇습니다. 쉽게 사...
Last Modified : 2020-05-31 06:41:40
Created : 2018-11-05 07:41:01- webdevetc
캔버스에 곡선 커브를 그리는 방법 및 예제보기
얼마 전 캔버스(canvas)를 사용하여 원을 그리는 방법을 알아보았습니다. 이번에는 원이 아닌 캔버스에 곡선을 그리는 방법에 대하여도 알아보려고 합니다. 어떻게 하면 부드러운 곡선을 그릴 수 있을까요?# 캔버스(canvas)에 원을 그리는 방법canvas 요소에 원을 그리는 방법은 크게 세 가지를 사용할 수 있습니다. 구분해보면...1. arc() // 원을 그리거나 곡선을 그릴 수 있음2. arcTo() // 커브를 그리는 데 사용 가능3. benzierCurveTo() // 베지에 커브를 사용하여 ...
Last Modified : 2020-08-10 23:38:30
Created : 2018-06-17 22:07:28 
webdevetcIE 팝업창에서 스크롤바 안나타나는 경우 해결방법
자바스크립트를 사용하여 팝업창을 띄우는 경우 IE 익스플로러에서 스크롤바가 없는 경우 어떻게해야하는지 알아봅니다.# IE 팝업창에 스크롤바가 없는 경우 해결하기자바스크립트를 사용하여 팝업창을 띄우는 경우 아래와 같이 open()을 사용합니다.window.open();이때 다른 브라우저와 달리 IE에서 스크롤바가 안나타날 수 있는데 그 이유는 익스플로러에서는 스크롤바가 필요한 경우 기본값이 아닌 옵션 설정을 필요로하기 때문입니다.그럼 어떻게해야할까요? IE에서 스크롤바를 위해 팝업창을 띄우는 옵션에 아래의 옵션을 추가해야 합니다.scrollbars=yes위 scroll...
Last Modified : 2018-06-17 22:04:36
Created : 2018-06-08 11:08:26- css
css를 사용하여 gradient 텍스트 만드는 방법
css를 사용하여 배경, background에 gradient(그라데이션) 효과를 줄 수 있습니다. gradient는 2개 이상의 색이 서서히 적용되어 있는 상태의 모습을 가지게됩니다. 그럼 아래는 css를 사용한 그라데이션(gradient)효과를 적용하는 방법을 알아보고 이 효과를 사용하여 텍스트 그라디언트 효과를 적용하는 방법입니다.# backround에 gradient 적용하는 방법먼저 background에 linear gradient를 적용하는 방법을 알아봅니다. linear는 한 방향으로 스무스(Smooth)하게 색이 다른색으로 변하며 적용되는 cs...
Last Modified : 2018-11-23 18:35:40
Created : 2017-09-01 06:07:33 - html
meta viewport 속성 shrink-to-fit
meta태그의 viewport에 사용되는 속성 중 shrink-to-fit에 대하여 알아봅니다. 반응형웹 구현에 필요한 viewport 설정시 추가되는 속성으로 아래처럼 사용됩니다.<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">! Apple Developer 페이지의 Safari 9.0 업데이트 내용ttps://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Art...
Last Modified :
Created : 2017-08-03 10:53:24