얼마전 프론트에서 indexof를 활용하여 한글 데이터를 비교 한 뒤에 해당 데이터에 대한 처리 프로세스가 필요한 경우가 있었다.
워낙 쉽고 간단한 일이라 5분이내 해주겠다 하고선 작업하다가..
왠걸? 동작이 안되는 것이다..;;;;
indexOf, include 등등..여러 메소드를 동작시켰지만 단순한 비교가 되지 않아서 맨탈붕괴가 왔었는데..
파이어 폭스로 돌려보니 에러 힌트를 알려줘서 금방 해결했다.
저 말인 즉슨...해당 페이지타입이 설정 안되서 문자 깨지는건 네가 감수하시오~ 라는 뜻이다...
테스트용 소스코드를 보니..
메타테그에 cotent-type이 설정되어있지 않았다;;;
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--바로..이거한줄때문에...그 간단한 indexOf가...실행되지 않았던;;-->
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
</head>나중에라도...이런실수를 하지 않기위해서는 페이지를 만들 때 반드시 규칙에 맞게 만들도록 하는 습관을 길러야 겠다;
반응형
'Javascript > [기초] Javascript' 카테고리의 다른 글
| (기본/기초) javascript setTimeout setInterval clearInterval (0) | 2019.11.08 |
|---|---|
| (기본/기초) 자바스크립트 var, let, const (Javascript var) (0) | 2019.10.04 |
| (기본/기초) Javascript 클로저, Javascript closure, 자바스크립트 클로저 (0) | 2019.10.04 |
| (기본/기초) 브라우저 개발자도구 (0) | 2019.04.27 |
| (기본/기초) Javascript 배열 Map, Filter, Reduce (0) | 2019.04.26 |
* 위 에니메이션은 Html의 캔버스(canvas)기반으로 동작하는 기능 입니다. Html 캔버스 튜토리얼 도 한번 살펴보세요~ :)
* 직접 만든 Html 캔버스 애니메이션 도 한번 살펴보세요~ :)
댓글