본문 바로가기

개발 도구52

vs code 에서 점 찍는 법 - 공백 문자(whitespace) 표시하기 왜 필요한가 싶지만, 그래도 개인적으로는 만족스러웠던... vs code 에서 점 찍는 방법을 알게 된 것의 시작은 회사 대표님께서 올린 슬랙 메세지였다. 아래는 '코딩으로 본 조선붕당의 이해' 이미지이다. 나는 원래 개발에 관심이 많은 디자이너이니 흥미롭게 보고 있었는데, 중간 부분의 사도세자 "스페이스마다 가이드 점 찍으니까 괜찮네" 부터 궁금증이 생겼다. (이미지는 퍼온 것으로 출처를 알수가 없다. 혹시 저작권 관련 문제가 생긴다면 바로 삭제할 예정 - 알려주세요ㅠㅠ) 나는 궁금한 게 생기면 참기 힘든 성격이라... 그래서 슬랙 댓글로 물어보았다. 그리고 답글... 왠지 점이 있는 게 더 예쁜 것 같아서(...???) vs code를 실행하고 아무거나 써 봤는데... 내 에디터에는 점이 찍히지 않았.. 2023. 6. 15.
CLI 전용 에디터 - Vim 사용 방법과 단축키 안내 GUI 환경에서는 파일 종류에 따라 Microsoft Word, VS code, PyCharm, 메모장 등 다양한 툴을 사용해서 파일 내용을 작성할 수 있다. 그런데 CLI 환경에서는 전용 텍스트 에디터를 사용한다. 그 중에서 가장 보편적인 것으로 Vim 이라는 에디터가 있다. Vim의 장점은 엄청 많은 기능과 단축키가 있다는 점이고, 단점은 모든 걸 마우스가 아닌 키보드로 해결해야 한다는 점이다. 나는 오래 전부터 Vim 에디터에 호기심을 가지고 있었기 때문에... 이번 강의 주제가 Vim 이라고 해서 기대를 많이 했다. (감동중) 그럼 이제부터 Vim을 사용하는 방법과 단축키에 대해서 정리해보도록 하겠다. Vim 실행하기 가장 먼저 해야 할 것은 당연히 Vim 실행하기 이다. 터미널을 열고, vim .. 2023. 5. 20.
디렉토리와 파일 생성하기 - mkdir, touch 터미널에서 파일과 디렉토리를 살펴볼 때에 주로 사용하는 커맨드에 대해서 알아보았다. 이번 포스팅에서는 디렉토리, 파일을 직접 생성하는 방법에 대해서 소개하려고 한다. 디렉토리 생성할 때 mkdir 디렉토리를 생성하기 위해서는 mkdir 이라는 커맨드를 사용하고, argument로 새로 만들 디렉토리명(경로 포함)을 주면 된다. 예제를 통해서 알아보자. 현재 coding_study 디렉토리 안에는 setting, study, text 세개의 디렉토리가 들어있다. 만약 여기에 login 이라는 디렉토리를 추가하고 싶다면 mkdir login 이라는 커맨드를 입력하고 실행하면 된다. 다시 ls 커맨드를 사용하여 내용물을 출력해 보았다. login 디렉토리가 잘 만들어진 것을 확인할 수 있었다. mkdir 뒤에.. 2023. 5. 19.
절대 경로 vs 상대 경로 오늘은 절대 경로와 상대 경로의 개념에 대해서 설명하려고 한다. 이미 다른 포스팅에서도 한 번 다룬 기억이 있는 것 같지만, 유닉스 커맨드를 공부할때도 유용하게 사용되는 개념이다. 경로를 argument로 받는 모든 커맨드에 절대 경로, 상대 경로를 둘 다 사용할 수 있기 때문이다. 절대 경로 절대 경로란, 루트 디렉토리를 기준으로 어떤 파일이나 디렉토리의 고유한 경로를 표시하는 것을 말한다. 경로가 길어질수록 불편해지는 단점이 있다. ex) home/heina/documents/study/codeit/20230509 상대 경로 상대 경로란, 현재 자신이 위치해 있는 디렉토리 기준으로 경로를 나타내는 것을 말한다. 현재 디렉토리는 . 으로 표시하며, 상위 디렉토리는 .. 으로 표시한다. ex) ../co.. 2023. 5. 9.
파일과 디렉토리 살펴볼 때 사용하는 기본 커맨드(pwd, cd, ls) 파일과 디렉토리를 살펴볼 때 사용하는 기본 커맨드에 대해서 알아보자! 모든 공부가 다 그렇겠지만 코딩 공부는 특히, 직접 해보는 것과 눈으로만 보는 것이 천지 차이다. 오류 투성이더라도 실제로 작성해서 결과를 보는 것이 기억에 오래 남는다. 이번 포스팅은 맥북에 기본으로 설치되어 있는 터미널 프로그램만 실행하면 누구나 직접 해볼 수 있다. 함께 따라하면서 공부하는 것을 추천한다. 터미널 프로그램을 열면 아래와 같은 화면이 나오는데, 초록색 텍스트로 표시된 부분(zoe.lee@zoeleeui-MacBookPro) 옆의 '~' 표시는 우리가 현재 위치해 있는 디렉토리를 의미한다. 처음 터미널을 시작하면 기본으로 home directory 에서 시작하는데, 현재 위치해 있는 디렉토리를 working direc.. 2023. 5. 8.
서브라임 텍스트(Sublime Text) 편집기 설치하기 서브라임 텍스트(Sublime Text)라는 심플하고 간편하게 사용할 수 있는 편집기가 있다고 해서 설치해 보았다. 원래는 VS Code를 사용하고 있는데, 사실 조금 질리기도 했고(응?) 나는 원래 이것 저것 다양하게 써보고 비교하는 걸 좋아한다. 이 소스코드 편집기에 대해서 조금 더 자세히 설명해보자면, 파이썬 API 용으로 작성된 사유 크로스 플랫폼 소스 코드 편집기라도 한다. 다양한 프로그래밍 언어, 마크업 언어를 네이티브로 지원한다. 또한 플러그인을 사용하여 사용자에 의해 기능 확장이 가능하다. 서브라임 텍스트 주요 기능 - Goto Anything : 특정 파일, 심볼, 줄로의 빠른 이동 - Command Palette : 특정 명령의 빠른 키보드 발동을 위한 적응형 일치 사용 - 동시 편집 .. 2023. 5. 3.
VS Code 언어 변경하는 방법 VS code를 사용하고 있었는데 어느 날 자동으로 언어가 바뀌어 있었다. (why...?) 당황했지만 구글님의 도움으로 빠르게 복구했다. 이런 정보는 나눠야 제 맛이니까! VS Code 언어 변경하기 VS Code에서 커맨드 팔레트를 실행한다. 단축키는 MacOS의 경우 command + shift + P 이다. 그리고 language를 검색한다. Language를 포함하고 있는 여러 항목이 검색되는데 그 중에서도 Configure Display Language를 선택한다. 그 뒤 한국어(ko), English(en), 日本어語(ja) 등 원하는 언어를 선택해주면 된다. 언어를 선택하면 VS Code를 재시작해야 한다는 내용의 팝업창이 뜬다. 확인을 누르면 프로그램이 종료되었다가 시작되며 선택한 언어가.. 2023. 1. 3.
Permission denied (publickey). 오류 해결하기 나도 이제 버전관리를 할 수 있게 된 기념으로! 리액트 공부를 하며 깃허브에 정원을 꾸며 보기로 마음 먹었다. 그런데 로컬 레포지토리에 있는 내용을 깃허브에 업로드 하려고 하니까 아래와 같은 메세지가 나오면서 진행이 되지 않았다. git@github.com: Permission denied (publickey). fatal: Could not read from remote repository. Please make sure you have the correct access rights and the repository exists. 으아아아아아 깃허브가 나를 싫어한다아아아아아🫠 일단 정신줄을 잡고 구글신님께 도움을 청해 보았다. 먼저 이런 메세지가 뜨는 이유는 서버에 SSH Key가 없거나 손상이 되어서.. 2023. 1. 3.
버전관리가 필요 없는 파일 관리(.gitignore) 우리가 작업하는 프로젝트 안에는 버전관리가 필요 없는 파일도 존재할 가능성이 있다. 이러한 파일들까지 모두 커밋을 한다면 오히려 용량만 더 차지하고, 나중에 각 버전을 살펴볼 때에 가독성만 더 떨어뜨릴 것이다. 그러면 버전관리가 필요 없는 파일들을 어떻게 처리해야 할까? .gitignore 파일 생성하기 터미널에서 프로젝트 디렉토리로 이동한 후에 아래와 같이 입력하여 파일을 생성한다. touch .gitignore 아무런 반응이 없다면 명령이 성공한 것이다. 파일이 제대로 생성되었는지 확인하고 싶다면 ls -al 커맨드를 입력하여 디렉토리를 살펴보면 된다. .gitignore 파일이 생긴 것을 확인할 수 있었다. 그럼 다음으로는 git이 무시해야 할 파일을 넣는 방법에 대해서 알아보자. 깃허브에서 제공하.. 2022. 12. 22.
커밋 여러개를 하나로 만들고 싶을 때(git reset --soft) 여러개의 커밋을 하나의 커밋으로 합치고 싶을 때에 어떻게 하면 되는지 포스팅으로 정리해보려고 한다. 문제 상황 예시 premium 브랜치에서 작업을 하고 Add factorial function과 Add factorial function2로 각각 커밋했다. 그런데 커밋 히스토리를 확인해 보니... 동일한 커밋이 두 개나 있으면 혼란스러울 것 같아서, 이 커밋들을 하나로 합치고 싶다는 생각이 들었다. 그럴 때에는 예전에 소개했던 git reset 옵션을 사용해서 커밋을 합칠 수 있다. cf. git reset이 궁금하신 분들을 아래 링크 클릭! 2022.11.09 - [개발 도구/Git] - 특정 커밋 시점으로 돌아가고 싶을 때(git reset) 특정 커밋 시점으로 돌아가고 싶을 때(git reset) .. 2022. 12. 22.