hmk run dev

특정 포트확인 sudo lsof -i :8080 특정 포트 종료 sudo kill -9 1772 특정 디렉토리로 이동 mv /home/ubuntu/deploy 디렉토리 생성 mkdir directory_name 디렉토리 삭제 rm directory_name 파일내용 출력 cat file_name wget 네트워크 관리자가 터미널에서 바로 웹에서 파일을 다운로드 할 수 있게하는 명령어 스크립트나 크론 작업에 사용될 수 있는 편리한 터미널 명령어, 사용자에세 http, https 같은 프로토콜을 사용할 수 있는 기능제공 예시 wget "http://root:test@ec2-77-77-77-277.ap-northeast-2.compute.amazonaws.com/manager/text/undeploy?path..

OSI 7계층이란? - 네트워크에서 통신이 일어나는 과정을 7단계로 나눈 것을 의미한다. - 계층별로 과정을 나눈이유는 통신이 일어나는 과정을 세분화 함으로써 단계 별로 파악하기 쉽게 할 수 있기 때문 밥상머리 교육으로 OSI 7계층을 설명해보자... PC방에서 재밌게 lol을 하다가 연결이 끊겼다. PC방의 모든 컴퓨터가 문제가 있다면 > 3계층 - 네트워크 계층 or 1계층 - 광랜을 제공하는 회사의 회선 문제 내 PC에만 문제가 있고 LOL 게임 소프트웨어에 문제가 있다 > 7계층 - 어플리케이션 계층 LOL 게임 소프트웨어에 문제가 없고, 스위치에 문제가 있었다 > 2계층 - 데이터링크 계층 이렇듯 현상을 보고 문제가 되는 계층을 빠르게 파악할 수 있다. 이제 계층마다 설명을 해보자 1계층 - 물..

자바 혹은 코틀린으로 개인 프로젝트 네이티브 앱을 만드려고 했지만 리액트를 사용해본 경험 + 크로스 플랫폼의 엄청난 장점으로 인해(성능적 이점은 네이티브보다 좀 떨어 질수 있지만 ^^..) RN를 이용해 처음으로 어플을 만들어 보려고한다..! 회사에서도 요즘은 vue만 사용해 리액트에 대한 기억도 상기 시킬겸 겸사겸사 최고의 선택지인것 같다..! 설치방법은 윈도우 기준입니다. 1. 초코렛티 설치 자세한 용도는 모르지만 윈도우에서 sudo와 같은 리눅스 명령어를 사용할 수 있게 해준다.,! https://chocolatey.org/install#individual Installing Chocolatey Chocolatey is software management automation for Windows t..

스코프와 클로저 그리고 this를 모두 적절하게 이용한 코드를 보면서 이해해 보자! let that = this; 기본적으로 this는 window를 가르키지만 vue에선 보통 현재 컴포넌트를 가리킨다! 그런데 굳이 this를 that에 할당한 이유는 클로저 때문이다..! 선언당시에 참조범위는 created(){} 블록이며 axios({}) 비동기 통신 로직안에 this( vue 컴포넌트 data ) 속성 상태에 변화를 주고 싶어서 아래처럼 코드를 짰다! that에 할당한 this(vueComponent)는 axios 블록안에서도 스코프 체인에 의해 vueComponent를 가리켜 컴포넌트 상태(data)에 바로 변화를 줘 바로 렌더링 될 수 있도록 한다. data() { return { lineChar..

띄워 쓰기에 주의 해야한다. 특히 , 로 경계가 나눠지지 않은 FROM 뒤의 쿼리문들은 줄바꿈 마다 " " 공백을 추가 해줘야 쿼리문을 잘 인식한다. @Query(value = "SELECT " + "c.category_no, " + "c.complete_yn, " + "c.progress, " + "c.name, " + "c.image_url, " + "c.use_yn, " + "DATE_FORMAT(c.create_date, '%Y-%m-%d %p %h:%i' ) as create_date " + "FROM Category c " + "WHERE c.admin_no = :admin_no " + "AND c.complete_yn = :complete_yn " + "AND c.use_yn = 'Y' OR..

AWS > EC2 선택 > 접속하고자 하는 인스턴스 우클릭 > 연결 최하단에 있는 예 부분을 복사해서 cmd , git bash 등에 그대로 붙이고 접속하면 안되고 ssh -i "key_path" ubuntu@ec2-3-~~~~~~ "key_path"대신 "C:\Users\82105\Desktop\aws\key.pem" 발급받은 key 경로를 입력해줘야 한다 ^^ 이걸로 삽질을 하다니...

젠킨스 설치 실행 local에 띄우기 이 부분은 생략 검색하면 많다...! 1. 젠킨스 관리 > 플러그인 설치 (미리 설치되어 있는 경우도 있음) - github - github api - maven (메이븐 빌드 시) 2. 젠킨스 관리 > Global tool configuration - JDK 설정 - MAVEN 설정(왠만하면 3 이상 추천) 3. new item > 새프로젝트 만들기 - maven project 선택 - 프로젝트 이름 입력 4. general 탭 - github project 체크 - 배포할 github 링크 복사 붙여넣기 - 소스관리 git 다시 링크 붙여넣기 - */main 브랜치 선택 - 일단은 빌드 트리거는 모두 체크해체.. - goals and options > clean ..

백업하고자 하는 데이터 베이스 우클릭 > 도구 > Dump database 테이블 선택가능 백업 완료가 되면 파일이 생성된다. 더블클릭으로 파일을 열어보면 DB복구를 위한 쿼리문이 있다. 그냥 실행시키는 건 조금 야만? 적인 방법 같으니 복구하고자 하는 DB우클릭 > 도구 > Restore Database > Input File에 백업된 파일 업로드 Start 버튼 클릭! 복구완료~!

이번 연도는 큼지막한 터닝포인트들이 유난히 가득했었다.. 디자이너에서 개발자로 대구에서 서울로 열심히에서 열심히와 꾸준히로 돌아보면 아쉬웠던 선택들도 많았지만 한 번쯤 자신에게 고생했다고 토닥여줄 만큼 바쁘고 치열하게 보냈던 것 같다. 나름대로 만족? 개발의 ㄱ 자도 모르던 올해 초부터 부트캠프참가 리액트를 왜 쓰는지도 모르면서 무작정 취업을 위해서 배웠던 얄팍한 프레임워크 지식 취업 후 너무나도 부족했던 개발 지식과 기초 등을 깨닫고 하루하루 우직하게 공부했다 :) 개발뿐만 아니라 일에 몰입하는 방법 시간을 효율적으로 투자하는 방법 등도 잘 배운 것 같다! 벌써 개발자가 된 지 6개월이 되어 가고 있다...! 웃긴 이야기지만 리액트 개발자?라는 아주 가벼운 아이덴티티로 입사해 여러 우여곡절을 겪은 후 ..

어떻게 좋은 쿼리를 짜 효율적으로 DB에서 데이터를 가지고 올 수 있을까?라는 질문에 80%가 넘는 답변은 "실행계획 떠봐" 였다. 상당히 중요한 부분이란 걸 알고 있었지만 어렴풋이 알고 넘어갔었기에 이렇게 포스팅을 남겨 제대로 정리해 본다 :) 조회는 이렇게 실행할 쿼리 앞에 EXPLAIN을 쓰거나 마우스 우클릭 > 실행 > 실행계획 보기 (DBeaver의 경우)로 조회가 가능하다. explain select * from w_work; 아래와 같은 결과를 볼 수 있는데 실행계획에서 각 칼럼이 의미하는 것을 정리해보겠다. id 컬럼 더보기 SELECT쿼리를 구분하기 위한 용도로 쓰인다. ( 몇 개의 SELECT가 실행되었는지 확인할 수 있다. ) - SELECT 쿼리에 join 등을 통해 여러 개의 테이..