Webi Blog

웹아이에서 운영되고 있는 블로그입니다.

웹아이 37

윤디자인 티머니 폰트

스크롤 애니메이션과 폰트 사용해보기를 위한 스크립트 작업, 비디오 백그라운드 재생 작업이 진행된 윤디자인의 티머니 폰트 소개 웹사이트 입니다. 사이트명 : 윤디자인 티머니 폰트 주요 작업 : 반응형 퍼블리싱 개발 환경 : HTML + CSS + JavaScrtip 사이트주소 : http://tmoney.webi.kr 상세 작업 내역 반응형 퍼블리싱 스크롤 애니메이션 폰트 변경 스크립트 개발 백그라운드 동영상 플레이

Experience/Web 2022.01.26

삼삼해물

고도몰5를 이용한 튜닝작업이 다수 진행된 삼삼해물 쇼핑몰입니다. 새벽배송과 택배배송을 함께 사용하면서 그에 따른 장바구니, 주문서 튜닝이 진행되었습니다. 사이트명 : 삼삼해물 주요 작업 : PC, 모바일 웹 개발 솔루션 : 고도몰5 Pro 개발 환경 : LAMP (Linux + Apache + MySql + PHP) 사이트주소 : https://www.samsamheamul.com/ 상세 작업 내역 퍼블리싱 백엔드 개발 새벽배송, 기본배송 선택 주문 개발 주문서 수령일 선택 주문 개발 관리자 상품별, 날짜별 재고 설정 개발 조건별 상품금액 디스플레이 방식 변경 기간별 할인을 이용한 타임 세일 개발 상품 상세페이지 팝업 개발

Experience/Web 2022.01.25

데일리픽

AWS 셋팅부터 퍼블리싱, 개발까지 모두 진행한 데일리픽 쇼핑몰입니다! 자가진단을 관리자와 연동하여 쉽게 관리할 수 있도록 작업한 사이트입니다! 사이트명 : 데일리픽 주요 작업 : 모바일웹 퍼블리싱, 개발 솔루션 : 영카트5 개발 환경 : AWS + LAMP (Linux + Apache + MySql + PHP) 사이트주소 : http://dailypick.org 상세 작업 내역 퍼블리싱 백엔드 개발 AWS EC2 서버 셋팅 자가진단 설문을 통한 진단 및 상품 추천 ( Canvas를 이용한 그래프 애니메이션 ) 관리자를 이용한 자가진단 설문 항목 및 결과 설정 각 상품별로 팩 조합을 구성하여 구매 및 발송 리워드 뱃지 기능 개발 복용 알림 개발 태그 기능을 이용한 상품 검색 프로그램, 제품별 장바구니 분..

Experience/Web 2022.01.25

집반찬연구소

2018년부터 시작해서 현재까지도 유지보수, 개발을 진행하고 있는 집반찬연구소 쇼핑몰 입니다. 개발, SEO, 통계, API 등 많은 작업을 저희 웹아이와 함께 진행하고 있습니다 사이트명 : 집반찬연구소 주요 작업 : PC, 모바일 웹 리뉴얼 및 개발 유지보수 솔루션 : 고도몰 이나무4 독립형 개발 환경 : LAMP (Linux + Apache + MySql + PHP) 사이트주소 : https://www.zipbanchan.co.kr 상세 작업 내역 퍼블리싱 백엔드 개발 PC, 모바일 웹 리뉴얼 모바일 튜토리얼 기능 개발 검색 노출을 위해 상품 상세페이지 퍼블리싱 작업 상품 및 페이지 SEO 최적화 스키마 마크업 작업을 통해 구글 검색 시 상품 가격 및 리뷰 정보 등 노출 이니시스 빌링 모듈을 이용한 ..

Experience/Web 2022.01.25

CSS로 마우스 커서를 내가 원하는 이미지로 변경하기 | 커서가 안 바뀔 때

웹사이트를 만들 때 클라이언트의 요구 혹은 디자이너의 요구로 인해 커서를 내가 원하는 이미지로 변경해야 하는 경우가 생깁니다. 시스템에서 제공해주는 기본 커서로 변경하는 방법은 매우 간단합니다. 시스템 기본 커서로 변경하는 방법 입니다. .link:hover { cursor : pointer; } 가장 많이 쓰이는 방법이며, 특정 태그를 마우스 오버 했을 때 손가락 모양으로 바꾸는 코드입니다. pointer 외에도 기본적인 시스템 커서는 아래 링크에서 확인해 보시면 됩니다. https://developer.mozilla.org/ko/docs/Web/CSS/cursor cursor - CSS: Cascading Style Sheets | MDN CSS cursor 속성은 요소 위에 마우스 커서가 올라갔을 ..

Web/CSS 2022.01.10

CSS의 Width사이즈 계산 방식을 달리 해보자~ | box-sizing

퍼블리싱하실 때 Div 나 li 등의 태그 사이즈 지정해 줄 때 어떻게 하시나요? 저는 box-sizing을 알기 전에는 상당히 복잡하게 했던거 같아요 디자이너가 넘겨준 전체 사이즈에서 border 사이즈 빼고 padding 넣어줄 사이즈 빼고 남은 사이즈를 width로 넣어줬는데요. 다들 그렇게 하셨나요? 물론 디자인 파일을 받아서 작업을 하다 보니 그렇게 계산해서 작업을 한 거고 content-box 방식의 나름 장점도 있겠죠^^ width영역의 사이즈를 고정해서 주고 싶다거나 할때 말이죠 자 여기서 잠깐!! 중간 중간 box-sizing, content-box 이런 말들이 나왔는데 이게 뭐죠? 이게 바로 오늘 알아볼 CSS의 box-sizing이고요~ content-box는 box-sizing의 속..

Web/CSS 2021.09.17

PHP에서 배열을 문자열로 합치기, 문자열을 배열로 만들기 | explode, implode

안녕하세요~ 이번 시간에는 PHP의 explode와 implode에 대해서 알아보겠습니다. 간단하게 설명을 드리자면, explode는 문자열을 특정 문자로 분리해서 배열로 만들어 줍니다. implode는 배열을 특정 문자로 합쳐서 문자열로 만들어 줍니다. 이게 도대체 무슨 말?ㅎㅎ 사실 프로그램 공부하면서 제일 어려운 건 이해가 쉽지 않은 것도 있지만 이걸 왜! 어디에! 써야 하는지를 모르겠다는 게 제일 힘든 거 아닐까요? 물론 저도 처음에 공부할때 그런 어려움이 있었어요ㅠ 자! 일단 어떻게 사용하는지에 대해서 알아볼게요 string implode ( string $glue , array $pieces ) implode를 먼저 알아볼게요.. 사용법은 위와 같습니다. // 결과 a1 is: 1,2,3 a2..

Web/PHP 2021.09.07