'coding' 카테고리의 글 목록

[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

코딩의 시작 에디터 프로그램 설치 (VS Code)

코딩할 때 주로 사용하는 에디터 프로그램비주얼 스튜디오코드(VS Code)를 설치해보겠습니다. 1. VS Code 설치파일 다운 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.co..

coding/개발 팁 · 2024. 11. 27. 11:04

[비주얼 스튜디오 코드] 정렬 단축키

비주얼 스튜디오 코드의 정렬 단축키를 알아봅시다. 1. 코드 정렬 단축키 ① 맞지 않는 정렬 일부러 정렬을 좀 망가뜨려놨습니다. 단축키를 이용해 이 정렬을 맞춰볼게요. 보통 코드를 복사해 올 때 많이 정렬이 깨져요. 하나씩 맞추려면 오래걸리니 단축키를 사용하는 것이 좋아요. - ② 전체 선택 단축키 [Ctrl + A]를 눌러 일단 코드 전체 선택을 해줍니다. ③ 코드 정렬 단축키 [Ctrl + K + F]를 누르면 한 번에 정렬됩니다. 중요한 부분은 꼭 순서대로 누르셔야 합니다. Ctrl + F 가 찾기 단축키라 K를 꼭 먼저 눌러주세요. 2. 단축키 모음 https://ssimplay.tistory.com/736 VS code 자주쓰는 단축키 모음 제가 보려고 만든 VS code 단축키 모음입니다. 1..

coding/editor · 2023. 8. 10. 07:30

coding 263