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

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

실무를 담당하며 나의 백엔드 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..

이클립스(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 직군으로 전향을 도전했는데, 지금의 나는 한없이 작아져있다. 하루하루 지쳐가며 남들과 비교하게 되고 주위 친구들과 비교하게 되고 개발자와 개발자를 두고 비교하게 되고, 인하우스 개발자로 나는 지금 회사에서 개발자로써 어떤 ..

앱 만들기 공부를 시작하면서 알게된 사이트인데 색상이 괜찮게 커스텀 된 것 같아 포스팅 해두려 한다 :) [참고 링크] 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 공부를 시작하려고 리액트 네이티브 프로젝트를 git에 push 했다. 알람 올 일이 없는데 알람이 보여서 확인해보니 보안이 취약하다고 친절히 안내해주는 알림이었다. 해결 방법 리엑트 네이티브 프로젝트가 존재하는 폴더에서 터미널을 열고 아래 명령어를 입력하여 해결할 수 있다. 프로젝트의 취약한 부분을 조회할 수 있다. $ yarn audit 0개의 취약한 부분을 발견했다고 한다. 업데이트 해줄 게 없는건가,, 흠... 빈 프로젝트여서 보안에 취약하다고 친절히 알려준걸까.. 만약 취약한 부분을 업데이트 해야 하는데 업데이트가 되지 않는다면 강제로 해줄 수 있다고도 한다. npm audit fix --force

index.js 프로젝트의 엔트리 파일로, 생성한 리액트 네이티브 앱은 이 파일에서 시작한다. 여기서 import 구문을 통해 코드들을 불러와 앱을 번들링한다. @format : 코드 스타일을 자동으로 정리해주는 Prettier라는 도구와 관련이 있다. /** * @format */ import {AppRegistry} from 'react-native'; import App from './App'; import {name as appName} from './app.json'; AppRegistry.registerComponent(appName, () => App); 간단한 설명일지라도 가장 중요한 부분이 아닐까 싶다. App이라는 컴포넌트를 불러와서 AppRegistry.registerComponent..

리엑트 네이티브 프로젝트 생성 $ npx react-native init projectName npx란? Node.js와 함께 설치되는 도구로, Node.js 환경에서 구동되는 CLI 도구들을 간단하게 사용할 수 있게 해준다. package.json package.json 파일을 열어보면 위와 같이 scripts가 설정된 것을 확인할 수 있다. 이렇게 스크립트가 설정되면 yarn을 통해 아래와 같이 원하는 명령어를 실행할 수 있다. $ yarn 스트립트 종류 android : 안드로이드 환경에서 앱을 구동하는 스크립트 ios : iOS환경에서 앱을 구동하는 스크립트 start : Metro를 구동하는 스크립트 Metro란? 리액트 네이티브를 위한 자바스크립트 번들러로, 프로젝트에 사용된 자바스크립트 파일..

최근에 회사에서 운영하는 플랫폼 앱이 안드로이드 최신 기종에서 다운로드 되지 않는 문제가 발생했었다. 그래서 targetSdkVersion을 31로 업데이트해서 다시 배포한 적이 있었다. 2023.05.11 - [IT 유용한 정보 모음/IT 유용한 정보] - [Android] How to import a project that another person was working on into Android Studio / 안드로이드 스튜디오로 다른 사람이 작업하던 프로젝트 import하는 방법 [Android] How to import a project that another person was working on into Android Studio / 안드로이드 스튜디오로 다 회사에서 운영하는 플렛폼은 웹..

회사에서 사용하는 협업툴 Slack을 이용하다보면 알게모르게 신기한 기능들을 하나씩 접하게 된다. 예를 들자면.. 뭐, 워크플로부터 시작해서 지금 소개할 상태 편집하는 방법이랄까? 워크플로 생성하는 방법은 조만간 소개하도록 하겠다. 회사에서 사용하고 있는 Slack이다보니 상세하게 노출할 수 없기에 많은 부분을 가릴 수 있는 점 이해 부탁드리겠습니다 :) 내가 공유하고자 하는 Slack 상태 편집 결과물을 먼저 보여주려 한다. 화살표를 따라서 요기 조기 보면 'ON 업무중' 이라고 표시된 나의 Slack 상태를 확인할 수 있다. 분명 많은 사람들이 사용하고 있을테지만 아직 상당히 모르는 사람이 많아서 먼저 사용해본다면 아주 재미있을 것이다. 사이드바 다이렉트 메시지에서 보면 이렇게 작성자 본인과 다른 동..

회사에서 협업툴로 Slack을 사용하고 있다. 현란한 손놀림으로 Slack을 사용하고 싶지만 그래도 나름 자주 사용하는 기능들은 손쉽게 이용하고 있는 것 같아 정리해보려고 한다. window 사용자의 경우 command를 ctrl로 입력해주면 된다. 검색 command + G 현재 대화에서 검색 command + F 사이드바 표시 / 숨기기 Shift + command + D 상태 설정 열기 Shift + command + Y 오른쪽 창 닫기 또는 다시 열기 command + . 텍스트를 코드로 형식 지정 Shift + command + C 번호 매기기 목록으로 형식 선택 Shift + command + 7 글머리 기호 목록으로 형식 선택 Shift + command + 8 인용으로 형식 선택 Shift..

회사에서 안드로이드 앱의 targetSdkVersion만을 수정하여 구글 플레이 콘솔에 업데이트할 일이 생겼다. 어제 올린 글과 같은 사유로 앱 업데이트를 진행해야 했고 검토 승인되어 구글 플레이스토어에서 앱을 다시 다운로드 받아 실행시켜보니 난감하지 않을 수 없었다. 앱이 실행되지 않았다... 너무나도 큰일이지 않은가. 당장 안드로이드 프로젝트를 가지고 작업을 해야 하는데 나는 안드로이드 앱 관련해서 업무를 맡아본 적도 없을 뿐더러 관련 공부를 한적도 없었다... 웹뷰를 사용해서 앱을 만들었다고는 하지만,,, 대체 어떻게 해야 한단 말인가 🥲 이것저것 알아보다가 업데이트한 앱을 이전 버전으로 롤백할 수 있는 기능이 있을까 싶어서 찾아보았다. 핸드폰 기기에서 업데이트한 앱의 버전을 낮추는 방법 말고는 아..

회사에서 운영하는 플렛폼은 웹서비스로 제공하고 있고 안드로이드 어플로도 서비스를 제공하고 있다. The platform operated by the company is provided as a web service and also available as an Android application. 운영되고 있는 안드로이드 앱은 웹뷰를 이용하여 앱을 만들기 위해서 제작된 앱으로 내가 아닌 기존에 담당하던 다른 개발자가 개발한 앱이다. 최근 다른 부서로부터 아래와 같은 오류로 인하여 구글 플레이스토어에서 내가 소속된 회사에서 제공하는 서비스 앱을 다운로드 받을 수 없다는 문의를 받았다. 앱을 다운로드 받을 수 없다는 오류는 아래와 같다. The platform operated by our company is ..

Keyboard Shortcuts Get the most out of Sequel Pro by remembering the following keyboard shortcuts. Main Tabs Table Structure ⌘ 1 Table Content ⌘ 2 Table Relations ⌘ 3 Table Info ⌘ 4 Custom Query ⌘ 5 Table Triggers ⌘ 6 General Shortcuts New Window (Connection File) ⌘ N New Tab(Connection File) ⌘ T Add Connection To Favorites ⇧ ⌘ A Open (Connection File or SQL File) ⌘ O Open current Connection Fil..

https://hidelryn.github.io/2019/08/17/etc-npm-yarn-permission-err/ yarn or npm에서 퍼미션 에러 해결법 yarn or npm에서 퍼미션 에러 해결법 2019-08-17 13:47:37 # ETC 기억이 안 나는데 yarn으로 설치를 할라 하면 아래 같이 계속 떳음. /usr/local/lib/node_modules 12EACCES: permission denied... 처음엔 매 번 sudo 붙여 가지 hidelryn.github.io 나 같은 경우에는 npm으로 yarn을 설치하려고 했는데 permission 오류가 발생했다. 위 사이트의 내용대로 따라했다가 괜히,,,.. 돌이킬 수 없는 일이 발생하는 건 아닐까 하고 지레 겁을 먹었지만, 위..

https://velog.io/@zlemzlem5656/node-version-%EB%B3%80%EA%B2%BD%ED%95%98%EA%B8%B0 node version 변경하기 n 패키지를 이용해 node 버전을 바꿔보자! velog.io 명령어 n을 찾을 수 없다는 오류를 발견한다면 sudo npm install -g n npm을 사용해서 n을 설치해준 후에 다시 시도하면 된다!

이번에 업무를 보면서 AWS EC2 인스턴스를 오토스케일링으로 관리한다는 이야기를 처음 들었다. 오토스케일링이란? 간단히 이야기 하자면, 자원을 효율적으로 분배하여 새로운 인스턴스를 생성하거나 축소해주는 기능을 하는 것이라고 한다. 인스턴스를 새로 생성하게 되면 새로운 ip를 부여받게 되고, 그럴 때마다 서비스의 ip가 변경된다고 한다.. 아이러니 하지만, 그렇다고 한다. ( 오토스케일링의 자세한 내용은 구글링을 통하면 아주 상세한 이야기가 나오므로 생략하도록 하겠다.) 그래서 AWS EC2 를 오토스케일링으로 관리하고 있는 업체의 IP는 고정 IP가 아닌 유동 IP로 사용되게 된다. 사실상 인스턴스IP 자체가 고정은 아니긴 하지.... 인스턴스를 삭제하고 다시 실행하면 새로운 IP를 할당 받게 되니까 ..