본문 바로가기

전체 글130

코드 가독성을 높이는 HTML 빈 태그와 주석 이야기 HTML 태그 영역 - 문서의 전체 범위를 나타낸다.html>          html> HEAD 태그 영역 - 웹 페이지의 제목, 설명, 외부 파일 연결 등의 보이지 않는 설정 정보를 주로 작성한다.  head>  head>         BODY 태그 영역 - 웹 페이지로 보여지는 로고, 내비게이션, 버튼, 이미지 같은 표현을 작성한다.    body>      body> 빈 태그 - 태그 사이 내용이 없다. - 문법적으로 엄격하던 XHTML 시기에는 빈 태그를 닫아야했다. - HTML5 시대에는 두 방식 다 지원한다. 예를 들어,  - HTML 1, 2, 3, 4, 5 지원Ex)   - XHTML, HTML5 지원Ex)  내용 없이 단독으로 사용하여 빈 태그 닫아주기는 XHTML 시대를 거치면서 나.. 2024. 11. 15.
그럴리가 없는데, PostgreSQL CPU 100% 문제 해결 나의 경우,PostgreSQL CPU 100% 문제는 해킹이었다.검색으로 찾은 내용은 대부분 FK, 인덱싱 등 사용자가 있는 상황에서 쿼리 효율이 떨어진다는 내용이다. 그럴리가 없는데... 개발 단계에서혼자 접속하는 웹사이트에PostgreSQL DB가 CPU 100%를 먹는다고?? 그냥 가만 있어도 CPU 100% 상태가 유지된다.정확히는 postgres 계정이 실행한 데몬이 사용하는 쓰레드 하나가 쓰는 코어가 100%를 잡아먹는다. 악성 코드는 BASE64로 인코딩 되어있었고 시스템 정보를 탈취하여 원격에서 조작이 가능하도록 2차 3차 공격이 가능한 가능성을 담고 있다. 보통 좀비 PC로 사용하는데 필요할 경우 DDOS 공격용 좀비, 시스템 과부하로 업무 마비, 중요 파일 암호화로 삥뜯기(랜섬웨어), .. 2024. 11. 14.
윈도우 11 마우스 휠 방향 변경 : 끝까지 파헤치기 애플 마우스 휠 스크롤 방향을 자연 스크롤(Natural Scrolling)혹은 역방향 스크롤(Reverse Scrolling)이라고 부른다. 자연 스크롤은 실제 문서나 화면을 손가락으로 밀듯이 스크롤하는 방식을 말한다.윈도우와 반대되기 때문에 둘 다 사용하는 경우 항상 불편하다. 여기서는 윈도우 11에서 애플 방향을 적용해보자. 방법 1시작 메뉴에서 "regedit"를 입력하여 레지스트리 편집기를 엽니다.다음 경로로 이동합니다: HKEY_CURRENT_USER\Control Panel\Desktop오른쪽 창에서 "WheelScrollLines" 값을 찾습니다. 없으면 새로 만듭니다."WheelScrollLines"를 더블클릭하여 값 데이터를 편집합니다.값 데이터를 음수(-3)로 입력하고 "확인"을 클릭.. 2024. 11. 13.
환경과 건강을 위협하는 수은 농도, PPM 단위로 이해하기 'ppm'은 'parts per million'의 약자로, 백만 분의 1 농도를 의미하는 단위입니다.ppm 단위는 대기오염, 수질오염, 약물 농도 측정 등 환경과 건강에 직접적인 영향을 미치는 분야에서 필수적으로 활용됩니다. 대기 중 이산화탄소 농도가 400ppm이라면 공기 백만 개 입자 중 400개가 이산화탄소임을 뜻합니다.  PPM의 기본 이해1 ppm은 백만 분의 일을 의미합니다.  예를 들어, 1kg의 샘플에서 1 ppm은 1 mg의 특정 물질이 존재한다는 의미입니다.즉, 1 ppm = 1 mg/kg입니다. 이는 고체나 액체의 농도를 나타낼 때 사용되는 표준 방식입니다.뿐만 아니라, ppm은 부피 농도를 나타내는 데에도 사용될 수 있습니다. 이 경우, 1 ppm은 1 ml/l을 의미합니다. 예를 .. 2024. 11. 12.
HTML 기본 구조와 DTD 개념 정리 HTML은 마크업(markup) 언어입니다.마크업 언어는 텍스트에 표시(Markup)를 추가하여 구조나 의미를 설명하는 언어를 말합니다. 마크업 언어 - HTML (HyperText Markup Language)   : 웹 페이지의 구조와 내용을 정의. - XML (eXtensible Markup Language)   : 데이터의 구조를 정의. - Markdown   : 간단한 텍스트 서식 문법. - LaTeX   : 수식이 많은 문서 작성, 학술 논문. - SGML (Standard Generalized Markup Language)   : HTML과 XML의 기반 언어. - YAML (YAML Ain't Markup Language)   : 설정 파일에서 사용되는 언어. - BBCode (Bullet.. 2024. 11. 11.
쉽고 강력한 온/오프라인 오픈소스 다이어그램 툴 - draw.io 글을 작성하다 보면 간결한 다이어그램이 필요한 경우가 많습니다.언제까지 파워포인트에만 의존할 것인가! AI 자동화가 발전할수록 프로그램의 동작 체계를 다이어그램으로 조정해야 하는 경우가 많아질 것입니다.현재는 개발 과정에서 일부만 활용하는 경우가 많지만 직접 코딩하는 것을 따라오지는 못하네요. 이전에 사용했던 다이어그램 툴은 Umlet입니다.UMLet으로 UML 다이어그램 작성 쉽고 빠른 해결하기.draw.iodraw.io 다이어그램 툴을 개발하는 사람들의 철학을 보여주는 그들의 말입니다. "우리는 커뮤니티의 참여, 버그 보고 및 기능 요청에 대해 감사하게 생각합니다. 우리는 모든 사람에게 환영하는 자세를 유지하고자 하지만, 프로젝트의 장기적인 안정성을 위해 외부 기여를 받지 않기로 결정했습니다."( W.. 2024. 11. 10.
VSCode 웹 개발 시작하기 - Live Server로 만드는 '니' 첫 번째 웹 페이지 HTML 웹 개발을 진행할 때는 웹 브라우저에서 실시간으로 결과를 확인하며 작업하는 것이 가장 정확합니다.아직 설치하지 않았다면, 이전 글에서 설명한 Live Server 설치 방법을 참고하세요.HTML 초보자를 위한 VSCode 확장 추천간단한 HTML 페이지를 작성해보자.바탕화면에 만든 HTML 폴더를 VSCode에서 'Open Folder' 버튼을 통해 열어줍니다. 첫 번째 새 파일 아이콘을 클릭하여 index.html 파일을 생성합니다. index.html 파일을 선택한 후, 오른쪽 코딩 창에 "Hello World!"를 입력합니다.이후, Ctrl + S를 눌러 저장합니다. 그리고 우측 하단의 'Go Live' 버튼을 클릭합니다.(Live Server 단축키: Alt + L, Alt + O) 웹 .. 2024. 11. 9.
VSCode 언어별 들여쓰기(탭) 지정 - Settings.json 코드 스타일에서 중요한 요소 중 하나는 들여쓰기 규칙입니다. 최근에는 탭 대신 공백을 사용하여 일관된 서식을 유지하는 것이 일반적인 추세입니다. 과거에는 문서 작성 시 기본 탭 크기를 8칸으로 설정했고, 코드에서는 깊이를 줄이기 위해 4칸 들여쓰기를 주로 사용했습니다. 그러나 탭 크기를 줄이면서 줄 맞추기 효과가 줄어들었고, 각기 다른 에디터나 사용자가 설정한 탭 크기에 따라 문서 포맷이 혼란스러워지는 문제가 발생했습니다. 이러한 문제를 해결하기 위해 탭 대신 공백으로 들여쓰기를 처리하는 방식이 도입되었습니다. 특히 HTML과 같이 들여쓰기가 많은 경우에는 탭 크기를 2칸으로 설정해 더 깔끔하게 표현하는 것이 일반적입니다.VSCode 들여쓰기 설정VSCode 설정 파일에는 사용자 모드와 작업 영역 모드 .. 2024. 11. 8.
VSCode 웹 개발 시작하기 - 필수 단축키 모음 VSCode 단축키도 제법 많은데,평소 자주 사용하는 유용한 단축키를 몇 개 소개합니다.특히 마우스를 최대한 안 쓰고 창 사이를 이동하면서 작업하면 코드 집중력이 올라갑니다. 윈도우 : Ctrl맥 : Cmd 에디터창에 커서를 놓고 아래 단축키를 테스트해보세요. 수정한 모든 파일 저장하기.Ctrl + K, S 창 액션사이드바 열기/닫기 (토글)Ctrl + B 현재 창 닫기Ctrl + W 사이드 탐색기 열기/이동 (토글)Ctrl + Shift + E 명령창 열기/닫기 (토글)Ctrl + ` (그레이브 문자 or 빽틱)Ctrl + J 사이드바 주요 메뉴파일 탐색기Ctrl + Shift + E 검색Ctrl + Shift + F 소스 제어 (GIT)Ctrl + Shift + G 디버깅Ctrl + Shift + D.. 2024. 11. 7.

티스토리툴바