• 목록
  • 아래로
  • 위로
  • 9
  • GsusWeb
  • 조회 수 131

코딩이 한다고 다 표현되는 게 아니더군요. 

 

Html 과 php 인지, 확장자 구분에서 한 번 막혔고, (깃헙 미지원)

 

chrome 과 safari 인지, 브라우저 구분에서 다시 막혔습니다. 

 

구구절절 상황은 이렇습니다. 

 

MAMP에서 INDEX.php로 테스트 파일을 만들어서 껍데기만 겨우 만들었습니다.

그런데 Github에서는 php 미지원이라 테스트 파일을 다시 Html 코드로 대체했습니다. 

 

문제 없을 줄 알았는데 이번엔 chrome과 safari에서 표현되는 정보가 다릅니다. 

예1) 크롬은 문제 없고, 사파리에서 글자에 씌워놓은 그라디언트는 표현되는데, 본 글자가 표시가 안되어 Hover시, 유령처럼 색만 채워집니다.

예2) 무료템플릿을 가져와 사이트에 끼워(?)맞추는 과정에서 이미지로 표현된 걸 제가 원하는 문구로 수정(포토샵)해서 대체 (Replace)했습니다. 당연히 이름도 매칭되게 바꿨고요. 이번엔 사파리에선 잘 적용되는데, 크롬에선 이전샘플 이미지가 그대로 표현되는 것입니다. 

 

효과 표현이나, 이런 템플릿을 가져와 쓰면서 느낀 점은 무엇을 표준으로 두고 작업을 해야 하는 가에 대한 의문이 생깁니다. 

 

코딩하실 때 어떤 브라우저를 기준으로 하시나요?

 

혹 하시다가 안되면, 원하시는 효과를 삭제하시나요, 아니면 효과가 작동하는 다른 브라우저를 기준으로 작업하시나요?

 

목마른 사슴이 시냇물을 찾고 있습니다.

 

 

 

 

 

작성자
GsusWeb 44 Lv. (55%) 158840/162000EXP

초행길 방랑자에겐 오아시스 같은 곳이네요.

 

댓글 9

신고

"OAUTH2님의 댓글"

이 댓글을 신고 하시겠습니까?

GsusWeb 작성자 → OAUTH2
관심 감사합니다. 공유해주신 페이지로 가보니 메인페이지가 나와서 어디를 참고해야 할 지 잘 모르겠습니다. 덜컥 숨이..
몇몇 글 보니 호환성에 대한 부분이 나오긴 하던데요. 혹시 웹 표준에 대한 걸까요? 페이지가 유실됐다고 나오더라고요.
comment menu
2020.06.19. 18:21

신고

"GsusWeb님의 댓글"

이 댓글을 신고 하시겠습니까?

OAUTH2

https://developer.mozilla.org/ko/docs/Web/HTML/Element

이 페이지는 태그를 사용해 만들 수 있는 모든 HTML 요소의 목록을 제공합니다.

https://developer.mozilla.org/ko/docs/Web/CSS

Cascading Style Sheets(CSS)는 HTML이나 XML(SVG, XHTML 같은 XML 방언(dialect) 포함)로 작성된 문서의 표...

여기서 우측 상단에 검색창을 활용하면 편합니다.

예를 들어서 css 에서 background-position 등 각각의 element들에 관한 문법이나 Browser compatibility 를 한눈에 알 수 있습니다.

image.png.jpg

 

comment menu
2020.06.19. 18:32

신고

"OAUTH2님의 댓글"

이 댓글을 신고 하시겠습니까?

GsusWeb 작성자 → OAUTH2
와우 백과사전을 선물 받은 기분입니다.
감사합니다.
잘 읽어보고 참고하겠습니다.^^
comment menu
2020.06.19. 18:37

신고

"GsusWeb님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 황금 서버 (30일)humit
profile image
+2
1. 이전 이미지를 표시하는 것은 이전에 있던 이미지가 캐싱되어서 그렇습니다. F12를 누르신 다음에 Network 탭을 선택하시고 Disable cache를 선택하시고 새로고침을 하면 새로운 이미지를 받아오게 됩니다.
2. https://caniuse.com/ 에서 검색하시면 해당 내용이 어떤 브라우저에서 지원이 되는지 직관적으로 확인이 가능합니다.
3. IE를 제외하면 지원하는 기능이 거의 유사합니다. 가끔씩 브라우저마다 간격이 다르게 보이는 경우가 있기 때문에 이를 무시하기 위해서 normalize.css 라는 것이 존재합니다.
4. 효과의 경우에는 최대한 지원하는 방향으로 가되 특정 브라우저에서 지원이 안된다면 그 브라우저는 무시하는 방향으로 합니다. 타켓으로 하는 브라우저를 어디에서 어디까지 지원할지를 미리 결정해두시고 거기에 맞게 작업하시면 됩니다.
즉 사이트 효과는 간단한 방식으로 제작하고 해당 효과가 없더라도 사이트를 이용하는데 있어 지장이 없게 하시면 됩니다.
comment menu
2020.06.19. 21:20

신고

"humit님의 댓글"

이 댓글을 신고 하시겠습니까?

GsusWeb 작성자 → humit
1. 적중하셨습니다. 바로 적용되는군요. 고맙습니다.
2. Can I use 이런 사이트도 있군요, 호환성에 대한 문제는 저만의 문제가 아니었나봅니다.
3. 크...normarlize.css 꿀팁이네요.잘 참고하겠습니다.
4. 유용한 조언 고맙습니다. 초보지만, 초보인 척 하면 안되는군요.
코드를 작성하는 순간, 전문가의 관점으로 페이지를 빚어가야겠다는 생각이 드네요

Humit 님, 문제를 꿰뚫는 발군의 관점과 혜안에 놀랐습니다.
앞으로도 잘 부탁드릴게요.^^
comment menu
2020.06.19. 21:34

신고

"GsusWeb님의 댓글"

이 댓글을 신고 하시겠습니까?

OAUTH2 → GsusWeb
1. cache hit !
comment menu
2020.06.20. 18:53

신고

"OAUTH2님의 댓글"

이 댓글을 신고 하시겠습니까?

GsusWeb 작성자 → OAUTH2
캐쉬 힛은 어떤 의미로 쓰신 건가요?
혹시 그 작업명이 캐쉬 힛일까요?
초보라 갓 말배운 아기마냥 묻기만 하네요.
comment menu
2020.06.20. 20:33

신고

"GsusWeb님의 댓글"

이 댓글을 신고 하시겠습니까?

해피보이 → GsusWeb
+1
평소 쑥스러워 질문을 많이 망설이는 타잎입니다.
GsusWeb님 덕분에 덩달아 많이 배웁니다.
아낍없는 답변 주시는 선배님들 항상 감사합니다.^^
comment menu
2020.06.29. 20:12

신고

"해피보이님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 24.02.11.17:21 2203
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 5884
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 4541
866 윈도우 NTFS에서 확장자의 대소문자가 구별되나요? (파이썬 pathlib.Path(file).suffix 관련) 9 이니스프리 19.11.19.00:50 1387
865 Crontab에서 파이썬 실행이 시간적으로 겹치는 것과 관련하여 질문 드립니다 ^^ 이니스프리 19.12.06.01:06 1372
864 이베이에서 판매되는 Adobe master collection CS6 정품일까요? 8 이니스프리 19.07.12.17:12 1367
863 system32 폴더 내 파일의 삭제 권한과 관련된 질문을 드립니다 ㅠㅠ 11 이니스프리 19.04.20.13:19 1336
862 [파이썬] 웹 페이지 크롤링 시 조건에 따라 보여졌다 안보여지는 class를 조건문으로 사용 하고 싶은데요.. 4 위돈톡애니모 20.02.25.15:19 1333
861 도움이 절실합니다. Freenom 질문입니다.(왕초보) 22 image 슬립 17.11.14.12:55 1325
860 IIS에서 한 사이트 내에서 폴더에 각각 도메인 지정 못하나요? 17 title: 황금 서버 (30일)하루살이 17.01.19.13:57 1300
859 구글 웹마스터 사이트맵 가져올 수 없음 문제와 스포터 호스팅 Lua 스크립트 관련 질문 드립니다 12 image Gokoro 19.04.23.23:46 1298
858 [가상화 네트워크] 사설IP 여러곳에서 80포트를 사용하고 싶습니다 18 image xnview 18.06.28.13:48 1295
857 라즈베리 파이로 1인용 서버를 돌릴 수 있을까요? 18 제르엘 18.03.31.12:40 1292
856 혹시 infinityfree무료호스팅 아시는 분 계신가요? 8 워린이 20.07.08.16:03 1282
855 인텔 NUC를 이용한 홈 서버 구성에 대해 질문 드립니다 ^^ 9 이니스프리 19.04.21.08:48 1277
854 네이버 사전을 크롤링할 때 한자의 인코딩 관련 하여 질문 드립니다. (일부 한자만 깨지는 현상) 21 image 이니스프리 19.11.22.16:22 1254
853 StartupCheckLibrary.dll / winscomrssrv.dll 지정된 모듈을 찾을 수 없습니다. 3 image 갱생협스 20.04.07.11:08 1251
852 [역방향프록시] windows server 2016 - Application Request Routing 2 image xnview 18.05.30.22:51 1235
851 [역방향 프록시] 뭐가 문제인지 검토 부탁 드립니다 11 image xnview 18.06.19.23:03 1227
850 페이지 리로드를 해도 배경음악이 끊김없이 재생되는 방법 3 유넛 17.03.19.13:55 1204
849 아이폰8+ 네비 사용시 발열(?) 문제에 대한 해결책을 여쭤봅니다 10 이니스프리 19.01.26.18:25 1194
848 같은 도메인으로 2개의 서버는 안될까요? 7 title: 도밥위키!Dobob 18.09.17.00:06 1188
847 사설 IP에 도메인 연결하기 11 네모 21.02.28.23:10 1182