HOME
물생활
일상생활
개발

퍼블리싱 5

크몽에서 받은 첫 서비스 문의

결혼식도 끝난 지 한달 됐고.. 요샌 게임도 시들시들하다. 짝꿍은 퇴근하고 나면 방에 틀어박혀서 게임을 하거나 본인이 하고 싶은 개발공부를 한다. 난 리액트나 공부좀 해볼까 하다가 왠지 손이 안 가고, 근데 겜도 하기 싫고 심심하고................ 그러던 중 간단한 퍼블리싱 외주라도 받아서 용돈벌이라도 할까 싶어서 크몽에 가입했다. 전문가가 필요한 순간, 프리랜서 마켓 No.1 크몽마케팅·디자인·IT프로그래밍·영상 등 다양한 비즈니스 분야의 전문가를 만나보세요!kmong.com 솔직히 경쟁자도 많고 업체도 많이 입점해있는 상태기 때문에 나처럼 1인 영세 어쩌고 한 테 의뢰가 올 거라곤 생각하지 않았다. 그냥 오면 감사감사인 거고 아니면 마는 거고 ㅎ 아무튼 반응형 퍼블리싱, 프론트엔드 개발로..

후기/일상 2023.12.13

javascript ) 스와이퍼 라이브러리 다음 페이지로 이동

GoToPage 클래스를 누르면 페이지가 이동된다. 현재 페이지를 전역으로 선언하고 swiper에서 슬라이드 넘길때 현재 페이지 index값을 가져와서 저장 한다. 이후 버튼 눌렀을 때 현재 페이지의 다음 페이지로 넘어가도록 한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 var activePage = 0; // 슬라이드 현재 페이지 var total_count = 5; // 슬라이드 전체 페이지 // 스와이퍼 생성 var swiperSlide= new Swiper(".swiperSlide", { loop : true, speed : 500, autoplay: { delay: 10..

개발/Javascript 2022.05.20

HTML & javascript ) 세로 슬라이드 만들기 (무한루프)

슬라이드 조건 - 슬라이드 개수는 5개 - delay시간은 5초 - 자동으로 5초뒤면 넘어가고, 무한루프 swiper로 슬라이드 만들고, 세로 슬라이드 옵션을 켜면 익스플로러에서 깨지는 현상이 있었다. 그래서 그냥 직접 만들었던 세로 슬라이드 소스코드다. 그땐 DB에서 값 불러오는 슬라이드였어서 php 코드랑 얽혀있었는데 다 배제하고 슬라이드 기능만 있는 순수 html, javascript 코드다. 요샌 익스플로러까지 신경들 안쓰니, 그냥 스와이퍼 사용한다. 스와이퍼 짱짱맨 html, javascript 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40..

개발 2022.05.20

CSS) input type=text placeholder CSS 변경

input text의 placeholder에 css를 적용해야할 때가 있다. 아래와 같이 적용한다. 1 2 3 4 5 6 input:focus {outline:none} input::placeholder{padding-left:20px;color:#838383;font-size:14px;letter-spacing:-1.2px} input::-webkit-input-placeholder {padding-left:20px;color:#838383;font-size:14px;letter-spacing:-1.2px} input:-ms-input-placeholder {padding-left:20px;color:#838383;font-size:14px;letter-spacing:-1.2px} Colored by ..

개발/CSS 2022.04.03