본문 바로가기

개발(Develop)82

[VSCode] WakaTime 순수 코딩 시간 추적 VSCode 익스텐션 Extension / WakaTime 테마 변경 WakaTime 코딩 시간 추적 Extension 설치해보기 순수한 코딩 시간을 추적할 수 있는 VSCode의 익스텐션인 'WakaTime'을 함께 설정하는 방법을 알아보도록 하겠습니다. 1. 아래의 WakaTime 사이트에 접속합니다. https://wakatime.com/ WakaTime - Dashboards for developers Open source IDE plugins for programmers. wakatime.com 2. 회원가입을 해줍니다. - 이메일로 가입하거나 깃허브를 연동합니다. 저는 깃허브를 연동해주었습니다. 3. 상단에 프로필 클릭 후 'Settings'를 클릭해줍니다. 4. Account > API Key 에 있는 Secret API Key를 복사합니다. 5. Visual.. 2024. 1. 25.
BASE64 인코딩 디코딩 / BASE64 Encode Decode / BASE64 포멧이란 BASE64 인코딩이란 무엇인가? Base64는 이진 데이터를 ASCII 문자로 변환하는 인코딩 방식입니다. 이진 데이터는 컴퓨터가 이해할 수 있는 0과 1로 이루어진 형태이지만, 이를 텍스트 기반 시스템에서 사용하기 위해서는 ASCII 문자로 변환해야 합니다. Base64는 이를 가능하게 해주는 방법 중 하나입니다. BASE64를 왜 사용하는가? Base64는 주로 데이터 전송과 저장 시에 사용됩니다. 이진 데이터를 그대로 전송하거나 저장하면 데이터가 손실되거나 손상될 수 있습니다. 또한, 일부 네트워크 프로토콜은 ASCII 문자만 허용하므로 이진 데이터를 텍스트로 변환해야 합니다. Base64는 이러한 문제를 해결하기 위해 이진 데이터를 텍스트로 안전하게 변환합니다. BASE64로 인코딩(Encodi.. 2023. 5. 21.
[POSTMAN] 포스트맨 설치 및 사용법 / POSTMAN request 요청해보기 Contents 포스트맨(POSTMAN)이란? POSTMAN은 API 개발 및 테스트를 위한 인기있는 협업 도구입니다. 웹 기반으로 제공되며, 개발자들이 API를 디자인하고 문서화하며, 테스트하고 공유하는 데 사용됩니다. POSTMAN을 사용하면 간편하게 HTTP 요청을 생성하고, 응답을 검사하며, 테스트를 자동화할 수 있습니다. 포스트맨(POSTMAN)의 주요기능 API 개발: POSTMAN은 사용자가 직접 API를 디자인하고 작성할 수 있는 강력한 개발 환경을 제공합니다. 사용자는 REST, SOAP, GraphQL 등 다양한 유형의 API를 생성하고 편집할 수 있습니다. 테스트 자동화: POSTMAN은 API 엔드포인트에 대한 테스트를 자동화할 수 있는 기능을 제공합니다. 사용자는 다양한 테스트 케.. 2023. 5. 21.
OneDrive 동일한 위치에 리디렉션할 수 없는 폴더 / 레지스터 변경 없이 에러 해결법 Contents 폴더를 여기로 이동할 수 없습니다. OneDrive 문제 해결 " 동일한 위치에 리디렉션할 수 없는 폴더가 있기 때문에 폴더를 이동할 수 없습니다. 액세스가 거부되었습니다 " OneDrive 연동 파일 경로 문제점 C:\Users\ckseh\OneDrive 컴퓨터 포맷을 하고 윈도우 11를 설치하면서 OneDrive와 자동으로 연동이 되었다. 그때부터 모든 파일의 경로가 OneDrive를 향하고 있었다. 기본폴더들이 OneDrive를 향하면서 경로에 "바탕화면"과 같이 한국어가 자동으로 포함되게 된다. 코딩을 할 때 폴더를 바탕화면에 저장을 하면 경로에 '한글'이 포함이 되어 프로그래밍을 함에 있어 오류가 생기는 일이 잦았다. 그래서 OneDrive경로를 기본 경로로 다시 되돌리도록 하려.. 2023. 3. 15.
[VScode] Mac 단축키 비주얼스튜디오 코드 맥 맥북 단축키 모음 Mac KeyBoard Symbols 심볼의미 ⌘ 커맨드 (command) ⌃ 컨트롤 (control) ⌥ 옵션 (option) ⇧ 쉬프트 (shift) ⇪ 캡스락 (caps lock) General 단축키설명 ⇧⌘P, F1 Sh명령 팔레트 표시 ⌘P 빠른 열기, 파일로 이동… ⇧⌘N 새 창/인스턴스 ⌘W 창/인스턴스 닫기 ⌘, 사용자 설정 ⌘K ⌘S 키보드 바로가기 키 Basic Editing 단축키설명 ⌘X 라인 잘라내기 ⌘C 라인 복사 ⌥↓ / ⌥↑ 라인 아래, 위 이동 ⇧⌥↓ / ⇧⌥↑ 라인 아래, 위 복사 ⇧⌘K 라인 삭제 ⌘Enter / ⇧⌘Enter 라인 삽입 위, 아래 ⇧⌘\ 매칭 브래킷으로 점프 ⌘] / ⌘[ 들여쓰기, 내림 줄 Home / End 줄 시작, 끝으로 이동 ⌘↑ / ⌘↓ .. 2023. 3. 4.
VSCode 개발 환경 설정 동기화 하고 불러오기 / 비주얼스튜디오코드 세팅 설정 동기화 목차 비주얼스튜디오 코드 세팅 값 동기화 설정하기 파일 -> 기본설정 -> '설정동기화 켜기' 클릭 동기화 항목 체크 후, 로그인 및 켜기 클릭 Microsoft 또는 GitHub에 설정값 동기화 선택 나는 GitHub에 VSCode 설정 값을 동기화 하겠다. GitHub 로그인 후 Authorize 클릭 Visual Studio Code 열기 클릭 URI 열기 허용 설정 동기화: 지금동기화 (지금) 확인 아래와 같이 동기화됨(지금)이 뜨면 정상적으로 동기화가 실행되고 있는 것이다. 비주얼스튜디오 동기화 값 불러오기 파일 -> 기본설정 -> '설정동기화 켜기' 클릭 설정 동기화 : 지금 동기화 클릭 병합 클릭 후 작업환경 세팅 확인 수동으로 병합[Merge Manually..] : 이 옵션을 선택하면 기.. 2023. 1. 28.
NVM 설치하기 쉬운 설명+사진 for Windows / NVM 사용 이유 / Node.js NVM 사용법 Node.js 설치하기 Node.js란 설치하기 / Node.js란? / Node.js 사용이유 / 윈도우(window) Node.js란 ? Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임으로, JavaScript로 작성된 프로그램을 일반 애플리케이션 프로그램처럼 실행시켜주는 런타임이다. 즉, Node.js를 통해 다양한 자바스크립 parkjh7764.tistory.com 위와 같이 홈페이지에서 Node.js 를 설치해도 좋지만, nvm으로 관리하는 것이 좋다. NVM이란 Node Version Manager로 Node.js의 버전을 관리하는 도구이다. 1. NVM 사용 이유 - 컴퓨터에서 다양한 버전의 Node.js를 사용할 수 있게 해준다. - 원하는 Node.js의.. 2023. 1. 10.
Jupyter noterbook(주피터 노트북) 프로그램 설치 및 사용하기 Jupyter noterbook(주피터 노트북) 프로그램 설치하기 기본적으로 주피터 노트북을 사용하기 위해서 파이썬이 기본적으로 설치되어 있어야 한다. 파이썬 설치는 아래 링크를 보고 다운로드 받도록 하자. 파이썬(Python) 쉬운설치 파이썬(Python) 쉬운설치 / Python(파이썬) IDE / 파이썬 기본프로그램 / 파이썬이란 / 파이썬 다운로드 파이썬(Python) 이란? 파이썬(Python)이란, 암스테르담의 귀도 반 로섬(Guido Van Rossum)이란 사람이 1990년에 개발한 인터프리터 언어이다. 파이썬으로 개발한 프로그램은 공동 작업과 유지 보수가 매우 parkjh7764.tistory.com Jupyter 노트북은 cmd(명령 프롬포트) 창에서 pip 명령어로 설치를 한다. pi.. 2022. 10. 29.
장고(Django) 설치하기 / 장고란? 웹 프레임워크란? / 파이썬 가상환경 pip 장고(Django)란? '파이썬' 기반으로 만들어진 무료 오픈소스 웹 애플리케이션 프레임워크(web application framework)이다. 웹 사이트를 쉽고, 빠르게 개발할 수 있도록 만들어준다. 파이썬 언어를 기반으로 하기 때문에, '파이썬'의 가장 큰 장점인 비교적 쉬워 익히기가 쉽고 개발속도도 빠르며, 코드 완성도를 높게 유지할 수 있다. 그러나 파이썬의 '단점' 역시 가져온다. 파이썬은 '인터프리터' 언어이기 때문에 코드 실행이 한줄한줄 실행이 되어 그만큼 속도가 느리며, 이미 만들어진 라이브러리를 사용하는 경우가 많기 때문에 커스텀하기 힘들다. 웹 프레임워크(Web Framework, WF)란? 웹 프레임워크는 쉽게 말해 웹 프로그램을 만들기 위한 '키트'라고 생각하면 된다. 조금 더 자.. 2022. 10. 2.

티스토리툴바