utf-8
-
[TIL]Day 19. 문자 인코딩이란?IT 지식 2020. 9. 29. 11:33
우리가 컴퓨터를 하다 보면 종종 저런 화면을 보게 될 때가 있습니다. 인터넷 서핑 중 저런 화면을 만나게 된다면 내 컴퓨터가 해킹되고 있는 것은 아닌지 걱정이 되기도 하고, 코딩 중 저런 화면을 만나게 된다면 설마 내 프로젝트가 전부 날아가게 되는 것은 아닌지 절망감에 빠지기도 합니다. 하지만 저 화면은 생각보다 무서운 화면은 아닙니다(상황에 따라선...). 저런 화면이 나오게 되는 것은 문자 인코딩이 제대로 되지 않은 경우에 많이 발생하게 됩니다. 오늘의 포스팅은 바로 이 문자 인코딩에 관한 것입니다. 1. 아스키코드와 유니코드 문자 인코딩을 말하기에 앞서 우리가 알아야 하는 것은 아스키코드와 유니코드라는 개념입니다. 컴퓨터활용능력시험(줄여서 컴활)을 공부해보신 분이라면 한번쯤 접해보셨을 만한 단어입니..
-
[TIL]Day 12. html/css 정리(5)IT 지식 2020. 9. 14. 18:38
1. 문자 인코딩 더보기 : 영어 외의 문자가 포함되어 있는 페이지에는 utf-8 이라는 값으로 문자 인코딩을 추가해줘야 문자가 깨지지 않습니다. 얼마 전에 vsc 설정을 건드리다가 한글 문자가 전부 깨져서 나온 적이 있습니다. 그때 문자 인코딩에 관한 자료를 찾아보면서 배우게 된 아주 중요하지만 많이 언급되지 않는 내용입니다. 후에 문자 인코딩에 관한 내용을 포스팅 하겠습니다. 2. 반응형 웹페이지 요소 더보기 : 디바이스의 가로 크기가 곧 웹 페이지의 가로와 같다는 의미를 전달합니다. 모바일과 pc 두 환경 모두에서 웹사이트가 예쁘게 보이기 위해 필요한 정보입니다. 해당 정보를 추가하지 않으면 어느 한쪽의 환경에서 페이지가 제대로 나오지 않게 됩니다. 3. a 태그의 하이퍼링크를 새 창에서 띄우기 a..
-
[TIL]Day 1. HTML/CSS 코드 정리IT 지식 2020. 8. 10. 22:46
1. 의 의미 -초기 컴퓨터의 문자 인코딩 방식에 한계를 느껴 새롭게 개발된 확장용 인코딩. -가변 길이 문자 인코딩 방식 중 하나로 한 문자를 표현하기 위해 1~4byte를 사용하여 표현. -유니코드 방식의 현재 웹페이지를 만들 때, 다국어를 표현하기 위해 많이 사용. 2. 메타 뷰포트 태그를 사용하는 이유 -뷰포트란 웹페이지가 사용자에게 보여지는 영역 -과거 PC로만 인터넷을 사용하던 시대와는 달리 요즘은 다양한 기기를 통해 인터넷을 하다보니, 기기마다 뷰포트가 다양함 -따라서 뷰포트 태그를 이용해 렌더링 영역과 뷰포트의 크기를 같게 만들어준다. 3. Font Awesome을 활용하자. -Font Awesome을 활용하면 다양한 아이콘을 쉽게 사용할 수 있다. -Font Awesome을 사용하는 방법..