본문 바로가기

근무 중 기록/아디다스

(5)
[작업물] 해당 칸에 맞게 움직이는 네비게이션 슬라이드 https://shop.adidas.co.kr/html/adidas/2019/event/vrct/build/index.html 아디다스 공식 온라인 스토어 인기 NOT SPORTS SPECIFIC 47,200원 59,000원 shop.adidas.co.kr html 패치에 담긴 그들만의 한 마디 SON NA EUN POTENTIAL JAMES HARDEN FAMILY NING ZETAO BRAVE METTE TOWLEY AUTHOR PAULO DYBALA SACRIFICE DENISE SCHINDLER I’M PERFECT scss .slider_wrapper { width: 100%; background: #fff; // overflow: hidden; .slider_wrap { margin: 0 au..
[작업물] 모바일 - 디바이스마다 다른 div 높이값 구해서 더하기 https://m.adidas.co.kr/MO/Event/pnEvtView.action?pn=MYSHELTER 아디다스 공식 온라인 스토어 아디다스 공식 온라인 스토어 shop.adidas.co.kr 내가 원하는 결과물 : absolute로 겹쳐진 item 이라는 div는 각각에 해당하는 네비게이션 버튼을 클릭시 opacity가 1이 되면서 화면에 떠야한다. 그런데... div에 absolute를 먹이면 높이값을 읽지 못하고 px로 정확한 높이값을 지정할 수 있는 웹과는 다르게 모바일의 경우 디바이스마다 각 내용물들의 높이가 다르게 측정이 되기 때문에 스크립트로 유동적인 높이값을 찾아서 직접 지정해주기로 했다. // 네비게이션 버튼 클릭시 실행되는 함수 $('.navi_wrap .navi').click(..
Trello : 프로젝트 일정관리와 공유에 유용한 프로그램 https://trello.com/b/bk6hW9n1/fed-board 불러오는 중입니다... 스탠바이 : 준비 중인 프로젝트 (소스 미수급된 것들) 캠페인 : 업무의 90% 차지하는 프로젝트들 event/edm : 공수가 안 드는 간단 작업들 system : 아디다스, 리복 내에 회원가입, 마이페이지, 장바구니, 상품상세페이지 등에 해당하는 시스템 코딩용 프로젝트 ing : 무기한 진행 중인 프로젝트 or 내부에서 정한 규칙들을 기재한 카드를 추가하는 용으로 씀 aws : 작업 업로드 방식이 ftp -> aws 배포로 변하면서 계정 공유나 그 주의 배포 담당자 이름과 날짜를 기재. 트렐로의 장점 : 카드 생성이 쉽다 (프로젝트 기한, 이름, 진행 현황 표기가 쉽고 보기도 쉽다) 누가 어떤 작업을 맡고 ..
중구난방인 메일 내용이 보기 힘들어 메일 양식 지정 디자이너와 퍼블리셔 사이에 오가는 핑퐁 메일들의 내용이 짧으면 이해하기 쉬우나 히스토리도 많고 내용도 길면 바쁜 와중에 한 눈에 정보 전달이 안 된 경우가 불편하다고 느껴 퍼블리셔들끼리 만들어 본 작업자들 간에 쓰기로 한 내부용 메일 형식. 작은 형식이라도 지켜지기 시작하니 메일이 훨씬 깔끔해졌다.
[작업물] 페이지 스크롤 시 원하는 컨텐츠에 효과 먹이기 https://shop.adidas.co.kr/PF020620.action?pn=DONISSUE1 아디다스 공식 온라인 스토어 아디다스 공식 온라인 스토어 shop.adidas.co.kr ... ... ... ... ... ... * HTML 영역 안에 있는 박스들 중 스크롤 시 효과가 나타났으면 하는 DIV 태그에 지정한 클래스 추가하여 마크업. (예시 마크업에선 scroll 이라 지정) $(window).ready(function(){ // 원하는 컨텐츠의 offsettop 값을 배열 안에 넣기 var scrollArray = []; var scrollContent = document.querySelectorAll('.scroll'); for(var i = 0; i