마크다운 코드 하이라이트, 개발 블로그의 필수 기능개발 블로그나 기술 문서를 작성할 때 코드를 효과적으로 보여주는 것은 매우 중요하다. 마크다운의 코드 하이라이트 (Syntax Highlighting) 기능은 이러한 요구를 충족시켜주는 강력한 도구이다. 이 기능을 사용하면 코드를 시각적으로 돋보이게 하여 독자가 내용을 더 쉽게 이해할 수 있도록 돕는다.1. 코드 블록의 기본마크다운에서 코드를 표현하는 방법은 크게 두 가지이다.인라인 코드: 문장 중간에 짧은 코드 조각이나 변수명을 포함할 때 사용한다. 백틱(`) 하나로 감싸서 표현한다. 예를 들어, print("Hello")와 같이 작성한다.블록 코드: 여러 줄의 코드를 보여줄 때 사용한다. 세 개의 백틱(```)으로 코드 블록의 시작과 끝을 표시한다. ..

VS Code: 단순한 코드 편집기를 넘어선 통합 개발 환경인가?1. IDE(통합 개발 환경)란 무엇인가?IDE는 Integrated Development Environment의 약자로, 우리말로는 통합 개발 환경이다. 이름 그대로 소프트웨어 개발에 필요한 다양한 도구들을 하나의 애플리케이션 안에서 통합하여 제공하는 소프트웨어이다. 프로그래머가 코드를 작성하고, 실행하며, 오류를 수정하고, 최종 프로그램을 만드는 데 필요한 모든 작업을 한곳에서 편리하게 할 수 있도록 돕는 '개발 도구 모음집'이라고 생각하면 쉽다.1) IDE의 주요 구성 요소소스 코드 편집기: 코드를 작성하는 핵심 공간이다. 구문 강조, 코드 자동 완성, 실시간 오류 감지 등의 기능을 제공하여 코딩 효율성을 높인다.빌드 자동화 도구: 작..

문서 구분 단위, 왜 중요할까?문서를 작성할 때 내용을 체계적으로 정리하는 것은 매우 중요하다. 아무리 좋은 내용이라도 정리가 제대로 되어 있지 않으면 독자가 이해하기 어렵기 때문이다. 이때 필요한 것이 바로 문서 구분 단위이다. 문서를 효율적으로 작성하고 관리하는 데 핵심적인 역할을 하는 문서 구분 단위에 대해 자세히 알아보겠다.1. 문서 구분 단위, 무엇이 있을까?문서는 그 종류와 목적에 따라 다양한 구분 단위를 사용한다. 이 단위들을 적절히 활용하면 복잡한 내용도 쉽게 전달할 수 있다.1.1. 가장 큰 단위: 장 (Chapter)일반적으로 책이나 논문처럼 긴 문서에서 사용되는 단위이다.독립적인 내용이나 큰 주제를 담으며, 목차를 통해 문서의 전체 구성을 한눈에 파악하게 도와주는 역할을 한다.1.2...

VSCode에서 Mermaid Chart로 다이어그램 그리기: 개발자를 위한 완벽 가이드개발 과정에서 시스템 구조나 프로세스를 시각화해야 할 때가 있다. 복잡한 그래픽 도구 대신 코드로 다이어그램을 그릴 수 있다면 얼마나 좋을까? Mermaid Chart는 바로 그런 니즈를 충족시켜주는 강력한 도구이다.Mermaid Chart란?Mermaid는 텍스트 기반의 다이어그램 생성 도구이다. 마크다운과 유사한 문법을 사용해 다양한 종류의 차트와 다이어그램을 생성할 수 있다. 플로우차트, 시퀀스 다이어그램, 간트 차트, 클래스 다이어그램 등을 코드로 작성할 수 있어 개발자들에게 특히 인기가 높다.VSCode Mermaid Extension 설치1. Extension 설치VSCode에서 Extensions 탭(Ct..

이 글은 한상훈님의 유튜브 영상(https://www.youtube.com/watch?v=RpgS1u3UY0s&list=WL&index=3)을 요약한 것이다!개발자 이직 시 기본 행동 요령개발자가 이직 시 고려해야 할 몇 가지 중요한 행동 요령이 있다. 이는 새로운 환경에 빠르게 적응하고 팀에 긍정적인 기여를 하는 데 도움을 준다.1. 기존 컨벤션 존중 및 이해새로운 회사의 코드 컨벤션과 패턴을 존중해야 한다.기존 방식이 자신의 경험과 다르다고 해서 섣불리 단정하거나 비판해서는 안 된다.컨벤션이 만들어진 배경과 이유를 충분히 이해하기 위해 기존 개발자들과 논의하는 과정이 필요하다.시스템 전체를 파악하기 전 성급하게 변경을 주장하는 것은 오만한 행동이다.2. 불필요해 보이는 코드 함부로 삭제 금지 ('울타..

구글맵(https://www.google.com/maps)을 이용해 위경도 위치 찾기 및 특정 포인트 위경도 정보 확인이 가능하다.1. 위경도 입력하여 위치 찾기  2. 특정 위치 위경도 정보 획득하기

C4 모델소프트웨어 시스템의 아키텍처를 시각화하기 위한 계층적 다이어그램 기법이다. 이 모델은 시스템을 네 가지 수준으로 추상화하여 표현한다.시스템 컨텍스트 다이어그램: 시스템과 외부 사용자 및 다른 시스템 간의 관계를 보여준다. 기술에 익숙하지 않은 사람들과 아키텍처를 소통할 때 특히 유용하다.컨테이너 다이어그램: 시스템을 애플리케이션이나 데이터 저장소와 같은 여러 컨테이너로 분해하여 이들 간의 상호작용을 나타낸다.컴포넌트 다이어그램: 각 컨테이너를 구성하는 컴포넌트와 그들 간의 관계를 상세히 보여준다.코드 다이어그램: 컴포넌트의 내부 구조를 코드 수준에서 상세히 표현한다.C4 모델은 특정 표기법이나 도구에 종속되지 않으며, 소프트웨어 개발 팀 내외부의 의사소통, 신규 직원의 효율적인 온보딩, 아키텍처..

1. 한글 끝 글자 두 번 입력 문제VSCode를 사용하다가 어느 순간부터 [그림 1]과 같이 한글 끝 글자가 두 번 입력되는 문제가 발생했다. 이 문제는 VSCode의 문제가 아니라 윈도우의 문제였다. 2. 윈도우 설정 변경1) "win + i"를 눌러 설정 창을 띄운다.2) "시간 및 언어 > 언어 및 지역 > 옵션 > Microsoft 입력기"로 이동한다.3) [그림 2]와 같이 "이전 버전의 Microsoft IME"를 "켬"으로 토글 한다. 👍참고한 자료: https://velog.io/@nuyhes/문제해결-한글-입력-시-마지막-글자가-2번-생기는-오류