글

라벨이 #How to인 게시물 표시

[How to] Visual studio code에서 tab size 조절 방법

이미지
[How to] Visual studio code에서 tab size 조절 방법 (Mac) ","+ command 누르면 세팅 화면으로 넘어감 위의 화면에서 왼쪽은 수정할수 없으므로 오른쪽에 editor.tabsize:2 로 넣자 (넣고 싶은 탭 사이즈를 넣으면 됨)

[System] 특정 포트를 사용중인 프로세스 확인/종료

이미지
[System] 특정 포트를 사용중인 프로세스 확인/종료 sudo lsof -i :"포트 번호" //해당 포트를 사용하고 있는 프로세스를 찾는다 sudo kill -9 "프로세스 번호" //깔끔하게 프로세스가 사라진다.

[how to] visual-studio-code 미니맵 제거 방법

이미지
[how to] visual-studio-code 미니맵 제거 방법 비쥬일 스튜디오 코드를 보다보면 위와같이 미니맵이 뜬다  이거를 제거하기 위해서는  Shift + Command + P 를 누른 후 위와 같은 것을 클릭한다

[JSON] JSON키 값 재 정의 방법

[JSON] JSON키 값 재 정의 방법 [ { "_id":"5078c3a803ff4197dc81fbfb", "email":"user1@gmail.com", "image":"some_image_url", "name":"Name 1" }, { "_id":"5078c3a803ff4197dc81fbfc", "email":"user2@gmail.com", "image":"some_image_url", "name":"Name 2" } ] 위와 같은 JSON파일에서 _id -> id로 키를 변경하고 싶다면 [ { "id":"5078c3a803ff4197dc81fbfb", "email":"user1@gmail.com", "image":"some_image_url", "name":"Name 1" }, { "id":"5078c3a803ff4197dc81fbfc", "email":"user2@gmail.com", "image":"some_image_url", "name":"Name 2" } ] 아래와 같이 하면 됨 var json = '[{"_id":"5078c3a803ff4197dc81fbfb","emai...

[JS] 배열에 값 추가 또는 제거

[JS] 배열에 값 추가 또는 제거  자바스크립트에서 배열에 새로운 값을 추가하고 싶으면, 앞이나 뒤에 추가 가능 배열에 값 추가 test.unshift('123'); // 앞에 새로운 배열값 추가 test.push('890'); // 뒤에 새로운 배열값 추가 배열에 값 제거 var myArray = [1,2,3,4,5,6]; myArray = myArray.filter(value => value !== 5); [1,2,3,4,6]; // 5 has been removed from this array 물론 splice () : anArray.splice(index, 1); delete : delete anArray[index]; 위와 같은 방법도 있지만,, 별로 비추... 특히 delete는 배열에 length는 업데이트 안되서 구멍이 날 수 있음 여기 에 더 자세히 나와있음 출처 https://www.google.co.kr/webhp?hl=ko&sa=X&ved=0ahUKEwi39I6R2fPcAhXFxLwKHdhPDzgQPAgD

[JAVA] split을 출력하고 싶을 때

[JAVA] split을 출력하고 싶을 때 String[] parsedFilePath = location.split("/") System.out.println(parsedFilePath); // 이상한게 나옴 Arrays.toString(parsedFilePath); //제대로 나옴

[Linux] netstate 명령어

이미지
[Linux] netstate 명령어 netstat는 시스템의 네트워크 연결 목록(tcp, udp, 소켓 연결) 을 보여주는 유틸리티 네트워크 연결 정보 외에도 라우팅 정보나 네트워크 인터페이스 상태, Masqurade 연결 상태 및 멀티캐스트 멤버 정보 등을 조회 가능 가장 기본적이고 간단한 명령으로 현재 연결을 모두 보여주는 것( 옵션으로 a 사용) 출처 https://sisiblog.tistory.com/12

[Linux] 리눅스 ps 명령어

이미지
[Linux] 리눅스 ps 명령어  ps 명령어는 현재 시스템에서 돌고 있는 프로세스를 보여주는 가장 기본적인 명령어 ps 명령어는 top이나 htop같이 실시간으로 시스템 자원을 출력하는 명령과는 달리 ps 명령어를 입력한 순간의 정보(user id, cpu 사용량, memory 사용량, 사용한명령 등) 을 보여준다 ps명령 ps aux | grep 8080 이런식으로 사용 출처 https://sisiblog.tistory.com/19

[How to] java.lang.reflect.InvocationTargetException 에러 처리

[How to] java.lang.reflect.InvocationTargetException 에러 처리 Spring을 돌리다가  java.lang.reflect.InvocationTargetException에러가 나왔다. 무엇이 잘못된지 구글링을 해보다가 결국에는 도움을 얻었다 알고보니 8080포트에 다른것이 백그라운드에서 돌아가고 있었던것 netstat | grep 8080  8080포트에서 돌아가고 있는것을 확인 ps aux | grep jar jar가 실행중인지 확인하는 명령어 ps aux | grep java java가 실행중인지 확인하는 명령어 프로세스 확인 후  kill 명령어 쓰기  ex) kill 71914

[how to] Google App engine에 deploy하는 방법

[how to] Google App engine에 deploy하는 방법 공통 터미널 명령어 실행하는 디렉토리를 잘 설정해야 함 자바 Maven활용시 app.yaml 파일에서 service : {name} 에  알맞은 name쓰기 APISERVER 디렉토리에 있을 수도 있음 github에서  master를 clone한 후 (Opitional) gcloud auth list 확인후 만약 auth가 다르면 바꾸기  gcloud auth application-default login  Y입력후 바꾸기 gcloud config list project확인 후 만약 project가 다르면 바꾸기 mvn clean package -Dmaven.test.skip=true mvn appengine:deploy -Dmaven.test.skip=true vue.js NPM활용시 디렉토리 app.yaml이 있는 곳에서 진행 npm install npm run build gcloud app deploy 참고 https://cloud.google.com/sdk/gcloud/reference/app/deploy

[Spring] 통합 test하는 방법

이미지
[Spring] 통합 test하는 방법 Spring Boot Framework를 사용하여 REST API Server를 만든 뒤 테스트 하는 방법을 정리 Test 파일 방법 보통 src아래에 test/<package_path>/ 아래에 테스트가 모여 있다. 이곳에 테스트 파일을 생성한다 테스트 파일명은 대게 ~~Test(ex : exampleRepositoryTest) 이런 패튼을 사용 테스트 클래스 정의 테프트 파일을 생성하고 난 뒤에 테스트 클래스를 생성할 때  RunWith, SpringBootTest, AutoConfigureMockMvc 어노테이션을 사용한다. 밑의 코드의 파일명은 yourtest.java이런식이다 @RunWith(SpringRunner.class) @SpringBootTest @AutoConfigureMockMvc public class YourTest {...} MockMvc 객체 정의 class 내부에는 REST API를 서버 측에서 테스트 할 수 있는 MockMvc 객체를 정의해 둠 MockMvc 객체는 서버를 직접 띄우지 않더라도 REST API를 테스트 할 수 있도록 함 Spring은 자동으로 해당 Bean을 주입할 수 있도록 Autowired annotation을 사용함 @Test public void deSomeTest() throws Exception { // test code here ... } Test 메소드 정의 Test 메소드를 작성할 때에는 구체적인 테스트 방법을 알 수 있는 메소드 명을 사용하며, 메소드 이름 또한 ~Test로 끝나는 것이 관례이며 또 이를 추천한다. 테스트 메소드 위에는 junit library가 test임을 알 수 있도록 Test annotation을 사용한다. @Test public void doSoemTest() throws Exception { // test code ...

[how to] API 통합시 주의 사항

[how to] API 통합시 주의 사항 maven과 spring을 사용하는것을 전제 메인 함수를 2개 놓지 말것 하나의 디렉토리에 나머지 디렉토리에 있는 것들을 넣을 것 pom.xml class앞에 public인지 아닌지 확인 할 것 http method 날릴때 웹 페이지로 띄우지 말고 Postman으로 확인해 볼것 가끔 웹 페이지에서는 안뜨고 Postman으로 뜨는것이 있음

[How to] Anaconda(아나콘다) 명령어

[How to] Anaconda(아나콘다) 명령어 여러가지 배포판중에 가장 후발주자이지만 가장 뛰어난 완성도로 현재는 사실상의 표준이 됨 아나콘다는 패키지 의존성을 관리해주므로 가상환경에 따라 독립적으로 패키지를 관리 할 수있음 아나콘다 버전 확인 conda --version 아나콘다 최신 버전으로 업데이트 하기 conda update conda 새로운 가상환경설정  conda create --name 환경명 python=3.6.1 가상환경 비활성화 하기  window : activate 환경명 linux(Mac) : source activate 환경명 가상환경 비 활성화 하기  window : deactivate 환경명 linux(Mac) : source deactivate 환경명 가상환경 지우기 conda remove 환경명 Activation시 permission denied가 뜬다면, 아래와 같이 입력 source Anaconda설치경로/bin/activate 환경명 현재 구축된 환경 확인  conda info --envs 아나콘다 가상환경 복사도 가능하다 출처 http://egloos.zum.com/mataeoh/v/7096538 https://joonyon.tistory.com/25

[how to] Anaconda-Python 환경에서 VSCode 사용

이미지
[how to] Anaconda-Python 환경에서 VSCode 사용 Anaconda 및 Python 설치 Command Palette( Ctrl + Shift + P)에서 "Python:Select Interpreter"를 선택 Python: Select Interpreter 선택 후 원하는 환경 설정  + 아나콘다 커스텀 환경 설정 새로운 환경설정 : conda create --name 환경명 python=3.6.1 환경 비활성화 하기 : activate 환경명 환경 비 활성화 하기 : deactivae 환경명 Activation시 permission denied가 뜬다면, 아래와 같이 입력 sourece Anaconda설치경로/bin/activate 환경명 현재 구축된 환경 확인 : conda info --envs 출처  https://devstorylog.blogspot.com/2018/05/anaconda-python-vscode.html

[How to] github브랜치 이름 변경하기

[How to] github브랜치 이름 변경하기 github브랜치의 이름을 변경하고 싶은데 변경하는 방법을 잘 몰라서 찾아보았다. Remote브랜치의 이름을 직접적으로는 변경할 수 없으므로 아래와 같은 방법을 사용한다. local의 있는 브랜치 이름 변경하기 git branch -m oldbranch newbranch Remote에 존재하는 oldbranch  삭제하기 git push origin :oldbranch newbranch push하기 git push origin new branch 출처  http://you9010.tistory.com/131

[how to] local에 있는 html문서 웹에 띄우는 방법

[how to] local에 있는 html문서 웹에 띄우는 방법  file:///Users/kimyoungdong/workplace/HTMLpractice/practice.html 위와 같이 file:///~~ 이렇게 path를 지정해주면 됨 localhost:8888/~~ 이렇게 하는거는 웹 서버를 띄울때 사용

[How to] 터미널에서 PATH를 실수로 바꿨을 때

[How to] 터미널에서 PATH를 실수로 바꿨을 때 터미널에서 PATH설정을 하다보면 실수로 잘못 설정을해서 ls와 같은 기본 명령어도 인식을 못 할때가 있다. export PATH=/bin:/usr/bin 위의 명령어를 입력하면 깔끔하게 해결

[How to] Visual Studio Code 패스(PATH) 설정하기

이미지
[How to] Visual Studio Code 패스(PATH) 설정하기  1. Visual Studio Code에서 일시적으로 PATH 설정 VSC를 열고나서 command + option + p를 클릭하고 나서 위와 같이  Shell command: instll 'code' command in PATH클릭(mac기준) 그러나 이렇게 일시적으로 실행하게되면 재 부팅후 다시 실행해야한다는 번거로움이 존재 2. 시스템에서 영구적으로 PATH 설정(미완성) https://apple.stackexchange.com/questions/294176/how-to-install-visual-studio-codes-code-command-permanently이거 따라서 downloads에서 빼서 Applications으로 이동시킨후에 진행중 다시 수정 Application으로 옮기면 1번의 방법으로도 영구적으로 가능한거 같기도하고.....(?) vim ~/.bash_profile bash_profile에 들어가서 export PATH="\$PATH:/Users/kimyoungdong/Applications/Visual Studio Code 2.app/Contents/Resources/app/bin:$PATH" 위와 같이 PATH를 설정해 줄것(Visual Studio Code2.app을 적당한 곳에 놓고 진행) VS Code 문서에 있는 영구적으로 추가 방법 위의 내용을 그대로 복사해서 사용하면 $PATH 부분의 변수값이 출력되어 원하지 않은 결과가 삽입될 수도 있음 그래서 $PATH 앞에 \를 추가 출처 :  http://blog.foundy.io/visual-studio-code-maeg-teomineoleseo-code-myeongryeongeo-path-seoljeonghagi/