香港居民 331

[rxjs] SwitchMap

다수 스트림 : from([1, 2, 3, 4]) 혹은 interval(300) 등 각각의 값을 발행하는 개별 스트림들을 통칭. switchMap operator 는 observable 컬렉션에서 다수 스트림 발행시( interable ) 발행 완료되지 않은 이전 observable 이 존재한다면 이전 observable 을 구독해제하고 project 함수에서 반환하는 observable 을 새롭게 구독한다. mergeMap operator 와 비교하자면, 다수 스트림 발행시 mergeMap 은 구독 완료되지 않은 이전 observable의 존재와는 무관하게 project 함수에서 반환되는 observable 을 모두 새롭게 구독한다. private testSwitchMap() { interval(600..

코드/JS 2020.05.08

아까 화냈어야 했는데

그냥 제목이 흥미로워서 읽기 시작했는데 특별한 내용은 없다. 이미 아는 내용이고, 혹은 몰랐다고 해도 크게 인상 깊진 않다. 그 중 기억에 남은 문구는 흰곰에 대한 생각을 하지 않으려 노력할 수록 흰곰을 더 떠올리게 된다 그래서 흰곰을 생각하지 않는데 집중하는게 아니라 지금 내게 중요한 것이 무엇인가에 집중하는 것이 좋다 뮌가 생각하기 싫은 기억이 떠오르면 다음단계로 넘어간다 아 생각이났구나 하며 짧게 인정하기 그리고 주의를 돌린다 오늘 내가 할일이 뭐였지 라고 스스로에게 묻는 식으로 그리고 해야할일 혹은 하고 싶은 일을 하는것 혹은 더 도움이 되는 책이 추천해줄 수있냐는 질문이 한편으로 현실에서 직접 부딪혀야하는 실행을 뒤로 미루고 다시 공부로 '회피' 하자는 생각에서 나온건 아닌지 사실 책 내용과는 ..

Reviews/책 2020.04.08

[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 에 원하는 숫자를 입력하면 조절된다.

[HTTP] 300 Status Code

300번대 status 일부는 서버가 브라우저에게 리디렉트 하도록 지시하는 status code 다. Status Code 메서드 변경 영구적/일시적 캐시 설명 301 Moved Permanently 변경 영구 한다 신규 도메인, 컨텐츠 이전, HTTPS 302 Found 변경 일시 지시에 따름 일시관리, 모바일 전송, 점검등 303 See Other 허가 영구 하지 않음 로그인후 페이지 전환 307 Temporary Redirect 일시 지시에 따름 RFC 7231 에서 추가 308 Moved Permanently 영구 한다 RFC 7538 에서 추가 영구/임시의 구분 이동하는 이전 페이지가 이동후에도 존재하는 지로 분류 신규 도메인을 어더 서버의 컨텐츠를 이동한 경우나 HTTP 로 운영되던 페이지를 ..

[HTTP] Content sniffing

인터넷 익스플로러는 인터넷 옵션에 따라 마인 타입이 아닌 내용을 보고 파일 형식을 추측하려고 한다. 이런 동작을 컨텐츠 스니핑(content sniffing) 이라고 한다. 이 때 서버 설정이 잘못된 경우에도 제대로 표시됨으로 얼핏 사용자에게는 장점이 있는 것처럼 여겨질수 있다. 하지만 원래 텍스트로만 표시되어야 하는 text/plain 파일인데도 html 과 javascript 가 적혀 있으면 브라우저가 임의로 파일을 실행해버리는 일도 있을 수 있다. 뜻밖의 보안의 구멍이 될 수도 있다. 서버에서 다음과 같은 헤더를 전송해 브라우저가 추측하지 않도록 지시하는 것이 현재의 주류다. X-Content-Type-Options: nosniff