정복하고 싶다, 너란 Java의 세계.

git add 명령어 다루기 git 모든 파일 선택 명령어 업데이트된 항목 전부를 선택하는 명령어 git add . git 특정 파일 선택 명령어 업데이트된 항목 중에서 특정 파일을 선택하는 명령어 git add [파일명(경로포함)] git add 한 모든 파일 취소 명령어 git reset HEAD git add 한 특정 파일 취소 명령어 git reset HEAD [파일명(경로포함)]

nginx 실행 - nginx가 설치된 폴더로 이동하여 nginx.exe 실행 - cmd창에서 nginx가 설치된 폴더로 이동하여 아래 커맨드 실행 $ nginx nginx 윈도우 명령어 종류 nginx 실행 확인 - cmd창에서 호출하여 아래 커맨드 실행 $ tasklist /fi "imagename eq nginx.exe" nginx 종료 - cmd창에서 nginx가 설치된 폴더로 이동하여 아래 커맨드 실행 nginx 빠른 종료 $ nginx -s stop nginx 재기동 $ nginx -s reload nginx 로그파일 다시 쓰기 시작 $ nginx -s reopen

datepicker html 샘플 코드 datepicker 샘플 코드 설명 datepicker 사용에 필요한 라이브러리 datepicker 는 jquery 라이브러리를 활용한다. datepicker는 jquery를 활용해서 이용할 수 있다. datepicker 는 jquery-ui와 jquery-ui 의 css 라이브러리를 활용한다. Help. jquery-ui.min.js는 datepicker 기능을 활용하기 위한 script이다. jquery-ui.css는 datepicker에 css 요소를 입혀주기 위해 사용하는 라이브러리이다. datepicker 기본 설정한 이미지 datepicker의 속성과 css를 수정해서 다양하게 활용할 수 있지만, 나는 간단히 테스트해 보기 위한 용도로 기본적으로 날짜 형..

java에서 리터럴(literal)이란? 어렵게 생각하지 말자. 소스 코드 그대로의 값, 데이터를 의미한다. java 리터럴(literal) 예시 코드 int testNum = 10; testNum 변수에 할당된 10이 리터럴(literal)이다. 리터럴 타입과 비교할만한 java의 데이터 타입 (2가지) 자바에는 변수에 할당한 값을 의미하는 원시 타입(primitive type)과 특정 객체의 주소를 가리키는 값을 의미하는 참조 타입(reference type)으로 나뉜다. 2-1. 원시 타입(primitive type) 종류 byte short int long char boolean 2-2. 참조 타입(reference type) 종류 String Object 등등 Java 리터럴(literal) 설..

JVM: Java Virtual Machine 자바 가상 머신 자바 프로그램을 실행하는 데 사용되는 가상 컴퓨터를 의미한다. 사용자의 컴퓨터에는 JRE가 설치되어 있어야만 Java 애플리케이션을 실행할 수 있고 JRE는 사용자가 웹 브라우저를 통해 Java 애플리케이션을 사용하는 동안에 필요한 런타임 환경이다. JVM 특징 1. JVM은 Java로 만들어진 애플리케이션을 컴파일(java compiler)해서 얻은 바이트 코드를 컴퓨터가 이해할 수 있는 기계어로 변환해 준다. 2. Java라는 특정 언어를 바로 기계어로 컴파일하지 않기 때문에 운영체제에 종속적이지 않고 독립적이다. java compiler : 자바 소스 코드를 JVM이 이해할 수 있는 바이트 코드로 변환하는 작업 바이트 코드 : 자바 소스..

맥북을 사용할 때 유용한 단축키 모음 명령 단축키 응용 프로그램 강제 종료 option + command + Esc 현재 사용 중인 창 종료 command + W 현재 활성 상태인 앱 종료(비활성화) command + option + W 폴더/파일 등 미리보기/훑어보기 command + Y or space 응용프로그램 사용 중, 응용프로그램의 [환경설정] 열기 command + , 검색 command + F 검색한 검색어 다음 위치로 이동(이어서 계속 탐색) : enter를 입력하지 않고도 손쉽게 이동 가능 command + G 검색한 검색어 이전 위치로 이동(이어서 이전/위로 계속 탐색) : 마우스로 위로가기를 클릭하지 않고도 손쉽게 검색 가능 command + Shift + G Finder/Deskt..

IT 개발자가 알아야 하는 기본적인 용어 모음 단어 뜻 Accessibility 접근성 Agile 애자일 Algorithm 알고리즘 Analytics 분석 Architecture 구조 Asset 자산 Authentication 인증 Authorization 권한 부여 Automation 자동화 Backend 백엔드 Bandwidth 대역폭 Branch 브랜치 Build 빌드 (소스 코드를 실행할 수 있는 파일로 만드는 것) Cache 캐시 (자주 사용하는 데이터나 값을 미리 복사해 놓는 임시 장소를 가리킨다) Certificate 인증서 Client 클라이언트 (네트워크로 연결된 서버로부터 정보를 제공받는 컴퓨터) Cloud 클라우드 (인터넷을 통해서 접근할 수 있는 서버와 이러한 서버에서 작동하는 소프..

실무를 담당하며 나의 백엔드 java 실력과 프론트 엔드 기본기가 아주 형편 없다는 것을 더 미룰 수 없기에 초심을 되찾으려 노력하며 열심히 공부를 하려 한다. 맥북으로 vscode를 사용할 때, 편집창과 터미널을 자유롭게 이동하기 위한 단축키 설정 방법 1. 팔레트 열기 단축키 : command + shift + p 2. keyboard 검색 -> Preferences: Open Keyboard Shortcuts (JSON) 선택/열기 주의: Default 아님 3. 열린 파일(파일명: keybindings.json)에 아래 코드 추가 [ { "key": "cmd+;", "command": "terminal.focus", "when": "editorFocus" }, { "key": "cmd+;", "c..

대충 넘어 갔던 부분들을 조금 더 찾아보고 이해하면서 프로젝트를 만들어보는 시간을 갖고 있습니다. 그러던 중에 콘솔에 찍히는 로그들의 시간과 메시지 패턴이 마음에 들지 않더군요. 그래서 또 열심히 구글링을 시작했습니다. 제일 마음에 드는 방법을 찾았고, 시도해보고 안되서 다른 방법을 시도해 보기를 여러 차례 반복했죠. 아니, 이게 나만 안된다고????????;; 그러던 중, 프로젝트에서 콘솔 기본 설정값에 문제가 있지는 않을까 싶어서 해결 방법에 대한 접근 방향을 틀었죠. 다행히 이유를 알아냈고, 방법도 찾았습니다. 혹시라도 저같이 '왜 이토록 안되는 것일까..' 라고 생각하시는 분들이 계실까 싶어 기록해 놓으려 합니다. 이랬던 콘솔을 이렇게 알록달록하게 바꾸는 방법을 바로 공유드릴게요👍 개발하면서 개발..

오랜만에 이클립스 툴을 사용해서 Spring Boot로 사이드 프로젝트를 만들고 있습니다. 업무에 치여 쫓기듯이 일만 하고 살아왔는데, 이러다가는 저의 삶이 남아나지 않을 것 같다는 생각이 들어서. 업무를 보는 것과 사이드 프로젝트를 처음부터 시작하는 것과 또 다른 재미와 느껴지는 게 다르더군요. 프로젝트 커밋을 자주 하면 좋겠지만, 그러지 못했네요. 종종 github로 커밋을 하고 pull, push를 하고 있는데요. 회사에서는 svn을 사용하고 있습니다. 오랜만에 github를 사용하려니 참 ,,! 그래도 저희에겐 구글과 chat gpt가 있으니까요. 이제 git 저장소에 프로젝트 소스를 보다 쉽게(?) 관리할 수 있도록 도와주는 Github를 사용하는 방법을 간략하게 소개드릴게요. 우선 프로젝트를 ..

이클립스(Eclipse)로 개발할 때 아주 유용한 단축키 모음 명령 단축키 제어문으로 감싸기 해당 블록 드래그, option + command + Z 계층관계도(참조되고 있는 파일) 보기 해당 클래스 위에서 command + T 긴 커서 만들기 [일괄 수정] option + command + A, 드래그, 수정 Start run server tomcat server 선택, option + command + R 현재 라인 아래에 라인 삽입 Shift + enter 현재 라인 위에 라인 삽입 Shift + command + enter 현재 라인을 위/아래로 복사 option + command + UP or DOWN 현재 라인을 위/아래로 옮기기 option + UP or DOWN To upper case S..

✅ flutter 공식 홈페이지에서 설치 파일 다운로드 https://docs.flutter.dev/get-started/install/macos macOS install How to install on macOS. docs.flutter.dev 나는 intel 이라 flutter_macos_3.10.6-stable.zip 다운로드. 일단 다운로드 폴더로 내려 받으면 된다. ✅ 적당한 위치에 development 또는 원하는 명으로 폴더 생성 후, 해당 폴더에 flutter 압축 파일 풀기 ✅ 환경변수 설정 vim ./.zshrc #Flutter export PATH="$PATH:/Users/[USER_DIR]/development/Flutter/bin" // .zshrc 파일 저장 후 $ source ..

인하우스 개발자로 일한지 횟수로는 3년차, 8월 초에 2년을 채웠다. 나에게 남은 것은,, ? 입사할 당시보다는 조금이라도 수준이.. 향상되었겠지만 사실 체계적인 성장은 없다고 본다. 내 자신이 한심하고 반성이 되며 뒤돌아보게 되는 요즘이다. 게다가, 연봉협상 동결이라니. 이 사실은 나에게 지금 너무나도 큰 충격으로 아무것도, 그 무엇도 할 수 없게 만든다. 더 이상 힘을 낼 수가 없고 내 자신이 한없이 작아졌다. 31살의 나는 다른 직군에서 즐겁고 보람있고 성취감 있을 것 같은 IT 직군으로 전향을 도전했는데, 지금의 나는 한없이 작아져있다. 하루하루 지쳐가며 남들과 비교하게 되고 주위 친구들과 비교하게 되고 개발자와 개발자를 두고 비교하게 되고, 인하우스 개발자로 나는 지금 회사에서 개발자로써 어떤 ..

#testModal 안에 #smallModal이 있다. #testModal이 큰 모달이고 그 안에 #smallModal이 있다. #testModal 을 닫았을 때 check 값을 true로 주고 조건을 걸어서 작업을 하려고 하는데 modal 안에 있는 작은 modal을 닫았더니 check 값이 true로 설정되어 내가 원하는 작업을 수행할 수 없었다. 방법을 찾아본 결과, 아래와 같이 해결할 수 있었다. var check = false; $('#testModal').on('hidden.bs.modal', function (event) { var target = event.target; var relatedTarget = event.relatedTarget; // 이벤트가 발생한 요소와 그의 자식 요소인지..

[제가 해결한 방법은 글 제일 하단 쯤에 있습니다.] 내가 유지보수하는 플렛폼, 1개의 서비스를 운영함에 있어 tomcat 서버 1개에 여러개의 host를 설정하여 운영하고 있다. 이미지, 은행 관련 업무 등 적절하게 프로젝트를 나눠서 관리하고 있는 셈이다. 여러개의 프로젝트를 tomcat server.xml 파일에서 host로 분기하여 관리하고 있고 프로젝트 2개에서 quartz를 돌리고 있다. A프로젝트에서는 여러 개의 trigger를 만들어 quartz를 돌려도 설정한 시간에 문제 없이 작동이 되었다. 다만,, 나머지 B프로젝트에서 돌리는 quartz는 돌릴 때마다 동일한 trigger가 1-2초 텀을 두고 또는 1초의 텀도 두지 않고 동시에 실행이 되는 문제를 보였다. B프로젝트에서 quartz가..

앱 만들기 공부를 시작하면서 알게된 사이트인데 색상이 괜찮게 커스텀 된 것 같아 포스팅 해두려 한다 :) [참고 링크] https://m3.material.io/theme-builder#/custom Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. m3.material.io

리액트에서 상태를 관리하는 가장 기본적인 방법으로 useState라는 함수를 사용하는 것이다. 리액트에는 use로 시작하는 다양한 함수가 내장되어 있는데 이 함수들을 Hook이라고 부른다. Hook을 사용하여 상태 관리, 최적화, 컴포넌트 작동 흐름 관리 등 다양한 기능을 구현할 수 있다. 그 중에서 useState는 상태 값을 관리하는 함수이다. const App = () => { const [count, setCount] = useState(0); const onIncrease = () => setCount(count + 1); const onDecrease = () => setCount(count - 1); return ( ); }; useState 함수는 위 예시처럼 다음과 같이 사용한다. con..

컴포넌트에서 Props를 조회하는 코드를 더 짧게 구현하는 방법이다. 구조 분해 할당이라는 자바스크립트 문법을 사용하는 방법으로, '비구조화 할당' 이라고 부르기도 한다. 이 문법은 객체 안에 있는 값을 더욱 짧은 코드를 사용해 밖으로 추출할 수 있게 해준다. 객체를 참조해서 콘솔로 찍어보면 아래와 같이 사용된다. function print(params) { console.log(params.name); console.log(params.descr); } 구조 분해 할당을 사용한다면 아래와 같이 사용할 수 있다. function print({name, descr}) { console.log(name); console.log(descr); } 이렇게 사용하면 매번 객체를 참조하지 않고 코드를 간결하게 사용..

React Native 기초 1. 리액트 컴포넌트를 만들 때는 아래 코드를 꼭 입력해야 한다. import React from 'react'; 2. 컴포넌트를 선언하는 방법 2가지 함수 선언 : function 클래스 선언 클래스는 2018년 전에 주로 사용하던 방법으로 지금은 잘 사용하지 않는다. 3. function, 화살표 함수 선언 기능적으로 차이는 없다. 화살표 함수의 경우, 간단하게 반환할 때 사용되며 중괄호/return 을 생략할 수 있다. 그치만 페이스북에서도 화살표 함수가 아닌 function 함수를 선언해서 리액트 네이티브를 개발한다고 한다. 4. JSX에서 자바스크립트 표현식을 보여줘야 할 때는 중괄호로 감싸서 작성해야 한다. 자바스크립트 표현식 : 연산 결과, 함수 호출, 특정 변수..

앱을 만들고 싶어서 react native 공부를 시작하려고 리액트 네이티브 프로젝트를 git에 push 했다. 알람 올 일이 없는데 알람이 보여서 확인해보니 보안이 취약하다고 친절히 안내해주는 알림이었다. 해결 방법 리엑트 네이티브 프로젝트가 존재하는 폴더에서 터미널을 열고 아래 명령어를 입력하여 해결할 수 있다. 프로젝트의 취약한 부분을 조회할 수 있다. $ yarn audit 0개의 취약한 부분을 발견했다고 한다. 업데이트 해줄 게 없는건가,, 흠... 빈 프로젝트여서 보안에 취약하다고 친절히 알려준걸까.. 만약 취약한 부분을 업데이트 해야 하는데 업데이트가 되지 않는다면 강제로 해줄 수 있다고도 한다. npm audit fix --force