카페24 홈페이지+쇼핑몰만들기3 : 디자인 설치 후 오류수정

 

 

 

2019/05/15 - [카페24 활용] - 카페24 홈페이지+쇼핑몰만들기 0 : 카페24로 홈페이지, 쇼핑몰 만들기

2019/04/25 - [카페24 활용] - 카페24로 홈페이지+쇼핑몰만들기 1 : 템플릿 설치

2019/04/26 - [카페24 활용] - 카페24 홈페이지+쇼핑몰만들기 2: 카페24에서 설치한 템플릿 디자인수정하기

2019/04/27 - [티스토리 활용] - 카페24 홈페이지+쇼핑몰만들기3 : 인트로 로딩 후 홈페이지 진입이 안될때

 

 

 

 

이전 작업 간략 소개:

남이 만든 디자인 템플릿을

카페24에 설치했구요~

 

 

---

 

 

그걸 적용하다가 문제점 발견!

인트로인 로딩 css가 돌아간 후

홈페이지 진입이 되야 되는데

계속 인트로만 로딩된다는 점! ㅠㅠ

 

 

index.html을 살펴보니

로딩화면이 css로 만들어졌네요~

아래 이미지를 보시면

preloader 옆에 친절히 주소를 소개해 주고 있어요~ 

 

 

 

 

 

아래 페이지에서는

로딩 css를 다운받고 활용할 수 있는 방법을 소개하고 있습니다~

 

 

 

https://ihatetomatoes.net/create-custom-preloading-screen/

How To Create A Custom Preloading Screen | CSS3 Tutorial

 

 

css를 제어하기 위해선

jquery를 사용해야겠죠?

javascript를 쉽게 쓸 수 있게 모아 둔 라이브러리를

jquery라고 하는 걸로 알고 있어요~

초보자의 수준이니 틀릴 수도~ ;;

 

 

제가 설치한 디자인 템플릿은

자체 저장된 미니멈 제이쿼리...

버전이 엄청 낮네요~ @,@

 

jquery-1.11.3.min.js

 

그래서 이걸 jquery.com/download

에 가서 버전업을 해줄께요~

 

 

 

 

 

 

Download the compressed, production jQuery 3.4.0 slim buil

 

 

 

 

이 안의 내용을 긁어 복사한 후,

ftp로 가서

js 폴더 안의

jquery-1.11.3.min.js

요 파일 내용만 바꿔줬어요~

 

 

변화는?? 없음~~

 

 

 

---

 

 

그래서 버전의 문제가 아님을 발견!

 

그렇다면... jquery 명령어?를 바꿔야 되는데...

제가 약한 부분 ;;ㅋ

 

이것저것 해볼려고 index 파일을 살펴 봤어요~

801번 줄의 loaded를

다른 것으로 바꿔준다거나

796번 줄의 시간을 변경한다거나

 

그런데 생각해보면

기존 다운 받은 코드에서 제가 수정한 것이 없기 때문에

오류날 이유가 전혀 없는 것들이죠~

 

 

 

 

 

 

그래서 초보자는 깔끔히!

걍 인트로를 삭제하기로 결정!! ;;;ㅋㅋㅋ

 

이렇게 간단한 것을~~

로딩이 있으면 좀 답답하잖아요 흠흠~~

 

그래서 아래 부분을 주석처리 해 주었어요~

 

 

 

 

 

 

깔끔하게 딱!!

 

 

 

 

 

 

 

 

제가 다운받은 디자인이

잘 적용되었어요~

 

네비, 아래 갤러리, 그리고 안에 들어갈

컨텐츠들을 넣어야겠어요~

 

 

뭔가 차근차근 적용되는 거 같은데...

시작도 못했다는 거~~ ;;ㅋㅋ

 

프로젝트는 조금씩 계속됩니다.

 

다음엔 메인 css를 조금씩 수정해 볼께요~~

 

 

 

---

 

 

요즘엔 이런 웹퍼블리셔 영역외

프론트엔드 부분이 각광을 받고 있죠~

프로그래머가 아니라도 쉽게 접근이 가능해 졌는데요~

 

그것도 같이 공부중입니다.

아마존 AWS는 초반에 조금 공부하다가

영어의 한계로 포기했는데요 ;;

백엔드도 뭔가 같이 공부할려면

또 공부를 해봐야될 거 같아요~

 

워낙 이것저것 하는 게 많다 보니

속도는 느립니다~~ ;;ㅋ

혹시 보시는 분이 있다면

같이 공부해요~~