코드/Trouble Shoot 18

[Nodemon] Webstorm 디버그 모드

Nodejs 개발과정에서 nodemon 과 디버깅은 필수 항목이다. 웹스톰의 Node 디버그 모드는 수정된 내용의 반영을 위해 서버를 새로 구동해야하는 불편함이 있다. (비록 nodemon 이 돌아가고 있는 상황이라도) 해서 다음처럼 세팅한다. Run > Degub Configurations 메뉴로 진입 이미 Debug 모드를 돌렸으니 다음과 같은 세팅이 되어있을테고 거기에 Node parameters 항목에 nodemon 설치 경로를 입력한다 잘 모르겠다면 `which nodemon` : (맥환경) 기본 적인 원리는 웹스톰의 디버깅 모드를 돌려 놓고 그 상황에서 nodemon 디버깅 모드를 하나 더 돌린다고 보면 된다. 하여 추가 버튼 (+) 혹은 add configuration 을 눌러서 nodemo..

[Git] 전혀 다른 히스토리의 repository 푸시

작업을 하다보면 이런 케이스 들이 있다 GUI (github, gitlab) 에서 신규 레파지토리와 브랜치를 생성해놓고 기본적인 공통 스케폴딩 코드만 업데이트된 상태. 로컬에서 위에서 말한 공통 스케폴딩 기반으로 작업을 시작함. 한동안의 작업을 신규 레파지토리에 연결하고 푸시를 시도함 다음과 같은 오류를 볼수 있다 pull 을 해봐야 해결되지 않는 상황일수 있다. 애초에 상이한 두 프로젝트로 인식하고 push를 거절한다. 이럴경우 2 가지 방법으로 해결 가능하다 #강제로 푸시한다 git push -u -f upstream branch_name 혹은 다음도 가능하다 #히스토리를 강제로 연동시킨다 git pull --allow-unrelated-histories 두 가지 방법다 약간 강제로 히스토리를 덮어버..

[Npm] premature close

기존 repository 를 다른 프로젝트에서 npm i 로 설치하여 사용할때 package.json 적혀진 git 주소는 정확한데 npm i 를 해보면 npm ERR! premature close 이런 애가 나오는 경우가 있다. 내 경우는 기존 repository 가 단순 static 이었는데 프로젝트 npm 초기화가 되어있지 않아 접근이 되지 않았던걸로 생각된다 기존 repository 에서 npm init 한 번이면 package.json 이 생성되고 다른 프로젝트에서 npm i 로 설치하여 사용할 수 있다.

[JS] IOS 에서 다른 이미지 사이즈

케이스 ( 에디터에서 이미지 삽입 ) IOS 가 아닌 모든 환경에서 15MB 이미지를 등록해 보면 15MB 라고 (15882755) 잘 찍혀 나온다. IOS 환경에서 시도해보면 전혀 다른 수치가 나온다. - 약 1.5MB 심지어 사진보관함에서 검색, 선택후 보여지는 사이즈도 15MB 다. 하지만 실제로 웹 페이지에 삽입되는 이미지의 사이즈는 로그에 찍힌 것처럼 1.5MB 위 페이지를 실제로 등록한후 노출되는 뷰페이지에서 해당 이미지의 url 로 이미지를 다운받아보면 15MB 가 아닌 1.5MB . 유추된 원인은 아이폰에서 큰 이미지(대략 10mb 기준)를 웹페이지에 삽입 할 경우 임의로 파일을 압축해서 웹페이지에 전달한다. 관련링크 https://stackoverflow.com/questions/1255..

[JS] input 숫자만 입력하기

input 폼에 숫자만 입력하기 위해 보통 HTML5 스펙에 있는 input type="number" 를 사용한다. 다음의 문제가 발생한다 타입은 number 지만 지수 표기법으로 인해 영문자 e 혹은 E 가 입력이 가능하다. 한글이 입력된다. 숫자가 아닌 값이 입력될때 input 의 value 가 null 이 아닌 아예 빈 값이 된다. ( input 에 보여지는 상태는 변화가 없다. ) KeyPress Event 한글 입력시 이벤트 자체가 발생하지 않음 그외 알파벳 및 숫자 이벤트 발생 현재 까지 입력된 키값중에 number 가 아닌 알파벳 혹은 문자 "e" 가 들어간 경우 target.value 가 빈 값이 된다. ( input 폼안에는 텍스트 존재 ) event.key: "1", "2", "a", ..

[TS] has no initializer and is not definitely assigned in the constructor

이런 코드가 있다고 가정하자. class ClassA { private container: Container; private config: Config public constructor() { this.container = new Container(); } public setConfig(config: Config) { this.config = config; } } //Property 'config' has no initializer and is not definitely assigned in the constructor.ts(2564) 가 발생한다. - 아마 타입스크립트 2.7.1 버전부터 추가되었던 --strictPropertyInitialization 옵션으로 인해 생기는 린트 오류다. [참조] 해결..

[VS Code] 파일 뷰의 indent

vscode 를 요즘에 쓰고 있는데 물론 기존 쓰던 웹스톰에 비하면 적응이 안된건지 불편한 점이 여기저기 많다. 왜 그런지는 모르나 애써 적응중인데 희한하게 왼쪽에 보이는 파일 트리의 indent 가 너무 좁아 가독성이 떨어져 보였다. 여기저기 검색해보니 설정에서 다음을 검색하여 조절해주면 되더라 tree.indent tree.indent 그러면 workbench 의 appearance 항목에 tree: indent 에 원하는 숫자를 입력하면 조절된다.