본문 바로가기

분류 전체보기26

jh 보호되어 있는 글 입니다. 2023. 3. 16.
promise 사용법 알아 보기 promise란? prmise('약속') 객체는 비동기 작업의 최종 완료 또는 실패를 나타내는 객체입니다. 대기(pending), 이행(fulfilled), 거부(rejected) 총 3가지 상태의 값 중 하나의 상태를 가지고 비동기 작업을 처리를 실행하고 그 처리가 끝난 후에 다음 처리를 실행하기 위한 용도로 사용합니다. 대기(pending): 이행하거나 거부되지 않은 초기 상태 이행(fulfilled): 연산이 성공적으로 완료 거부(rejected): 연산이 실패 promise 사용법 promise는 함수에 콜백을 전달하는 대신에, 콜백을 첨부하는 방식의 객체입니다. var promise = new Promise(function (resolve,reject){ var n = confirm('함수을 실.. 2021. 3. 21.
빔 프로젝트 PM1080프로 사용 후기 요즘 코로나로 인해 밖에 나가기도 뭐해서 집에서 최대한 최적하게 놀 수 있는 방법을 찾다가 갑자기 눈에 띄는 빔프로젝트빔 프로젝트 PM1080프로!! 정말 살까 말까 너무 고민을 많이 했는데 남자 친구가 그걸 보고 마음이 쓰였는지 화이트 데이 선물로 사준다고 해서 바로 구매 할려고 보니... 처음에 살려고 했을 때보다 가격이 올랐더라고요 저는 네이버 다나와에서 가격 비교하고 나서 티몬이 제일 싸서 티몬에서 구매했어요 대략 27만 원 ~ 31만 원 때까지 가격이 올랐다 내렸다 하니깐 저처럼 바보같이 비쌀 때 사지 마세요 ㅠㅠ [기술 사양] [제품 이미지] [구성품] 제품은 생각보다 훨씬 이쁘고 고급스러워서 집 인테리어 소품으로도 괜찮을 것 같더라고요 구성품은 리모컨, HDMI 케이블 1.5m 이렇게 두 개.. 2021. 3. 14.
비교 연산자 비교연산자는 피연산자들을 비교하고 비교에 따라 논리 값을 반환합니다. 피연산자들은 숫자, 문자열, 논리형, 객체 를 사용할 수 있습니다. var a = 1,b=2; atrue) a>b; //a가 b보다 값이 큰지 확인 (결과 -> false) a >= b; //b가 a보다 크커나 같은지 확인 (결과 -> false) a == a; //a와 a의 값이 같은지 (결과 -> true) a == b ; // a와 b의 값이 같은지 (결과 -> false) a != b; // a와 b의 값이 같지 않은지 (결과 -> true) a != a; // a와 a의 값이 같지 않은지 (결과 -> false) 문자열 비교 문자열의 대소 비교 연산은 사전의 알파벳순, 즉 어느 단어가 사전에서 먼저 나오는지를 기준으로 대소 비.. 2021. 3. 14.
[css] animation 속성 animation 모든 애니메이션 속성을 적용한다. animation-delay 애니메니션 발생 후 몇 초 후에 재생할지 지정한다. animation-direction 애니메이션이 순환할 때 진행 방향을 설정한다. [animation-direction 속성 값] normal : 시작 위치에서 다시 시작한다.(정방향) - 기본 값 {시작-> 종료, 시작->종료} reverse : 종료 위치에서 다시 시작한다. (역방향){종료->시작,종료->시작} alternate : 애니메이션이 종료 위치에 도착하면 종료 시점에서 시작 시점까지 반복한다 (정방향 반복){시작->종료,종료 -> 시작} alternate-reverse 애니메이션이 종료 위치에서 시작하며 시작 시점에 도착 하면 시작 시점에서 종료 시점 까지 반.. 2021. 1. 31.
[css] transition 속성 transition 모든 transtion 속성을 한 번에 사용한다. [transition 단축 문법] transition :(property) (duration) (timin-function) (delay); transition-delay 이벤트 발생 후 몇 초 후에 재생할지 지정한다 transition-duration 몇 초 동안 재생할지 지정한다. transition-property 어떤 속성을 변형할지 지정한다. [transition-property 속성 값] all - {transition: all 3s;}모든 속성 값에 전환 효과를 추가한다. 한 가지 속성 값만 추가 할 경우 - {transition : width 2s ;} 여러 가지 속성 값 추가 할 경우 - {transiotn :width.. 2021. 1. 31.