본문 바로가기

분류 전체보기153

[CSS] transition : 전환 효과 transition - CSS 속성의 변화 값을 일정한 시간 동안 모션으로 전환 효과 주기 - 기존의 웹 환경에서 플래시를 사용하지 않고 모션 효과를 주기 위해서는 복잡한 JavaScript의 코드를 일일이 작성해야 했습니다. 그러나 CSS3의 transition을 사용하면 누구나 간단한 설정만으로도 직관적인 모션을 제작할 수 있고 효과가 탁월합니다. 이번에는 CSS3의 꽃이라고 할 수 있는 transition, 즉 전환 효과에 대해 알아봅시다. 필수 구문 정리 transition : 속성명 전환시간 가속도 설정 지연시간; ✨키포인트! transition은 보토 가상 선택자 :hover를 이용해 마우스 오버 시 변경된 CSS 형태로의 전환 효과를 전환합니다. 결과 화면 해당 에 마우스 오버 시 시계 방향.. 2023. 2. 8.
숫자 비교하기_[자바스크립트][프로그래머스]_20230206 숫자 비교하기 _ 자바스크립트 문제 정수 num1과 num2가 매개변수로 주어집니다. 두 수가 같으면 1 다르면 -1을 retrun하도록 solution 함수를 완성해주세요. 제한사항 0 ≤ num1 ≤ 10,000 0 ≤ num2 ≤ 10,000 입출력 예 num1 num2 result 2 3 -1 11 11 1 7 99 -1 입출력 예 설명 입출력 예 설명 #1 num1이 2이고 num2가 3이므로 다릅니다. 따라서 -1을 return합니다. 입출력 예 설명 #2 num1이 11이고 num2가 11이므로 같습니다. 따라서 1을 return합니다. 입출력 예 설명 #3 num1이 7이고 num2가 99이므로 다릅니다. 따라서 -1을 return합니다. [JavaScript] 조건문 | if, else .. 2023. 2. 6.
두 수의 나눗셈_[자바스크립트][프로그래머스]_20230206 두 수의 나눗셈 _ 자바스크립트 문제 설명 정수 num1과 num2가 매개변수로 주어질 때, num1을 num2로 나눈 값에 1,000을 곱한 후 정수 부분을 return 하도록 soltuion 함수를 완성해주세요. 제한사항 0 < num1 ≤ 100 0 < num2 ≤ 100 입출력 예 num1 num2 result 3 2 1500 7 3 2333 1 16 62 입출력 예 설명 입출력 예 #1 num1이 3, num2가 2이므로 3 / 2 = 1.5에 1,000을 곱하면 1500이 됩니다. 입출력 예 #2 num1이 7, num2가 3이므로 7 / 3 = 2.33333...에 1,000을 곱하면 2333.3333.... 이 되며, 정수 부분은 2333입니다. 입출력 예 #3 num1이 1, num2가 .. 2023. 2. 6.
[HTML5] <video>태그 HTML5의 태그 - 외부 플러그인 없이 순수 웹 표준 기술만으로 동영상 콘텐츠 삽입 가능 - 기존 웹 문서에 동영상을 삽입하기 위해서는 윈도우 미디어 플레이어나 플래시 같은 외부 플러그인을 통해서만 가능했습니다. 하지만 HTML5로 넘어오면서 순수 웹 표준 기술만으로도 원하는 동영상을 손쉽게 삽입 가능할 뿐만 아니라 CSS로 해당 콘텐츠를 변형할 수도 있게 되었습니다. 필수 구문 정리 태그의 속성들 video 태그 속성설명 preload 해당 동영상을 재생 전 미리 불러오기 autoplay 비디오를 자동 재생 loop 비디오를 무한 반복 controls 비디오의 컨트롤 패널을 생성 결과 화면 코드 코드 해설 기본적으로 태그는 인라인 요소이기 때문에 블록 요소로 변경한 뒤 넓이 값과 마진 값을 성정합니다.. 2023. 2. 5.
TIL_20230201_1과목 소프트웨어 설계_가볍게 1독 2023. 2. 2.
[가족여행] 스키장(덕유산리조트)_20230201 [굿모닝_덕유산] [든든한 아침_삼겹살, 곰피] [엄빠+2th = 곤돌라, 1th = 스키, 3th = 보드] (곤돌라) : 1人 일반 성인 : 왕복 2만원 (스키,보드) 개인 챙겨야 하는 것 : 튼튼한 장갑, (option:보조배터리?) 날씨 더 추우면, 목에 쓰는 거? 준비하는 것이 좋겠다. 안경쓰는 사람은 렌즈를 준비하는 것이 좋겠다~ (고글...?) 지갑을 챙겨가야한다. ( 담보로 맡길 신분증2개(아니면 카드나 신용카드), 현금: 옷,신발 넣을 락커가 1500,2000원단위로 동전500원을 넣어야 한다. 그것도 '매 회' '열때마다') 스키신발은 10~15 크게 신는 것이 맞다. (255~260) 보드관련해서 추가로, 무릎+엉덩이 보호대는 빌릴 수는 없고 (3만8천원, 5만원 짜리) 구매할 수 있.. 2023. 2. 2.
[코드 문제풀이][손코딩] TIL_20230130_if(i%3 != 1) continue; 문제 문제풀이 _ 손 코딩풀이 continue : 해당 결과를 그대로 지나쳐가고 다른 번호의 함수를 진행하라. 즉, i%3 == 1 인 값들만 차례대로 더해서 저장해라. 🧐음.. "!=" 와 "continue" 로 이중부정은 긍정... 인건가 크롬 콘솔창에서 결과값 확인하기 정답~! 2023. 1. 31.
[개발자 컨퍼런스][DDC 2023:DEV DAY][서론_준비,가는길] https://www.likelion.net/ LIKELION POSSIBILITY TO REALITY, 당신의 내일과 가장 가까운 오늘을 만듭니다. www.likelion.net https://techit.education/event/ddcon?utm_source=DDC&utm_medium=kakao_channel&utm_campaign=TC_kakao_channel_news_DDC&utm_content=DDC + 나무위키 검색 : 멋쟁이 사자차럼 [컨퍼런스 Select] '멋쟁이 사자처럼' 에서 컨퍼런스를 개최하여 선배이자, 현직자 분들의 개발자 이야기를 듣고 싶어서 신청하게 되었다. 두 컨퍼런스 다 욕심나는 내용들이라 선택하는데 쉽지 않았지만 토요일에 하는 DEV DAY 컨텐츠들이 현재의 나에게 더.. 2023. 1. 30.
[Teamproject]20230127 2023. 1. 28.
728x90
반응형

티스토리툴바