본문 바로가기

전체 글99

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.
구시대의 자본주의 그늘 바람의 검심 - 메이지 검객 낭만기 20~21화 "쓰러진 사람이 있구려 빨리 의사 선생님한테 데려다줘!" "선생님!" "음?" "수상하다!" "서양인...?""게다가 가면..." "저게 수상하지 않다니..." "걱정 마" "엘더 선생님은 세계 최고의 명의!" "다친 사람과 아픈 사람 모두의 편이야!" "약의 조제가 필요합니다" "이 사람을 호텔의 제 방까지 옮겨주세요" "엡! 알겠습니다...""방해된다, 비켜!" "이시즈 데이안!" "소란스러워서 와 보니 또 네 녀석이냐?" "정체 모를 떠돌이 서양 의사" "이럼 곤란하지" "내 구역에서 멋대로 의료 행위를 하면..." "멋대로고 뭐고!" "애초에 서양의 높으신 분과 부자들만 진료하잖아!" "당연하지" "돈을 못 내면 살릴 가치가 없다" "그럼 네놈은 하.. 2024. 11. 6.
법륜대법(法輪大法, 파룬따파) - 왜 인류가 존재하게 되었는가 아래는 삶은 작은 부분에 빠져들어 답답할 때법륜대법에서 눈에 들어온 구절이다. 창세주는 뭇 신과 수많은 선량하고 아름다운 생명과 천체 중의 그런 아름다운 조화(造化)를 소중히 여겼기에, ‘괴(壞)’의 초기에 일부 신을 이끌고 천체의 가장 바깥층[법계외(法界外)라고 통칭함], 신이 없는 곳에 와서 지구를 만들었다. 지구는 독립적으로 존재할 수 없고, 반드시 상응한 천체 구조가 있어 생명과 생물이 순환하는 한 체계를 형성해야 비로소 존재할 수 있다. 그래서 창세주는 지구 밖에 하나의 큰 범위를 만들었는데, 뭇 신은 ‘삼계(三界)’라고 불렀다. 말후(末後) 구도될 때가 아니면 아무리 높은 신이라도 창세주의 동의 없이는 마음대로 삼계에 드나들 수 없다. 삼계 범위 내에는 세 개의 대계(大界)가 있는데, 인류를 .. 2024. 11. 3.
구시대의 자유 민주주의 그늘 바람의 검심 - 메이지 검객 낭만기 7화 (놀라 돌아본다) "이, 이해할 수 없다는 표정이군..." "말했을 텐데...?" "뒤처리란 거다..." "내, 내가 잡히고..." "조사가 진행되면..." "분명 암살을 의뢰한..." "유신 정부의 높으신 분에게 도달할 테니까..." "설마 메이지 시대가 돼서" "칼잡이가 쓸모없어졌다고 생각한 거냐?" "그래서 네 녀석은 얼간이가 됐다고 말한 거다" "유신이나 메이지 시대나 신정부라고 요란을 떨지만" "그 실상은 막부 말기와 같은" "권력 투쟁의 연속이다" "훼방꾼은 없애고 싶겠지! 하지만 제도가 근대화되고" "경찰 기구도 틀이 잡혀 가는 작금엔" "과거처럼 단순하게 칼잡이를 부릴 순 없거든" "나도 한번 발을 담근 수라의 길에선 못 벗어나고" "그래서 정치가와.. 2024. 11. 2.
구시대의 자유 민주주의 바람의 검심 - 메이지 검객 낭만기 4화 (술병이 깨진다.) "남한테 술병을 던져 놓고 무슨 논쟁을 해?!" "그딴 건 나중에 하고 일단 사과해, 인마!" "우리 자유민권 운동가들한테 설교를 하다니" "사과를 하라고! 이 주정뱅이들아!" "주정뱅이라니 뭔 소리고! 우린 자유민권의..." "시끄러! 취하면 누구든 주정뱅이야!" "소란 피우시면 곤란해요.""입 다물어!" "자유민권이란 건" "약자들을 위해 있는 거 아니냐?" "그걸 부르짖는 운동가들이 이런 짓을 하면 안 되지" "아니면 뭐야?" "너희가 말하는 자유민권이란 건" "술김에 난동이나 부리는 거냐?" "뭐라고, 인마?!""우리한테 싸움 거는 거냐?!" "자유나 정의나 평등이랍시고" "번지르르한 말을 내뱉는 위선자 놈들이 괴롭히는 건" "열 받아서.. 2024. 11. 1.

티스토리툴바