작업일지 (23) 썸네일형 리스트형 #6 각종 페이지 레이아웃 다듬기 완료 자잘자잘한 레이아웃 수정 완료 앞으로 수정할 부분 1. footer 2. 카카오톡, 네이버톡톡 상담 API연동 3. 상세페이지 리뷰, QNA 등 게시판 상단으로 배치 #5 로그인 페이지 수정 완료 수정 전 로그인 페이지 -작업내용 1. 로그인 버튼, 아이디 찾기, 비밀번호 찾기 클릭 오류 해결 2. SNS로그인 API연동 (카카오톡, 네이버) 3. 레이아웃 오른쪽 하단에 UP버튼아래에 DOWN버튼 추가 이미지 통째로 쓰고 그 위에 AREA를 부여하고 클릭하면 기능을 수행하는 형식이였다. 근데 AREA가 제대로 되어 있지않아서 버튼이 먹통이였다. 이를 해결함 API연동을 통해 카카오톡과 네이버 아이디로 회원가입 및 로그인이 가능하게 함 #4 상세페이지 상단부분 수정 -작업부분 1. 상단 부분 전체적으로 수정 [이미지크기, 오른쪽 상품정보, 버튼레이아웃, 네이버페이 버튼 크기 및 위치] 2. 회원가입 시 혜택 이미지 삭제 후 수정 _ 마우스 올리면 이미지 효과 #3 왼쪽 메뉴바 완성 및 메인 레이아웃 완성 - 작업내용 1. 왼쪽 메뉴바 토글 기능 2. 상단 메뉴 스크롤 내리면 고정 3. 메인 페이지 레이아웃 조정 및 이미지 작업 후 넣기 4. 왼쪽 메뉴바에 내용 추가(배송정보, 인스타그램) 5. 상단 메뉴 누르면 나오는 분류 페이지 상품정보 4개로 수정 레이아웃에 넣을 이미지를 만드는게 너무 힘들었다. 포토샵.. 다룰 줄 알지만 흥미는 정말 없는게 분명하다! #2 왼쪽 메뉴바 생성 및 메인 페이지 진열 수 수정 왼쪽에 있던 지저분한 게시판목록과 고객센터 정보 및 계좌정보를 왼쪽 박스에 넣었다 추후 열고 닫을 수 있게 자바 스크립트를 만질 예정임 그리고 메인 상품 진열수를 3개에서 4개로 변경하고 크기도 조정함 추후 롤링페이지와 상단 레이아웃을 변경 할 예정이다. #1 PC용 웹페이지 디자인 계획 일단 어제 작업한 상단 부분은 내가 생각한대로 디자인이 된 것 같다. 상단에서 최근 본 상품을 누르면 클라이언트가 클릭한 상품 목록이 나오도록 할 예정 아래 사진은 내가 생각한 레이아웃 디자인 1. 왼쪽에 게시판과 고객센터 정보를 담은 박스를 열고 닫을 수 있게 함 2. 메인에 5가지 박스로 상품정보 및 쇼핑몰 홍보란을 만듬 1. 상품 진열 수는 한줄에 4개로 수정 2. 위에 카테고리는 스크롤해도 고정되게끔 함 3. 오른쪽 박스는 스크롤을 내리면 생성되고 고정됨. 맨위로 스크롤을 올리면 사라짐 일단 메인페이지만 레이아웃을 생각해놨다 나머지 상세페이지, 로그인페이지, 회원가입페이지 등 다른 페이지는 추후 짤 예정! 카페24 디자인 수정 준비하기 운영하는 쇼핑몰 디자인을 수정해주기로 했다! HTML, CSS, JS에 대한 기초지식이 있으니 어렵지 않을 것 같다. 모바일 웹페이지와 PC용 웹페이지 두종류로 나뉘어있어서 고칠게 많아보인다. 카페24에서 제공하는 디자인 편집 툴은 쇼핑몰 관리자 웹페이지에서 제공해준다. 그런데 자동완성도 안되고 코딩하기엔 불편한 점이 많은데 에디터플러스 툴을 사용하면 편하게 HTML, CSS, JS를 코딩할 수 있다. 다만 30일 무료체험이 끝나면 유료라는 점 ㅠㅠㅠ 최대한 빠르게 디자인을 수정해야겠다. 카페24에서 쇼핑몰 호스팅을 받으면 JAVA같은 back단은 수정할 수 없고 디자인만 수정 가능하다. 대신 module을 이용해서 Back단과 파라미터를 주고 받을 수 있다. 아래 주소를 클릭하면 에디트 플러스 설치 및.. 이전 1 2 3 다음
