수제 녹차 수제 녹차

컴퓨터

• navigator.onLine

  컴퓨터/JavaScript_typescript 2021. 11. 22. 11:46

  * navigator.onLine return true or false (boolean) 온라인 상태인지, 오프라인상태인지 확인할 수 있다 * Returns the online status of the browser. The property returns a boolean value, with true meaning online and false meaning offline. The property sends updates whenever the browser's ability to connect to the network changes. The update occurs when the user follows links or when a script requests a remote page. For ex..

  Read More
• ModHeader: 헤더값 고정해서 테스트하기!

  컴퓨터/웹 프로그래밍 2021. 9. 15. 12:54

  https://blog.weirdx.io/post/34567 ModHeader를 이용해서 쉽게 Header 넣기 - 이상한모임 모바일 앱내 웹 뷰에 들어갈 웹 페이지에는 헤더를 일부러 넣곤 한다. 예를 들면 다른 곳에서 호출하지 못하도록 특정 헤더값을 앱과 웹이 약속을 한채로 보내고 인증이 된 클라이언트에서만 보 blog.weirdx.io 크롬 익스텐션이다. 설치해서 헤더값 넣으면 개발할 때 테스트가 편리해진다!

  Read More
• [CSS] IOS 노치 화면 safearea 이슈

  컴퓨터/HTML & CSS 2021. 8. 12. 19:03

  * 하단에 토스트 팝업 등을 띄울 때 ios나 안드에서 잘리는 이슈가 생길 수 있다. 예를 들어, 단말기 화면 가장자리가 둥글 때 발생한다. 이 때 사용할 수 있는 방법이 safe-area-inset-top/right/bottom/left 참고: https://wit.nts-corp.com/2019/10/24/5731 아이폰X 안전영역(Safe Area) 대응 사례 | WIT블로그 Safe Area는 원래 TV에서 처음 도입된 개념입니다. TV 해상도 비율이 다양해지면서 영상에서 타이틀, 자막 등이 필수 콘텐츠의 노출을 보장할 수 있는 영역입니다. wit.nts-corp.com // iOS 11.0 버전 constant(safe-area-inset-top) constant(safe-area-inset-r..

  Read More
• 타입스크립트 타입시스템에 대한 이해

  컴퓨터/JavaScript_typescript 2021. 8. 4. 23:53

  * 단순히 런타임에 예외를 던지는 코드에 오류를 표시하는 것뿐 아니라, 의도와 다르게 작성된 코드까지 찾으려한다. * 잉여 속성 체크와 할당 가능 검사는 별도 과정이다. * 잉여 속성 체크 = 엄격한 객체 리터럴 체크 객체리터럴에 알 수 없는 속성을 허용하지 않는다. 타입 단언문 사용시 적용되지 않는다 ex. const o = {title:'free'} as Options; 잉여 속성 체크를 원하지 않는다면 인덱스 시그니처를 사용한다 * 인덱스 시그니처 interface Options { darkMode?: boolean; [ket:string]:unknown; } * 약한(week) 타입: 선택적 속성만 가지는 타입

  Read More
• 몽키패치

  컴퓨터/개념 2021. 8. 4. 23:27

  몽키패치란, 런타임에 프로그램의 어떤 기능을 수정해서 사용하는 기법을 의미한다. 자바스크립트에서는 주로 프로토타입을 변경한다. 유래가 재밌다고 함 todo: 유래 찾기 앵귤레에서도 나옴 출처: 이펙티브 타입스크립트

  Read More
• 네트워크 목차

  컴퓨터/목차 모음 2021. 3. 25. 01:28

  * 어떻게 네트워크를 공부할 것인가: covenant.tistory.com/222 * 공부할 때 봤던 강의/책들 : ksj12172.tistory.com/1106 * HTTP caching : developer.mozilla.org/ko/docs/Web/HTTP/Caching [ 이화여대 네트워크 강의 ] * 01 : ksj12172.tistory.com/373?category=852495 * core, edge, router : ksj12172.tistory.com/383?category=852495 * 03 dely, loss, throughput : ksj12172.tistory.com/401 * 03 internet의 5개 protocol layers, service models, internet..

  Read More
• 프로세스와 스레드의 차이

  컴퓨터/운영체제 2021. 3. 24. 23:49

  코딩 인터뷰 완전 분석 p.592 HTTP 완벽가이드 pp. 135-136 프로세스와 스레드 모두 하나의 프로그램이 여러 작업을 동시에 할 수 있게 해준다. 성능상 차이가 존재하여 고성능 서버는 멀티프로세스인 동시에 멀티 스레드다. 프로세스와 스레드는 서로 관련은 있지만 기본적으로 다르다.[ 프로세스 ]- 프로세스는 실행되고 있는 프로그램의 인스턴스라고 생각할 수 있다. 프로세스는 CPU 시간이나 메모리 등의 시스템 자원이 할당되는 독립적인 개체이다. - 어떤 프로그램의 자신만의 변수집합을 갖는 하나의 독립된 제어흐름- 프로세스는 별도의 주소 공간에서 실행된다.- 한 프로세스는 다른 프로세스의 변수나 자료구조에 접근할 수 없다.한 프로세스가 다른 프로세스의 자원에 접근하려면 프로세스 간 통신(inter-..

  Read More
• Emmet + visual studio code extensions 추천

  컴퓨터/JavaScript_typescript 2021. 3. 22. 23:30

  source : www.youtube.com/watch?v=m7wsrVQsVjI * ide : integrated development environment compiler, devugger, linker, performance 분석 가능 * text editor : visual studio code, atom, sublime * command palette cmd+shift+p * Emmet(formerly Zen Coding) [ 안되면] 파일-기본설정-설정-확장-emmet-trigger expansion on tab 체크하기 settings.json에 추가 "emmet.includeLanguages": { "javascript": "javascriptreact" } [ HTML 자동 완성 ] ! +..

  Read More