HTML <meta charset="utf-8">

2023. 5. 11. 09:26· 개발공부/Web
목차
  1. 인코딩
  2. <meta charset="utf-8">

https://9js7.tistory.com/187

 

SpringBoot + HTML 한글 깨짐 현상

개발환경 IntelliJ SpringBoot 2.6.4 HTML5 MariaDB 10.5 상황 간단히 프로젝트를 하는 상황에서 간단한 테스트를 하기 위해서 HTML5환경에서 DB에 값을 넘겨주게 되었다. 원인과 해결은 매우 단순했다. 그저 he

9js7.tistory.com

 

이 글에서 <meta charset="utf-8">을 명시해 주지 않아서 한글이 깨졌던 오류가 발생했다.

 

그러다 문득 왜 <meta charset="utf-8">을 명시해 주어야 하는지 궁금해져 이 글을 작성하게 되었다.

 

 

인코딩

우선 인코딩에 대해서 알아볼 필요가 있다고 생각한다.

 

우리가 흔히 인코딩이라는 단어를 접해보고, 또 많이 사용해봤을텐데 정확한 의미는 생각해보지 않았던 기억이 있다.

 

우선 인코딩이란 컴퓨터의 HTML파일을 웹브라우저에서 표시될 수 있도록 변환하는 처리작업을 이야기한다.

파일의 정보 형태가 어떤 언어로 되어 있는지에 대한 지정이 필요하다. 이것을 문자 코드셋이라 한다.

 

 

<meta charset="utf-8">

위의 태그는 html 파일의 인코딩을 알려주는 태그이다.

브라우저에게 text를 어떻게 그려달라 할건지 알려주는 것이다. 

 

 

 

위의 태그가 없어서 저번에 테스트할 때에 한글이 깨져 나왔었다.

 

 

 

 

 

 

 

 

 

'개발공부 > Web' 카테고리의 다른 글

HTML / CSS 폰트 변경하기  (0) 2022.08.21
[HTML] form 태그 button 클릭 시 submit 막기  (0) 2022.08.19
[Web] HTTP Protocol  (0) 2022.02.07
[Web] URI 설계 패턴  (0) 2022.02.07
[Web] REST  (0) 2022.02.07
  1. 인코딩
  2. <meta charset="utf-8">
'개발공부/Web' 카테고리의 다른 글
  • HTML / CSS 폰트 변경하기
  • [HTML] form 태그 button 클릭 시 submit 막기
  • [Web] HTTP Protocol
  • [Web] URI 설계 패턴
환타몬
환타몬
일상과 개발에 대한 이야기를 올리는 일기장
환타몬
일상에 개발 더하기
환타몬
전체
오늘
어제
  • 분류 전체보기 (191)
    • 일상 (1)
    • 개발공부 (2)
      • Maven (10)
      • Spring Boot (22)
      • Web (7)
      • DataBase (2)
      • Error (4)
      • Spring (24)
      • Python 문법 (7)
      • Java 문법 (2)
      • 객체 지향 입문 (22)
      • 객체 지향 핵심 (17)
      • Java와 자료구조 (5)
      • Java (14)
    • FrontEnd (2)
      • TypeScript (0)
      • React (2)
    • 코딩테스트 연습 (45)
      • 프로그래머스 (37)
      • 백준 (0)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 다시풀기
  • JSON
  • 코딩테스트
  • maven
  • Python
  • Gson
  • 파이썬
  • git
  • 프로그래머스
  • 알고리즘
  • 코딩

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
환타몬
HTML <meta charset="utf-8">
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.