[HTML 오류] 하이퍼링크 텍스트 파일 글자, 한글 깨짐 오류

Gammi·2022년 10월 13일
0

오류 해결

목록 보기
3/25
post-thumbnail

⛔ html 오류


html 수업 시간에 <a> </a> 태그를 배우고 있었음

하이퍼링크를 걸어주는 태그인데 사이트 연결부터 시작해서 사진도 연결하고 동영상도 연결해주면서 잘 따라가고 있었는데...


그랬는데...


텍스트 파일을 연결하면서 문제가 생겼음



하이퍼링크 생성은 잘 됐는데

링크를 눌러서 들어가면

한글이 다 깨져서 나오는 거야...


이때는 한글만 깨져서 나오는 줄 알았음


처음에는 내가 코드를 잘못친 줄 알고 오류가 났다고 생각했는데 다시 치고, 다시 치고, 다시 쳐봐도 글자가 제대로 안뜸

그때부터 뭔가 이상하다고 느꼈음

고개를 휙휙 돌려봤는데 다들 한글 잘 나오더라구

나만... 나만... 글자가 다 깨져있었음


보통 한글이 깨지면 설정을 잘못한 경우가 많아서 나도 "UTF-8" 설정이 안된 줄 알았음

그래서 설정 들어가서 찾아봤는데 내가 할 수 있는 설정에서는 다 "UTF-8"로 돼있더라구 놓친 설정이 있는 건가 싶어서 구글에 열심히 찾아봤는데 놓친 거 없었음


<meta charset= "UTF-8"> 을 넣으면 된다는데


html 파일 만들면 <meta charset= "UTF-8"> 자동으로 들어간단 말이야

안 넣은 게 아님ㅠㅠ


이러면 이제 더 무섭다고😱😱

차라리 놓친 게 있었다면 마음이 더 편했을지도...


이클립스 자체에서 txt 파일 열었을 때도 깨지나 했는데 이클립스에서도 문제없이 잘 열림


이제 살짝 화가 났음...

너무 답답해...


이쯤 되니까 갑자기 궁금해졌음


영어는 제대로 나오나?



"안녕하세요"라고 적혀있던 txt 파일을

"hello"라고 바꾼 뒤 다시 출력해봤는데 영어도 깨져서 나오더라고...


내 세상이 무너졌어...😨😨




였는데!


구글링을 하던 중에

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

이 태그를

<meta charset= "UTF-8"> 이 태그 위에 넣어주면 정상적으로 출력된다는 말이 있길래 해보니까


나온다!!


조그맣고 소중한 나의 아기고양이 hello...



그리고 여전히 나오지 않는 한글...





✔ 오류 해결



구글링을 열심히 한 결과 이클립스에서 "UTF-8" 설정 하는 거 말고
txt 파일을 저장할 때 "UTF-8"로 설정하는 것도 중요하다는 걸 알았음




근데 이미 "UTF-8"로 저장한 거라면...?


나랑 비슷한 문제를 겪고 있는 사람도 한 명 찾았음

커뮤니티에 글을 올리셨는데 내 문제랑 똑같더라고

근데 그 분도 결국은 해결을 못 하신 것 같았다


그럼 나는...?



베갯잇을 적시며 우는 수밖에...



는 아니고

왜인지는 모르겠으나




txt파일을 저장할 때 "UTF-8" 이 아니라

"UTF-8(bom)" 으로 저장하면 한글이 안 깨지고 그대로 나오더라



드디어 만난 "안녕하세요"


안녕... 못해...



그래서 이클립스에서 "UTF-8"로 저장한 txt 파일을 처리를 못하는 건가 생각이 들어서 찾아봤는데 따로 그런 말은 없어서 정확한 원인이 뭔지는 아직도 모르겠음

톰캣의 문제라는 말도 있고 브라우저에서 처리를 못하는 거라는 말도 있고

이클립스 "UTF-8(bom)"을 검색하면 "UTF-8(bom)"을 썼을 때의 문제점만 떠서 오히려 불안함만 추가됨...


그래도 어떻게 해결은 했으니까...

다음에 "UTF-8"이랑 "UTF-8(bom)"의 차이점도 찾아봐야지



UTF-8과 UTF-8(bom)의 차이 추가

profile
개발자가 되었어요⭐️

0개의 댓글