설치 && 설정 24

모바엑스텀(MobaXterm) 설치하기

ssh 접속 툴 중 대표적으로는 putty를 사용합니다. 하지만 이 툴은 다양한 서비스와 연결할 수 있으며 간편하게 더블 클릭으로 여러 개의 서버를 컨트롤할 수 있습니다! 1. 설치 파일 다운로드 https://mobaxterm.mobatek.net/download.html MobaXterm free Xserver and tabbed SSH client for Windows The ultimate toolbox for remote computing - includes X server, enhanced SSH client and much more! mobaxterm.mobatek.net 해당 사이트에서 Home Edition을 눌러줍니다. 저는 "Portable edition"으로 설치하였습니다. 받은 압..

설치 && 설정 2022.05.09

노드JS 설치 (node.js)

윈도우에서 리액트를 사용해 보기 위해 노드JS를 설치합니다. 1. 다운로드 페이지 이동 노드를 설치하기 위해 사이트로 접속합니다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 저는 16.15 버전을 다운로드해주었습니다. 2. Node.js 설치 다운로드한 msi 파일을 실행시켜 줍니다. Next Install 마무리를 해줍니다! 3. 설치 확인 cmd 창을 열어 "node -v" 명령어를 입력해 주면 홈페이지에서 받은 v16.15.0 버전으로 Node.js가 설치된 것을 볼 수 있습니다.

설치 && 설정 2022.05.08

vscode django html에서 html 자동완성 사용하기

Django Html에서 html의 자동완성 기능이 안될 때가 있습니다. 그럴 때에는 우측 하단의 "Django Template(Django Html)을 눌러 Select Language Mode를 Html로 바꾸어 주어야 합니다. 하지만 이렇게 하면 Django Template 자동완성이 작동을 안하게 됩니다. ... 이제 django html에서 html 자동 기능을 넣어주겠습니다. 1. "Auto Close Tag" 확장팩 설치 Auto Close Tag를 install 해준 뒤 스크롤 바를 내려 보시면 "auto-close-tag.activationOnLanguage": [ "xml", "php", "blade", "ejs", "jinja", "javascript", "javascriptreact..

설치 && 설정 2021.09.19

[vscode] Auto Rename Tag 설정

Auto Rename Tag를 사용하면 html에서 태그를 이루는 쌍이 다 같이 자동으로 바꿔주는 편리한 확장팩입니다. 허나 해당 확장 프로그램은 설치만으로 끝나는 게 설정도 해주어야 합니다. 1. 설치 확장 프로그램을 설치해 줍니다. 2. 확장 프로그램 setting 수정 File > Preferences > Settings 클릭 or Ctrl + , 이제 Extensions > Edit in settings.json을 눌러 설정으로 진입합니다. 3. settings.json 파일 수정 및 추가 "auto-rename-tag.activationOnLanguage": ["*"], 해당 소스를 넣어 주세요. 이제 vscode를 다시 껐다 켜주면 정상 작동할 것입니다!

설치 && 설정 2021.09.09

vscode 'bash: syntax error near unexpected token `&'' 해결 방법

python 가상환경을 실행하여 터미널을 열 경우 자동 실행되는 경로 맨 앞에 &가 자동으로 붙어 나오며 bash: syntax error near unexpected token `&' 에러가 발생 & 이번에는 예상치 못한 일이었습니다. 1. vscode settings.jeon 파일 열기 "ctrl + ," 명령어를 이용해 Settings를 연 뒤 검색창에 "setting.json"를 검색해 줍니다. 검색 후 하단의 Edit in settings.json 클릭! 클릭해서 settings.json 파일을 열어 주시면 상단의 Line 2가 있는지 확인 해 주세요 "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe", 없다면..

설치 && 설정 2021.06.29

vscode에서 python 가상환경 실행 Select Interpreter 설정

mac 환경에서 터미널을 실행하게 될 경우 vscode가 python 경로를 잡지 못할때가 종종 있다. 그럴 경우 vscode 터미널을 사용하여 python 경로를 잡아보자 1. vscode 디렉토리 설정 vscode를 실행하여 폴더를 선택해 줍니다. 2. 터미널 실행 "control + shift + `" 을 눌러 터미널을 실행시켜 줍니다. 3. 가상환경 설치 및 실행 mac) python3 -m venv env cd env source bin/activate window) python -m venv env cd env source Scripts/activate 명령어를 통해 env 라는 가상환경 설치 env 디렉터리로 이동 이제 가상환경을 실행 시켜 줍니다. 4. Django 설치 mac) pytho..

설치 && 설정 2021.06.28

컴파일러 사이트! repl.it - github 커밋하기

컴파일러 사이트! repl.it - github 커밋하기 repl과 git을 연동하며 커밋에 대한 질문이 많이 들어와 커밋하는 가이드라인을 만들어 보았습니다. 관련 게시글 >> integer-ji.tistory.com/220#comment12246350 컴파일러 사이트! repl.it - github 연동하기 컴파일러 사이트 추천! "repl.it" 그리고 github 연동하기 백준알고리즘이나 goorm.io 문제를 풀때 컴파일러 에디터?가 너무 불편해서 찾은 컴파일러 사이트입니다. 사용할수있는 언어도 많고 실제 컴 integer-ji.tistory.com https://repl.it/ The collaborative browser based IDE Repl.it is a simple yet powerf..

설치 && 설정 2020.12.27

파일질라(FileZilla)에 aws ec2 접속하기

파일질라를 실행 하였으면 좌측 상단의 빨간박스 (컴퓨터모양)을 눌러줍니다. 그러면 새로 site를 등록하는 창이 나오는데 여기서 "New site" 클릭 후 사이트를 생성해 줍니다. 좌측을 설명하면 프로토콜(t) : SFTP - SSH File Transfer Protocol 호스트(H) : aws ec2 인스턴스의 퍼블릭 DNS(IPv4) 값을 넣어줍니다. 포트(P) : 빈값 로그온 유형(L) : 키 파일 사용자(U) : ubuntu 키 파일(K) : *.pem (인스턴스를 만들며 생성한 키 페어 파일) 하고 연결을 누르면 짜잔 연결이 되었습니다~

설치 && 설정 2020.08.31

mac에서 FileZilla 설치하기

mac 환경에서 파일질라를 설치해 보도록 하겠습니다. https://filezilla-project.org/download.php?type=client Download FileZilla Client for Windows (64bit) Download FileZilla Client for Windows (64bit) The latest stable version of FileZilla Client is 3.50.0 Please select the file appropriate for your platform below. Please select your edition of FileZilla Client FileZilla FileZilla with manual FileZilla Pro S filezilla-..

설치 && 설정 2020.08.31