본문 바로가기

별걸다하는 IT

(321)
[UML tool]인터넷 웹에서 설치없이 UML 설계 그리기 지원하는 사이트 diagrams.net 소개 및 사용법 (draw.io) 안녕하세요 양햄찌 블로그입니다. 다양한 무료 UML 프로그램을 인터넷에서 쉽게 찾을 수 있는데요, 오늘은 웹 온라인에서 UML을 그릴 수 있는 사이트를 소개하려고 합니다. 설계 DIAGRAM 그릴 수 있는 사이트 - draw.io 소개 원래 저 대학생 시절에만 해도, www.draw.io였는데 url주소가 diagrams.net으로 바꼈더라고요?! 그런데 어느 주소로 가던 다 라우팅되기 때문에 어떤 접속 주소로 치던 관계없습니다~! DRAW.IO의 특징! 1. 일단 가장 중요한 점은 가격!! 무료라는게 큰 장점 2. MAC이던 윈도우던 OS관련없이 지원된다는거~~ 3. 웹이기 때문에 별도의 프로그램 설치가 필요없습니당. 4. 내 데탑 로컬에다가 저장할 수도 있지만, 클라우드 저장도 가능하다는 점 (깃헙,..
VSC 비주얼스튜디오코드 유용한 extension 소개 (웹 아닌 C개발자편) 확장팩(?) 플러그인 추천 안녕하세요 양햄찌 블로그 주인장입니다. 시중에 웹 개발자를 위한 VSC extension들은 추천글이 많은대 C개발자를 위한 익스텐션 글은 얼마 없는 듯 해 작성해보려고 합니다. 익스텐션은 ctrl + shift + x눌러서 extension 페이지로 가서 검색으로 설치하셔도 되지만, 보안상의 이유로 네트워크가 안되시는 분은 저 사이트로 가셔서 다운받아야해요. 그런 이유로 다운로드 사이트 링크도 같이 걸어놓았습니다~ Visual Studio Code 비주얼스튜디오코드 익스텐션 소개 [익스텐션 소개 목차] 1. C/C++ ★ 2. git 또는 svn ★ 3. sftp ★ 4. Bracket Pair Colorize ★ 5. Project Manager 6. Copy Relative Path Posix 7...
VS Code 비주얼스튜디오코드 유용한 단축키 사용법 모음 (VSC Shortcuts) 안녕하세요 양햄찌블로그 주인장입니다. 오늘은 비주얼스튜디오코드 일명 VS Code의 단축키를 알아보려고 해요 ㅎㅎ 특히 중요한건 별표(★)쳤음! Visual Studio Code 단축키 알아보기 (VS Code Shortcuts) 프로젝트/파일/화면 생성 및 열고 닫기 ■ 비주얼스튜디오코드 윈도우창 만들기 Ctrl + shift + n 작업하다가 아예 다른 창을 열고 싶을 때 사용하는 단축키입니다. 주의해야 할 점은 비주얼코드가 하나라도 열려 있어야 합니다. 다 닫힌 상태에서 ctrl+shift+n을 누르면 바탕화면에 새로운폴더 만들기 윈도우 단축키임! ■ 새로운 편집 탭 열기 Ctrl + n ★ 이게 개발환경이라기보단 모든 언어를 지원해주는 에디터적인 특성도 강해서 따로 편집기를 둘 필요가 없다는 장점..
[VS Code 설정] 지원하지 않는 확장자 파일 (.pc, .html etc) 코드 하이라이트 인식 가능하게 설정에 추가하는 법 (확장자인식 실패 해결) 안녕하세요 양햄찌블로그 주인장입니다. 보통 작업하다보면, 여러 확장자의 파일을 사용하게끔 되는데요, Visual Studio Code의 경우 어떤 특정 파일들은 지원하지 않아서, 파일을 보기가 힘듭니당. ㅎㅎ 예시로 proc 파일 하나를 만들어보겠습니다. 자 프로씨 파일이 있어요. 으아!! 백색글자밖에 안보이고 기존 이쁜 하이라이팅 같은 것들이 안먹혔네요. .cpp파일이나 .h파일을 열어보면 잘 먹는데 얘는 왜이럴까요; 비주얼스튜디오 코드(VSC) 파일 확장자 인식법 오늘은 파일 확장자를 추가해서, 내가 원하는 파일형태로 인식하게끔해 코드하이라이트 기능이 먹게끔(?) 해보려고 해요. 설정 파일로 가야합니다. 요렇게 클릭해서 파일을 열 수도 있고, 'ctrl + , '단축키를 눌러 바로 이동할 수도 있어요..
[vsCode 설정] 한글깨짐 현상 해결하기 -비주얼스튜디오코드 캐릭터셋변경 (VSC 파일 인코딩 타입 EUC-KR로 변환하기) 안녕하세요~~! 양햄찌 블로그 주인장입니다. 오늘은 비주얼스튜디오코드(일명 VS Code) 에서 한글깨짐을 해결하는 방법에 대해 알아볼거예요. VIsual Studio Code 한글 깨짐 현상 해결하기 빨간색 네모 부분이 원래는 한글 주석인데요, 여니까 이렇게 알 수 없는 글자로 깨진 것을 확인할 수 있어요. 그때 그때 파일에 따라 인코딩 적용하기 파일 밑에 보시면 인코딩 캐릭터셋이 어떤 건지 확인할 수 있는데 UTF-8로 되어있어요. UTF-8은 한글을 지원하지 않기 떄문에 깨진거랍니다.ㅎㅎ 저 부분을 클릭해줍시다. 아니면 ctrl+shift+p를 눌러서 encoding검색해도 동일하게 떠요. (또는 F1단축키) 고럼 요렇게 'Reopen with Encoding'이 있고 'Save with Encod..
[vsCode-svn] 비주얼스튜디오코드 SVN에 연동하여 소스 환경 구성하기 Visual Studio Code (VSC) 안녕하세요~ 양햄찌 블로그입니당 이클립스를 쓰다가 IDE가 무거워서 vscode를 사용하게 됐는데요 오늘은 비주얼스튜디오의 경량화 버전인 비주얼스튜디오코드의 svn 연동법에 알아보려고 합니다. Visual Studio Code 비주얼스튜디오코드 SVN 연동하는 법 비주얼스튜디오코드 에디터와 tortoiseSVN은 깔려있다는 가정하에 진행하도록 할게요~! 1. SVN 확장팩 설치하기 [네트워크가 연결되어 있을 경우] 저기 빨간색 네모칸에 있는 아이콘이 확장 프로그램을 설치하고 관리하는 아이콘인데요, 저기를 눌러서 SVN을 검색해 깔아줍시다. 저 화면은 ctrl + shfit + x의 단축키를 통해 단번에 이동할 수 있어요. 비주얼스튜디오코드 에디터는 경량화된 개발환경이니만큼, 다양한 유틸리티를 익스텐션(확..
맥 어드레스란 무엇인가? IP주소와 맥주소(MAC address) 차이, 맥 주소 확인하는 법 - 네트워크 기초 안녕하세요. 양햄찌 블로그 주인장입니다. ㅎㅎ 오늘은 맥 주소(=맥 어드레스 = Mac Address)를 살펴보려고 해요. [목차] 1. 맥 어드레스란 무엇인가 2. 맥 주소는 왜 하드웨어, 물리적 주소라는 이름이 붙었을까 3. 맥 어드레스와 IP주소 왜 주소가 두개나 필요할까? 4. 맥 주소 확인하는 법 5. 맥 주소 구성 6. 맥 주소와 IP주소 차이 1. 맥 어드레스(Mac Address 맥 주소)란 무엇인가? 맥 어드레스는 컴퓨터간 데이터를 전송하기 위해 있는 컴퓨터의 물리적 주소입니다. 어라?? 컴퓨터 주소는 IP주소 아니였나요? 해당 IP주소를 가지고 있는 컴퓨터를 찾아가서 데이터를 주고 받는 줄 알고 있었는데요?! 맞습니다! 저 멀리 있는 컴퓨터와 통신하기 위해서는 IP주소를 사용하는 게 맞..
[네트워크 OSI ] 2계층 데이터링크 계층 Data Link Layer가 뭔지 궁금해?! 쉽게 설명해줄게~! 안녕하세요 양햄찌 블로그 주인장입니다. 다들 설날은 잘 보내셨나요?! 저번 포스팅에서 OSI 7계층을 한 번 훑어보고 그 다음에 1계층 물리계층에 다뤘었는데요~! 이번에는 2계층 데이터링크 계층에 대한 포스팅을 진행해보려고 합니다 기존에 살펴봤던 OSI 7계층 관련 포스팅을 보지 못하신 분들은 아래 링크를 참고해주세요~! ▼ OSI 7계층 모델 완벽 이해 전체를 보기! : jhnyang.tistory.com/194 [네트워크 network] OSI 7계층 모델 완벽 이해- 이유를 알고 개념을 이해하고 전체 보기(7 layer) 안녕하세요~~! 맨날 운영체제 리눅스 관련 글만 쓰다가 처음쓰는 네트워크 글이네요! 원래 네트워크도 굉장히 좋아했는데,,, 포스팅 쓰는게 아무래도 쉽게 되는게 아니다보니 미루고 미..