분류 전체보기
-
Vimium으로 크롬 웹 브라우저에서 마우스 없이 웹서핑하기Programming/TIL 2025. 3. 2. 23:39
마우스 없이 키보드만으로 웹 브라우징을 가능하게 해주는 크롬 확장 프로그램 Vimium C를 소개합니다. 페이지 스크롤부터 링크 클릭, 텍스트 복사까지 키보드 단축키만으로 해결하는 Vimium의 사용법을 자세히 설명합니다. Vim 경험이 없는 독자도 쉽게 사용할 수 있도록 주요 명령어와 실용적인 팁을 제공합니다.개요오늘은 마우스 없이, 키보드로만 웹서핑을 할 수 있게 해주는 크롬 확장 프로그램 Vimium C를 소개하겠습니다.프로그래밍을 하다 보면 어느 순간 IDE에 익숙해져 점차 키보드로만 많은 작업을 수행하게 됩니다.저는 Neovim을 주로 사용했기 때문에 애초에 마우스로 클릭할 수 있는 버튼 자체가 없었기도 하구요...하지만 웹 브라우징은 여전히 마우스에 의존적입니다.아무리 브라우저 단축키를 많이 ..
-
SW Expert Academy 예제 입출력 복사 크롬 확장 프로그램 제작하기Programming/TIL 2025. 2. 16. 16:05
SWEA(SW Expert Academy) 사이트에서 예제 입력과 출력을 쉽게 복사할 수 있는 크롬 확장 프로그램 개발 과정을 상세히 설명합니다. 개발자 도구를 활용한 기능 구현 실험, manifest 파일 작성, 실제 코드 구현, 크롬 웹스토어 등록까지 과정을 다룹니다.개요SW Expert Academy(이하 SWEA)는 삼성에서 제작한 알고리즘 문제 풀이 사이트입니다.많은 사람들이 코딩 테스트 준비, 특히 삼성 SW 역량 테스트 대비에 자주 사용하죠.저도 최근 SSAFY에 입과 하면서 SWEA 사이트를 자주 사용하고 있습니다.삼성에서 운영하는 교육 프로그램이다 보니 알고리즘 교육과 과제 제출이 모두 SWEA에서 이루어지거든요.사이트에 대한 불만은... 많지 않습니다!단 하나만 제외하고는요.예제 입력과..
-
Python set의 순서는 어떻게 정해질까? CPython 구현으로 알아보는 해시 테이블 동작 원리Programming/TIL 2025. 2. 2. 22:10
파이썬 set 자료형의 순서 결정 원리를 CPython 소스코드 분석을 통해 파헤칩니다. 해시 테이블 구현 방식, 충돌 해결 전략, 초기화 방식에 따른 순서 차이까지 상세히 설명합니다. set.pop() 메서드의 기묘한 동작을 통해 집합 자료형의 내부 동작 원리와 구현 방식에 대해 분석합니다.개요Python의 set, 집합 자료형은 순서가 없는 자료형으로 알려져 있습니다.하지만 데이터가 메모리에 저장되는 한, 어떤 방식으로든 순서가 있기 마련입니다.파이썬에서 for 문을 사용해 집합을 순회할 수 있는(iterable) 것도 순서가 있으니까 가능한 일이겠죠.이런 식으로요.s = {"하나", "둘", "set", "집합"}for item in s: print(item)실행 시마다 출력되는 순서가 다르게..
-
Vim, Neovim 골뱅이(@) 기호가 있는 url 인식이 안될 때Programming/Troubleshooting 2025. 1. 25. 16:19
vim의 gx 단축키를 사용하면 커서 위치의 url을 웹브라우저로 열 수 있습니다.고런데 골뱅이 기호(@)가 있는 url은 인식이 안 됩니다.이를테면 요런 url이요.https://www.postype.com/@s-nubi/post/18073698gx로 열어보면 https://www.postype.com/만 인식하고 나머지는 무시됩니다.tl;drVim설정 파일에 아래 내용을 추가합니다.set isfname+=@-@Neovim설정 파일에 아래 내용을 추가합니다.vim.opt.isfname:append("@-@")설명isfname은 파일이름으로 인식할 문자들을 지정하는 옵션입니다.:set isfname? 으로 제 기본 설정값을 확인 해보겠습니다.isfname=@,48-57,/,.,-,_,+,,,#,$,%,~..
-
Windows 개발환경 구축하기 (Neovim, NvChad, Git-bash)Programming/TIL 2025. 1. 19. 20:47
Windows 11 환경에서 Neovim 개발 환경을 처음부터 차근차근 구축하는 방법을 설명합니다. Git for Windows SDK를 통한 CLI 환경 구성, Windows Terminal 설정, NvChad를 이용한 Neovim 초기 설정까지 단계별로 상세히 다룹니다.개요최근 SSAFY 스타트캠프를 마쳤습니다.본격적인 학습을 시작하기 전 진행하는 2주간의 적응 기간입니다. 논산 훈련소 같은 느낌이죠.내일부터는 실제 프로그래밍 학습이 시작될 텐데요.학습은 교육장에서 제공하는 삼성 SSAFY 컴퓨터로 진행합니다. 즉, 개인 노트북을 사용할 수 없어요 ㅜㅠ.게다가 SSAFY 컴퓨터에는 Windows 11이 설치되어 있고,고정 좌석이 아니라서 한 달에 한 번씩 자리가 바뀔 수 있습니다.이런 환경에서... ..
-
SSAFY 13기 비전공자 합격 후기: 싸피 면접 준비 과정 (인성 면접, PT 면접)Programming/기타 2025. 1. 5. 21:55
싸피 지원을 위한 면접, 인터뷰 준비 과정과 전략을 공유합니다. 면접 스터디 진행 방법부터 인성면접과 PT면접 준비 과정, 면접 후기까지 상세히 다룹니다. SSAFY 면접을 준비하는 지원자들을 위한 상세 가이드입니다.개요SSAFY 13기 비전공자 합격 후기: 싸피 에세이 준비 과정 및 꿀팁에서 이어지는 글입니다.1차 합격자 발표가 끝나면 이제 SSAFY 인터뷰만이 남아있습니다.SSAFY 인터뷰의 한 가지 특징으로 PT면접이 있습니다.모집 설명회를 보면 사회 이슈와 IT 관련 주제에 대한 생각을 묻는 방식으로 진행된다고 합니다.따라서 면접 준비는 일반적인 인성면접과 PT면접두 가지로 나누어 진행했습니다.글은 면접 스터디에 대한 내용으로 시작해 인성 면접과 PT 면접 준비 과정을 자세히 다루고, 후기와 함께..
-
SSAFY 13기 비전공자 합격 후기: 싸피 에세이 준비 과정 및 꿀팁Programming/기타 2024. 12. 22. 02:56
싸피 지원을 위한 자소서, 에세이를 작성하며 고민했던 내용과 전략을 공유합니다. 에세이 주제 선정부터 최종 퇴고까지 상세한 작성 과정과 팁을 담았습니다. 눈에 띄는 에세이 작성방법과 글자 수를 줄이기 위한 저만의 팁을 소개합니다. SSAFY 지원을 준비하는 비전공자를 위한 에세이 작성 가이드입니다.개요이번 SSAFY 13기 서울 캠퍼스에 비전공자로 최종 합격했습니다.준비하면서 정리한 내용을 복기하고, 추후 지원자들에게 도움이 될 수 있도록 준비 과정과 팁 등을 글로 남기려 합니다.SSAFY 지원 절차는 다음과 같습니다.서류 접수에세이 작성SW 적성진단1차 합격자 발표인터뷰(면접)최종 합격자 발표입학이 중 1차 합격의 핵심 요소이면서 면접 준비의 기반이 되는 에세이 작성 과정에 대해 다뤄보겠습니다.특히 에..
-
티스토리 블로그에 마크다운 콜아웃(Callout) 넣어주기Programming/TIL 2024. 11. 25. 18:56
티스토리 블로그에서 Github 스타일의 마크다운 콜아웃(경고/주의 상자)을 구현하는 방법을 설명합니다. HTML 구조 분석부터 자바스크립트 DOM 조작, CSS 스타일링, 웹 접근성 개선까지 단계별로 알아봅니다.개요Github에서 README 파일을 읽다 보면 이런 멋있는 경고 상자를 볼 수 있습니다. 프로그램 사용 시 주의사항이나 설정 방법, 사용 꿀팁 등을 강조할 때 주로 사용되곤 하는데요.이는 Github Flavored Markdown에서 지원하는 기능입니다.표준 마크다운 문법에 여러 가지 확장을 더한 것이죠.아래와 같은 표준 마크다운 인용블록에> 나는 생각한다 고로 나는 존재한다. - ChatGPT나는 생각한다 고로 나는 존재한다. - ChatGPT이런 식으로 [!NOTE]를 앞에 붙이면 위에..