'coding' 카테고리의 글 목록

HTML이란? HTML로 시작하는 코딩 기초

왜 HTML을 배워야 할까? 위의 세 이미지의 공통점 혹시 보이시나요? 멍무리가 보이는 사이트... 들이 아니라!인스타그램, 유튜브, 그리고 이 티스토리 블로그까지 우리가 웹으로 보는 모든 사이트들은 HTML로 이루어져있습니다. HTML은 웹개발에 '기본 문법'이자, 웹의 뼈대를 만드는 중요한 언어입니다. HTML이란?HTML이란 무엇일까요? 우선 영어 풀이를 해보면 HTML이란 Hyper Text Markup Language 입니다. 웹페이지의 구조를 만드는 언어라는 뜻이에요. HTML은 프로그래밍 언어는 아니지만 웹에서 가장 중요한 기초를 담당하고 있습니다. - HyperText : 링크를 통해 연결된 텍스트 - Markup : 태그를 써서 구조를 만드는 방식 여기서 하이퍼란 하이퍼링크라는 말을 많이..

coding/html + css · 2025. 6. 3. 21:57

FTP 프로그램 추천 파일질라 설치 및 사용법

FTP 프로그램 파일질라 FTP 프로그램에 대해 들어보셨나요? FTP 프로그램이란 홈페이지에 파일을 업로드하거나 다운로드할 수 있게 도와주는 프로그램입니다. 이미지 파일 같은 것도 이 FTP 프로그램을 이용해 업로드합니다. 그러면 어떤 FTP 프로그램을 사용해야 할까요? FTP 프로그램 중 하나인 파일질라를 추천드리고자 합니다. 파일질라는 전송속도가 빠르고 안정적이면서 인터페이스가 사용하기 쉬워서 많은 사람들이 이용하고 있는 FTP 프로그램 중 하나입니다. 웹 개발할 때 필요한 FTP 프로그램인 파일질라 같이 설치해 볼까요? FTP 프로그램 파일질라 다운로드 https://filezilla-project.org/ 먼저 위의 링크에 접속하여 FTP 프로그램 파일질라를 다운로드하여줍니다. Download..

coding/개발 팁 · 2025. 2. 17. 15:09

[HTML] 텍스트 그대로 표현되는 <pre> 태그 (줄 바꿈 그대로 표현)

줄 바꿈 등 텍스트가 그대로 표현되는 태그에 대해 알아봅시다. 태그 사용법 및 활용 여기서 줄바꿈하려면 태그를 꼭 써줘야한다. ① 보통 줄 바꿈을 할 경우원래는 줄바꿈 태그인 태그를 붙여야만실제 보이는 화면에서 줄 바꿈이 적용되어 보입니다. - See the Pen pre by ssimplay (@ssimplay) on CodePen.② 태그 사용 시 태그를 사용하면태그 안쪽에 적은 글자 표현 그대로 적용됩니다. ③ 태그 활용평소에 사용하는 태그는 아니고자주 사용하는 곳은 개인정보처리 방침 등 엄청나게 긴 설명을 적을 때 사용합니다. 긴 글들을 하나하나 태그를 넣어서 수정하는 것이 아니라 태그를 이용하면조금 더 간편하게 제작 및 유지 보수가 가능하죠.. 이상으로 텍스..

coding/html + css · 2024. 12. 20. 15:42

[HTML] 텍스트 그대로 표현되는 <pre> 태그 (줄 바꿈 그대로 표현)

[CSS] 눈누 웹폰트 굵기 변경 안될 때

눈누에서 웹폰트를 가져와 적용했는데다른 굵기로는 변경이 안될 때가 있습니다. 분명 종류가 9가지나 된다고 했는데보통이랑 굵게 밖에 안될 때 해결 방법입니다. 1. 사례 ① 웹폰트 굵게 변경 안됨웹폰트를 적용한 뒤 굵은 글자로 변경하려고font-weight를 사용해봐도 변화가 없습니다. 눈누의 예시와는 확연히 다른 굵기입니다. - 눈누 웹폰트 적용 방법은 아래의 포스팅에서 확인해 주세요.[coding/html + css] - [css] 눈누 웹폰트 적용하기 [css] 눈누 웹폰트 적용하기안녕하세요. 플입니다. 오늘은 눈누에서 웹폰트를 적용해볼게요. 1. 눈누 https://noonnu.cc/ 상업적 이용 가능한 무료 한글 폰트 모음 사이트 눈누 상업적으로 이용할 수 있는 무료 한글 폰트를 모아ssi..

coding/html + css · 2024. 12. 6. 07:30

[VS Code] html 미리보기 확장팩

VS Code에서 실제 화면을 미리 보기 해봅시다. 1. 확장팩 설치 ① 확장VS Code에서 왼쪽 메뉴중 가장 아래[확장] 메뉴를 선택합니다. - ② Live Server확장 검색창에 [live server]를 검색하고맨 위에 나오는 확장팩을 선택합니다. ③ 설치확장팩 설치 버튼이 이렇게 두 군데 뜨는데어느 쪽이든 상관없으니 [설치]를 클릭해서 깔아줍니다. 2. Live Server 사용① Open with Live Serverhtml 파일로 돌아와 마우스 오른쪽 클릭을 하면[Open with Live Server] 메뉴가 생긴 것을 발견할 수 있습니다.이 메뉴를 클릭하면 실시간으로 반영되는 것을 확인하며 코딩할 수 있습니다. ② 알림 창오른쪽 아래에 알림 창도 같이 띄워..

coding/개발 팁 · 2024. 11. 29. 07:30

coding 265