티스토리

자바강사 낙자쌤

검색하기

블로그 홈

자바강사 낙자쌤

nakja.tistory.com/m

낙자쌤™ 님의 블로그입니다.

구독자: 3

방명록 방문하기

주요 글 목록

VSCode 유용한 확장 프로그램 - 개발할 때 지루함을 덜어주는 Power Mode 개발할 때 지루함을 덜어주는 vscode 확장 프로그램 power mode 설치 및 설정법에 대해 알아보겠습니다. 설치 후 설정을 해야 동작한다. 위에서 톱니바퀴를 클릭한 후 Extension Settings 를 클릭합니다. Powermode : Enabled 항목을 체크한다. 그래야 효과가 적용됩니다. Powermode : Enable Shake 항목은 체크 해제합니다. 이부분이 체크되어 있으면 에디터 전체가 흔들려서 눈이 피로합니다. Presets 에서 파워모드의 효과를 선택할 수 있습니다. 공감수 1 댓글수 0 2022. 5. 5.
VSCode 유용한 확장 프로그램 - Explorer 창에서 폴더나 파일을 좀 더 세련된 아이콘으로 표현해주는 Material Icon Theme Explorer 창에서 폴더나 파일을 좀 더 세련된 아이콘으로 표현해 줍니다. 또한 Depth도 조금 더 깊어집니다. 적용전 적용후 적용이 안된다면 메뉴 > Preferences > File icon Theme 선택창에서 “Material Icon Theme”를 선택합니다. 그럼 적용된것을 볼 수 있습니다. 공감수 1 댓글수 0 2022. 5. 5.
VSCode 유용한 확장 프로그램 - 메서드(함수) 블럭을 컬러풀하게 표시해주는 Bracket Pair Colorizer 코드 작성시 메서드(함수)를 많이 생성하게 되는데 블럭으로 지정된 중괄호 부분을 컬러풀하게 표시해줍니다. 설치 전 코드 설치 후 코드 공감수 0 댓글수 0 2022. 5. 5.
VSCode 유용한 확장 프로그램 - 탭키로 괄호나 쌍따옴표 탈출하기 TabOut 코드 작성시 중괄호나 더블쿼테이션(쌍따옴표)을 tab를 눌러 탈출할 수 있습니다. 공감수 0 댓글수 0 2022. 5. 5.
VSCode 유용한 확장 프로그램 - 로컬 웹서버 localhost로 바로 실행하는 Preview on Web Server 지금 작성중인 HTML 파일을 로컬 웹서버로 즉시 실행할 수 있습니다. 실행은 편집기에서 우클릭 후 vscode-preview-server 를 클릭한다. 만약 포트충돌로 정상적으로 실행되지 않는다면 톱니바퀴를 눌러 메뉴에서 Extension Setting으로 들어갑니다. 설정 메뉴에서 포트번호를 변경합니다. 포트번호는 0부터 65535까지의 16비트 범위의 숫자로 되어 있습니다만 대부분 4자리로 사용하므로 9999이하의 정수를 선택하시면 됩니다. 공감수 1 댓글수 0 2022. 5. 5.
VSCode 유용한 확장 프로그램 - Eclipse Keymap 각 프로그램들은 자신만에 단축키가 존재합니다. MS 프로그램도 역시 마찬가지입니다. 그런데 사실 단축키 맵핑은 비주얼 스튜디오 쪽이 좀 더 편하지만 우리가 외운 단축키는 이클립스가 주도한게 많습니다. 그래서 VS코드에서 이클립스 단축키를 그대로 사용할수 있는 확장프로그램을 설치해보겠습니다. 확장프로그램에서 Eclipse Keymap 을 검색한 후 install을 클릭 합니다 json 파일 하나만 바꾸기 때문에 설치가 매우 빠릅니다. 설치 후 Eclipse에서 사용하던 단축키를 사용해보세요. 새로운 도구에 익숙해지는것도 좋지만 구관이 명관입니다. ^^ 끝~~ 공감수 0 댓글수 0 2022. 5. 5.
VSCode 터미널 오픈시 디폴트 설정 [ Visual Studio Code 터미널 ] 하단에 창이 없을경우 메뉴 > Terminal > New Terminal 을 클릭합니다. VS Code에서 터미널 작업을 위해 창을 열면 아래와 같이 PowerShell이 디폴트로 설정되어 있습니다. 설정으로 들어갑니다. 검색창에 “shell window”라고 입력합니다. 그러면 터미널 설정 부분에서 Command Prompt 를 선택하면 됩니다. 설정이 완료되었다면 VS code를 재시작 합니다. 다시 한번 터미널을 실행하면 cmd로 설정되어 있는것을 볼 수 있습니다. 공감수 2 댓글수 0 2022. 5. 5.
[ Eclipse ] 쌍따옴표 사이에 붙여넣기할때 역슬래시가 자동으로 붙는 현상 처리 Java 코딩시 문자열 사이에 변수를 입력할때는 더블쿼테이션 과 + 기호를 사용해야 합니다. 그런데 이 부분을 붙여넣기 하면 다음과 같이 역슬러시가 자동으로 추가됩니다. 이 부분을 제거하려면 다음의 메뉴로 이동합니다. window -> preferences -> java -> editor -> typing -> in string literals 에서 Escape text when pasting into a string literal 항목의 체크를 해제합니다. 다시한번 시도해보면 다음과 같이 역슬러시가 추가되지 않습니다. 실행했을때의 결과도 다음과 같이 나오는걸 볼 수 있습니다. 공감수 0 댓글수 0 2022. 4. 24.
Visual Studio Code (vscode) 초기 설정으로 되돌리기 (설정초기화) 최근 개발자들은 VS code를 많이 사용합니다. 사실 저도 학원에서 강의하면서 과정의 절반은 VS-Code를 사용하는것 같네요. 사용하다보면 단축키가 제대로 안되거나해서 초기화를 하고 싶은 경우가 있습니다. 하지만 단순히 프로그램을 삭제하는 것 만으로는 초기화를 할 수 없습니다. 이유는 설정값들이 사용자 폴더에 그대로 남아있기 때문입니다. 내가 직접 한 설정이라면 변경할 수 있겠지만, 여러가지 확장 프로그램의 설치를 통해 변경된 설정은 찾기도 힘들고 변경하기도 힘들죠. 그래서 이럴때는 완전히 초기화 시켜주는것이 좋습니다. 우선 사용자 폴더로 이동합니다. 윈도우 탐색기에서는 사용자로 나오지만 실제 경로는 Users입니다. 아래 2개의 경로를 찾아 폴더를 삭제합니다. C:\Users\user\.vscode.. 공감수 9 댓글수 0 2022. 2. 26.
[버전관리] Eclipse 에서 git 사용 및 github 연동하기03 Eclipse 에서 git 사용 및 github 연동하기 step01 - github 회원가입 및 저장소 생성 [바로가기] step02 - gitbash 설치 및 설정 [바로가기] step03 - 이클립스에서 연동하기 [현재문서] Eclipse 와 github 연동하기 로컬저장소 생성 퍼스펙티브 항목에서 ‘Java EE’를 선택하고 새 프로젝트를 만든다. 새로 생성한 프로젝트에 마우스 오른쪽 버튼을 클릭하고 [Team] -> [Share Project] 클릭한다. Use or create repository in parent folder of project 부분을 체크하고 Create Repository버튼을 클릭한다. 클릭하는 즉시 .git 이라는 폴더가 생성된다. 이클립스에서는 위와 같이 .git 이.. 공감수 14 댓글수 0 2021. 9. 29.
[버전관리] Eclipse 에서 git 사용 및 github 연동하기02 Eclipse 에서 git 사용 및 github 연동하기 step01 - github 회원가입 및 저장소 생성 [바로가기] step02 - gitbash 설치 및 설정 [현재문서] step03 - 이클립스에서 연동하기 [바로가기] Git-scm설치 https://git-scm.com/ 접속한다. Download 버튼을 누르면 즉시 다운로드가 시작된다. 윈도우에서 설치하기 : 거의 대부분은 디폴트 상태로 설치하면 된다. 환경 변수를 맨 위로 체크하고 클릭 ※ Use Git from Git Bash only : 환경 변수를 변경하지 않고 Git bash 커맨드 라인 도구에서만 실행한다. ※ Use Git from Windows Command Prompt : 윈도우 커맨드 프롬프트에서 Git을 실행할 수 있는.. 공감수 8 댓글수 0 2021. 9. 29.
github 기본 브랜치 변경하기 #Black Lives Matter 2020년 10월 1일부터 인종 편견 지적을 수용하여 마스터(master, 주인)와 슬레이브(slave, 노예) 형태로 사용되던 브랜치명을 main으로 변경하기로 결정하였다. 흑인의 생명은 소중하다는 #Black Lives Matter 해시태그로 시작된 운동에 영향을 받은것으로 보인다. 깃허브 측은 마스터를 메인으로 교체한 이유에 대해 이미 대체용어로 가장 많이 쓰이고 있을 뿐 아니라 단어의 길이가 짧아 기억하기 쉽고 대부분의 언어에서 원래의 의미에 맞춰 번역되기 때문이라고 설명했다. 관련자료1] https://zdnet.co.kr/view/?no=20200921101131 관련자료2] https://velog.io/@modolee/github-renaming-the-.. 공감수 5 댓글수 0 2021. 9. 29.
VScode 에서 github 사용하기3 - git 명령어 사용(readme추가O) VSCode 에서 github을 연동할때 readme.md 파일이 있을때와 없을때 조금 틀린 부분이 있다. 이 부분때문에 연동시 나름 애를 먹고있는 개발자들이 있을듯 해서 2가지를 나눠서 포스팅 해보려 한다. 먼저 원격저장소 생성시 readme.md 파일을 추가한 상태에서의 연동방법이다. [바로가기]VScode 에서 github 사용하기2 - 원격저장소 생성시 readme.md 추가하지 않았을때 README.md 파일 추가 후 git 저장소 생성시 github에서 원격저장소를 생성한다. 이번에는 README 파일을 추가한 상태로 생성해 보겠다. 그러면 초기 페이지에서는 아래와 같이 출력된다. VSCode에서 index.html 파일을 생성한다. 내용은 아무렇게나 하면 된다. 터미널을 실행한 후 Git B.. 공감수 6 댓글수 0 2021. 9. 26.
VSCode 터미널 폰트 변경 설정 메뉴로 들어간다. 메뉴 > Preferences > Settings 클릭한 다음 User > Freatures > Terminal 선택 폰트 종류와 크기를 설정하면 된다. 끄읏~ 공감수 3 댓글수 0 2021. 9. 19.
이클립스 브레이스 위치 변경(코드 작성시 중괄호 위치변경) 이클립스를 처음 설치하면 중괄호(브레이스)의 위치가 아래와 같이 설정되어 있다. 이런 설정 자체가 나쁘다고 할수는 없으나 코딩 초보의 입장에서는 코드정렬에 무척이나 어려움을 토로한다. 예제를 작성해보면 삐뚤삐뚤 아주~~난리도 아니다. ㅎㅎ 그래서 극단적인 정렬방법으로 중괄호(브레이스)의 위치를 직선형태로 설정할 수 있다. 메뉴 > Window > Preferences > Formatter 를 선택한 후 Edit버튼을 누른다. 설정화면 으로 진입하여 Profile name에 본인이 원하는 이름을 입력한 후 Brace positions를 “Next Line” 으로 변경한다. 변경된 내용은 우측의 Preview 화면에서 실시간으로 확인할 수 있다. java 파일을 생성하면 중괄호가 아래와 같이 나오는걸 볼 수.. 공감수 3 댓글수 0 2021. 9. 18.
이클립스 젠코딩(Zen Coding)을 사용하기 위해 Emmet(에밋) 설치 이클립스 젠코딩(Zen Coding)을 사용하기 위해 Emmet(에밋)을 설치해보겠다. 이클립스 실행 → 상단 메뉴에 [help] → [install new software] 를 클릭한다. 다음 창에서 Work with 에 http://emmet.io/eclipse/updates/ 입력한다. 잠시 후 Emmet 를 체크한후 Next 버튼을 클릭한다. 라이센스에 동의한 후 계속 진행한다. 설치가 완료되면 설정 메뉴로 들어가서 jsp 확장자를 추가해준다. 그러면 지금부터 젠코딩을 사용할 수 있게된다. 공감수 2 댓글수 0 2021. 9. 18.
이클립스 인덴트 가이드(Indent Guide) 플러그인 코딩 초보들은 코드 정렬을 굉장히 어려워한다. 그래서 교육시 거의 한달정도는 코드 정렬에 대해서 잔소리(?)를 해야 한다. (그래도 못하는 학생들이 있다 ㅜㅜ) 여러 방법을 찾은 끝에 이클립스에서 제공하는 인덴트 가이드(Indent Guide)라는 플러그인을 찾게 되었다. 이클립스 실행 → 상단 메뉴에 [help] → [install new software] 를 클릭한다. 다음 창에서 Work with 에 http://kiritsuku.github.io/IndentGuide/update/ 입력 Install anyway를 클릭해서 설치를 계속한다. 설치가 완료되면 재시작 한다. 메뉴 > Preferences > Editors > Text Editors > Indent Guide를 선택 설치가 끝나도 이클.. 공감수 3 댓글수 0 2021. 9. 18.
이클립스에서 프로젝트 import(가져오기) 방법1 : 윈도우 탐색기에서 파일 복사 압축을 해제한 후 윈도우 탐색기에서 파일이나 패키지(폴더)를 선택한 후 src에 끌어다 놓으면 임포트가 완료된다. 단 이때는 프로젝트가 이미 생성되어 있어야 한다. 방법2 : Import 메뉴 사용 프로젝트 압축본이 있다면 압축을 해제한 후 본인의 Workspace에 옮겨놓는다. 이클립스에서 메뉴 > File > Import 를 선택한다. General > Existing Projects Into Workspace 를 선택한 후 Next를 누른다. Select root directory 에서 Browse를 누른 후 임포트 할 프로젝트를 선택한다. 선택이 끝났다면 Finish 를 누르면 임포트가 완료된다. 공감수 1 댓글수 1 2021. 9. 18.
이클립스에서 프로젝트 export(내보내기) - zip 파일 형식 이클립스에서 작업 후 장소를 이동해야 할때 내보내기를 통해 프로젝트를 옮길수 있다. 일단 프로젝트를 압축하여 내보내기 하는 방법을 알아보자. 방법1 : 윈도우 탐색기에서 압축 프로젝트 폴더 전체를 압축한다. 방법2 : Export 메뉴 사용 프로젝트명 > 우클릭 > Export > Export...선택 Export 창에서 General > Archive File 선택 > Next 클릭 내보내기 할 경로를 설정한 후 파일명을 입력한다. Finish를 누른다. 위 방법 모두 프로젝트를 압축파일로 만들어 준다. 클라우드나 USB에 저장하여 이동시키면 되겠다. 끄읏~ 공감수 3 댓글수 0 2021. 9. 18.
이클립스 워크스페이스 변경하기 현재 사용중인 워크스페이스를 변경하려면 다음과 같이 하면 된다. 메뉴 > File > Switch Workspace > Other 디렉토리 선택창이 뜨면 경로 설정 후 Launch 클릭 단, 워크스페이스를 변경하면 기존의 모든 설정이 리셋되므로 당황하지 말자. 끄읏~ 공감수 1 댓글수 0 2021. 9. 18.
이클립스 테마 변경 - 어두운 테마 적용 눈의 피로가 덜한 어두운 테마로 변경하고 싶다면 이클립스 메뉴 > Window > Preferences 선택 > General > Appearance 선택 Theme에서 Dark를 선택한다. 끄읏~ 공감수 1 댓글수 0 2021. 9. 18.
이클립스에서 폰트 변경하기 - 코딩 전용 글꼴 다운로드 및 설치 코딩 전용 글꼴 다운로드 나눔 고딕 코딩 > https://github.com/naver/nanumfont D2 Coding > https://github.com/naver/d2codingfont 압축해제 후 설치할 폰트 선택 > 우클릭 > 모든 사용자용으로 설치 클릭한다. 윈도우10에서는 이와같이 설치하지 않으면 이클립스에서 폰트가 보이지 않는다. 이클립스 메뉴 > Window > Preferences 선택 > General > Appearance > Colors and Fonts 선택 Basic > Text Font > Edit를 순서대로 누른다. 본인이 원하는 폰트와 스타일 크기를 지정한 후 확인을 누른다. 텍스트 폰트가 변경되었는지 확인한다. 끄읏~ 공감수 2 댓글수 0 2021. 9. 18.
이클립스 파일 인코딩 변경 - Dynamic Web Project Preferences > Web > 하위 3가지 항목 동일하게 UTF-8로 설정 Dynamic Web Project는 JSP로 웹애플리케이션을 개발하기 위해 생성한다. 사실 위 3가지 항목 이외에 XML, JSON 파일등에 대한 인코딩 설정도 있으나 거의 사용하지 않는다. 끄읏~ 공감수 1 댓글수 0 2021. 9. 18.
이클립스 파일 인코딩 변경 - Java Project 메뉴 > Window > Preferences 선택 General > Workspace 선택 > Text file encoding > other > UTF-8 선택 이클립스를 처음 설치했을때 기본설정을 이렇게 하는게 좋다. 차후 Web 개발을 위한 Dynamic web project 를 생성할때도 공통적으로 적용된다. 끄읏~ 공감수 1 댓글수 0 2021. 9. 18.
VScode 에서 github 사용하기2 - git 명령어 사용(readme추가X) VSCode 에서 github을 연동할때 readme.md 파일이 있을때와 없을때 조금 틀린 부분이 있다. 이 부분때문에 연동시 나름 애를 먹고있는 개발자들이 있을듯 해서 2가지를 나눠서 포스팅 해보려 한다. 먼저 원격저장소 생성시 readme.md 파일을 추가하지 않은 상태에서의 연동방법이다. [바로가기]VScode 에서 github 사용하기2 - 원격저장소 생성시 readme.md 추가했을때 README.md 파일 추가없이 git 저장소 생성시 원격 저장소 생성 저장소가 생성되면 아래와 같이 아무것도 없는 상태가 된다. 또한 저장소를 사용하기 위한 기본 명령어가 출력된다. 명령어를 복사해 놓는다. 명령어 설명 echo "# vscode01" >> README.md → README 파일 생성 git i.. 공감수 1 댓글수 0 2021. 9. 18.
이클립스에서 빨간세로줄 제거 나는 Java 과정 강의를 하다보니 새로운 기수가 시작될때마다 eclipse를 새로 설치해야 한다. 그래서 거의 모든 버전을 사용하게 되는데, 2021년 09월 현재 새롭게 다운로드 한 버전에서 이상한 점이 하나 발견되었다. 현재 포스팅을 진행하고 있는 eclipse 버전은 아래와 같다. 아래 그림처럼 편집기 부분에 빨간색 세로줄이 표시된다. 그래서 좀 찾아봤더니 Show print margin이 설정되어 있어 그렇다고 한다. 해당 항목은 메뉴 > Window > Preferences > General > Editors > Text Editors를 보면 찾을수 있다. 요 녀석을 체크 해제 하고 적용하면 아래와 같이 세로줄이 사라진게 된다. 별건 아니지만 눈에 거슬리는건 언능 없애버리자. 끄읏~ 공감수 1 댓글수 0 2021. 9. 4.
VScode 에서 github 사용하기1 - git clone Visual Studio Code(이하 VScode) 에서 github과 연동하는 방법에 대해 알아보자. 메뉴에서 Command Palette...메뉴를 클릭한다. (단축키 Ctrl+Shift+P) 검색창에 git을 입력하면 관련메뉴가 쭈~욱 나올텐데 여기서 clone을 선택한다. 입력창이 나오면 원격저장소의 URL을 복사한 후 붙여넣기한다. URL 입력후 Enter를 누르면 다음과 같이 폴더선택 창이 뜰것이다. 여기서 본인의 Workspace를 선택한후 아래 Select .. 버튼을 클릭한다. 바로 클론이 시작된다. 클론이 완료되면 해당 디렉토리를 오픈할지 물어본다. Open을 클릭한다. vscode가 재시작 되면 클론된 디렉토리가 선택되어 있을 것이다. vscode는 선택된 폴더가 프로젝트가 되므로 .. 공감수 1 댓글수 0 2021. 9. 2.
[버전관리] Eclipse 에서 git 사용 및 github 연동하기01 Eclipse 에서 git 사용 및 github 연동하기 step01 - github 회원가입 및 저장소 생성 [현재문서] step02 - gitbash 설치 및 설정 [바로가기] step03 - 이클립스에서 연동하기 [바로가기] github 사용하기 URL : https://github.com/ 회원가입 기본정보 입력 후 가입을 완료하면 본인 이메일로 인증코드가 전송된다. 위와같이 입력해 주면 가입은 완료된다. 몇가지 질문에는 적당히 대답하면 된다. 결국 돈내고 쓰라는 뭐 그딴?? 우리는 학습용이므로 Free로 선택하면 된다. 원격 저장소 만들기(Create a new repository) Create repository 를 클릭한다. 저장소의 이름(필수)과 설명(선택)을 입력한다. Owner : 사용.. 공감수 1 댓글수 0 2021. 9. 1.
온라인 IDE 레플릿(Replit) 사용하기 replit.com(이전의 repl.it)은 온라인 IDE(통합개발환경)이다. 해당 이름은 read–evaluate–print loop(읽기-연산-출력 루프)를 나타내는 약어 REPL에서 따온것으로 알려져있다. 별도의 설치 및 환경설정 없이 온라인에서 바로 코딩 및 실행을 할수있다는 장점이 있다. 또한 같이 작업할 사람들과 프로젝트를 공유할수도 있다. 먼저 사이트에 접속한다. https://replit.com/ The collaborative browser based IDE Replit is a simple yet powerful online IDE, Editor, Compiler, Interpreter, and REPL. Code, compile, run, and host in 50+ programmi.. 공감수 1 댓글수 0 2021. 9. 1.
Notepad++ 에서 어두운 테마 적용시 블럭 색깔을 내맘대로 수정하기 개발자라면 누구나 즐겨 사용하는 에디터가 있을것이다. 취향에 따라 다르겠지만 대부분은 눈이 편한 어두운 테마를 사용할 것이다. 그 중 Notepad++ 에 대해 포스팅 해 보려고 한다. 우선 노트패드에서 테마를 변경하고 싶을때는 아래와 같이 하면 된다. 메뉴 > 설정 > 형식설정 에서 테마를 선택하면 된다. 필자의 경우 Deep Black을 가장 좋아한다. 다른건 색깔이 좀 흐리멍텅하다고 해야하나??ㅎㅎ 이 녀석은 쨍~한게 딱 맘에 든다. 그런데 유독 Notepadd++의 경우 마음에 드는 테마는 꼭 아래 그림처럼 블럭을 설정했을때나 특정 코드 부분이 보기에 불편한 컬러로 지정되어 있다. 특히 JSP 파일을 열었을때 안습이다. ㅜㅜ 저게 블럭을 설정한 모습이 아니다. 파일을 처음 열었을때 저런 모습이 된.. 공감수 1 댓글수 0 2021. 8. 26.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.