하나의 개발 일지

이번에 인텔리제이 Ultimate를 처음 써봤다. 그동안 VS코드만 써왔는데 기본으로 제공되는 기능이 많아서 편리한데 단축키를 모르면 불편할 것 같다. 마우스를 쓰지 않고 키보드만으로 요리조리 움직이고 여러 기능을 쓸 수 있을 것 같은 느낌이다. 인텔리제이 단축키 설정은 Setting > Keymap 에서 바꿀 수 있다. Escape - Esc 변수에 미니 팝업창 등 열려 있을 때 닫을 수 있음 Context Action 표시 Alt + Enter 이너 클래스를 어퍼 클래스로 F6 - 내부에 있는 클래스를 외부 파일로 만들 수 있음 변수 추출 Ctrl + Alt + V 추출하면서 변수명도 지정 가능 변수, 메소드, 파일 Rename - 소스에서 Shift + F6 누르면 자동으로 다 바뀜 탐색 전에 열었..

지난번에 회사 정보 구하는 API는 만들어뒀기 때문에 크롬 익스텐션을 이용해 화면을 조작하고 화면 내에서 회사 정보를 바로 볼 수 있는 기능을 만들었습니다. 주로 크롬 익스텐션의 content_script, webRequest, webNavigation, tabs를 사용했고 다음 플러그인을 레퍼런스로 공부했습니다. https://blog.outsider.ne.kr/1274 사이드 프로젝트로 만든 GitHub 번역용 크롬 익스텐션 :: Outsider's Dev Story 작년 11월에 [구글 번역](https://translate.google.co.kr/?hl=ko)에 [신경망이 적용되면서](http://techholic.co.kr/archives/63072) 그동안 형편없던 영어-한글 번역에 새로운 세..

구인 공고를 보다 보니 구인 공고 사이트는 많지만 회사 정보가 부정확하거나 적어서 매번 회사 정보를 찾아보기가 귀찮았습니다. 처음 생각했던 건 흔히 회사 정보를 보는 크레딧잡, 잡플래닛 등의 정보를 끌어다가 팝업으로 보여주는 화면. 하지만 잡플래닛은 로그인 후 이용권을 통해서 정보를 볼 수 있기 때문에(평점은 쓸모가 있을지도 모르지만 사실 잡플 평점은 지나치게 높거나 낮은 곳이 많아서 신뢰성이 떨어질 것 같아서) 일단 제외하기로 했습니다. 잡플래닛에서 현직자 리뷰가 제외된 평점이 제공된다면 좀 더 신뢰도가 있을 것 같은데 그건 직접 들어가서 보는게 나을 것 같기도 했습니다. 아무튼 그런 기능을 제일 잘 구현할 수 있는 건 역시 크롬 익스텐션 같았습니다. 먼저 nodejs로 selenium을 이용해 회사명..

한동안 다른 것부터 개발하느라 업데이트 할 일 없어 사용하는 서버를 내려놨는데 갑자기 AWS에서 니 계정에 비정상적 활동을 한다고 알람 메일이 왔다. 확인해보니 그 메일 전에 다른 리전에서 니 리소스 사용 허용했다고 알람 메일도 와있었다...그거 나 아니라고... 일단 콘솔 접속부터 했다. 콘솔 접속하는 root 유저 비밀번호부터 바꾸고, 메일을 다시 확인해서 IAM 메뉴에 들어가 해당되는 유저의 Access Key를 비활성화부터 하고 이후 삭제했다. 메일에는 어느 유저의 어느 액세스키의 활동이 의심된다고 뜬다. 총 3개의 메일이 왔고 각각 유저의 액세스 키가 달랐다. root 유저에 MFA가 설정 안되어 있었어서 MFA도 설정해준다. 폰에 추가인증수단 어플을 설치하고 연동해서 빠르게 설정할 수 있다. ..

'cors'를 사용해서 설정시 res.setHeader is not a function 오류 발생 const Koa = require('koa'); const app = new Koa(); const cors = require('cors'); let corsOptions = { origin: '*', credentials: true, } app.proxy = true; app.use(cors(corsOptions)); cors > @koa/cors로 변경 npm i @koa/cors 실행 후 npm start하면 잘 실행됨 const Koa = require('koa'); const app = new Koa(); const cors = require('@koa/cors'); let corsOptions ..

node js 관련해서 터미널을 사용하다 보면 나오는 메세지 윈도우의 경우 cmd를 관리자 권한으로 실행시켜 실행하면 잘 실행된다. nodemon : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\apostrophe\AppData\Roaming\npm\nodemon.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Ex ecution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + nodemon --watch routes/ + ~~~~~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : Unau..

구버전이 깔려있던 node 을 업데이트하기 위해 홈페이지에서 latest 버전을 다운 받아서 설치했다. https://nodejs.org/ko/download 이후 npm install express하고 설정하다가 node_modules, package 관련 파일을 뺀 나머지 폴더 자체를 삭제하고 다른 모듈을 설정하려는데 critical 에러가 난다. 12 packages are looking for funding run `npm fund` for details 5 vulnerabilities (1 low, 1 high, 3 critical) To address all issues (including breaking changes), run: npm audit fix --force Run `npm aud..

이런 태그가 있는데 실제로는 class가 없어서 input 태그 위치만 찾을 수 있었다. 여기서 ul 태그를 찾아야 하는데 1. input 태그의 상위 div 태그 이동 > 그 하위의 div 태그 이동 > 그 하위의 ul 태그 이동 or 2. input 태그의 바로 밑 형제 div 태그로 이동 > 하위 ul 태그 이동 1번은 parent와 descendant를 이용하면 되고 2번은 following-sibling를 사용하면 된다.

싸대 중간고사 기간이라 빨리 나머지 과목 시험보러 가야해서 기록용으로 간단하게 정리 1. 스프링 MVC 구조와 사용 이유 구조는 다른 데서 많이 나오는데 사용 이유는 말문이 막힘. 나중에 생각났는데 예전에 PHP로 된 한 파일에 3천줄 정도 되던 기능별로 구분도 안되어서 소스로 된 사이트가 있었는데, 질문의 목적과 다르겠지만 그런 걸 얘기할 수 있었는데 그 때는 생각이 안남... 이론적으론 사용자 인터페이스와 비즈니스 로직 분리해서 관리가 수월, 경험적으론 PHP로 저렇게 분리 안된 사이트를 봤는데 코드 가독성도 낮고 고치기도 어려움. 정도 물론 요구되는 답변은 '왜 다른 패턴보다 MVC 패턴을 썼는지?' 였지만 다른 패턴을 사용해본게 ExtJS에서 사용하는 MVVM인데 그 당시에 전혀 생각나지 않아서...

한자리 숫자가 적힌 종이 조각이 흩어져있습니다. 흩어진 종이 조각을 붙여 소수를 몇 개 만들 수 있는지 알아내려 합니다. 각 종이 조각에 적힌 숫자가 적힌 문자열 numbers가 주어졌을 때, 종이 조각으로 만들 수 있는 소수가 몇 개인지 return 하도록 solution 함수를 완성해주세요. 제한사항 numbers는 길이 1 이상 7 이하인 문자열입니다. numbers는 0~9까지 숫자만으로 이루어져 있습니다. "013"은 0, 1, 3 숫자가 적힌 종이 조각이 흩어져있다는 의미입니다. 입출력 예 numbers return "17" 3 "011" 2 입출력 예 설명 예제 #1 [1, 7]으로는 소수 [7, 17, 71]를 만들 수 있습니다. 예제 #2 [0, 1, 1]으로는 소수 [11, 101]를 ..