코딩하는 너구리 코딩하는 너구리

추상 클래스면 직접 생성이 불가능하고 추상메소드의 구현을 강제 해야 되잖아요? class Parent { constructor() { // 직접 생성하는거 못하게 할게요 if (this.constructor === Parent) { throw Error("This is abstract class"); } // 추상 메소드 구현하라고 강제할게요 if (this.abstractMethod === Parent.prototype.abstractMethod) { throw Error("you should implement abstract method"); } } abstractMethod() { throw Error("This is abstract method"); } } class Children extends..

es6 문법에서 공식적으로 private에 대한 문법은 제공하고 있어요 바로 이름 앞에 #을 붙이는거에요 그렇지만 protected에 대한 문법은 없어요 암묵적으로 이름앞에 _를 붙입니다. class T { // private 변수 #pwd = 1234; // 자식만 직접 접근하자는 약속이고 값을 보고 싶으면 getId를 호출해라 라는거에요 _id = 1; getId() { return this._id; } } 그럼 위에 private 이거 어떻게 가능한건지 궁금하지 않아요? const #pwd = new WeakMap(); class T { constructor() { #pwd.set(this, 0); let pwd = #pwd.get(this); } } 위에 보면 외부에서 접근할수 없는 스코프에 We..

react의 대표 상태관리 모듈은 redux 에요 근데 이거 사용하기도 어렵고 비동기로 쓸라면 미들웨어 붙여야되고 가독성 떨어지고 개발자 입장에서 편하지가 않아요 그래서 react 상태관리 모듈로 mobx를 쓰려고 해요 홈페이지 참고하시면 정말 간편하게 사용할수 있어요 그대로 사용하시면되요 React 통합 · MobX React 통합 · MobX ko.mobx.js.org npm install mobx mobx-react-lite 두개 모듈을 설치하면 사용할수 있어요 mobx-react 이런것도 보이실텐데 이거는 class component에서 사용하는 모듈이고 mobx-react-lite는 functional compoent에서 사용하는 모듈이에요 v6에서 mobx-react에서 lite도 포함시켰는데..

http-server라는 모듈 설치하시고 실행시키면 서버 실행되요 매우 간단하져? file, http, https는 프로토콜에 따라서 브라우저에서 제공하는 API가 달라져요 그래서 웹 페이지 개발하게 되면 처음부터 http나 https 프로토콜로 확인하는게 좋아요 사이트 들어가면 자세히 설명되어져 있는데 그냥 설치하고 실행시키면 하위 경로를 path로 해서 응답해줘요 브라우저가 표현해줄수 있는 파일이면 페이지로 보여주고 아니면 다운로드 되요 사진이면 이미지 보여주고 html파일이면 페이지 보여주고 아니면 다운로드하고 이렇게요 경로가 폴더면 트리형태로 파일구조를 보여주고요 아 https로 서버를 구동하고 싶으면 인증서를 만들어서 넣어줘야되는데 역시나 사이트에 아주 친절하게 설명되어져 있어요 아 주소의 하위..

집에 있는 컴퓨터에 IP를 확인해보면 192.168.xxx.xxx 요런식으로 나올거에요 이건 공유기에서 할당한 IP고 실제 외부로 나가는 IP는 아니에요 모든 것은 공유기를 거쳐서 나가게 되고 실제로 외부에서는 공유기하고 통신하는거고 공유기가 연결된 장치로 알려주는거에요 외부에서 내가 만든 서버로 접속하고 싶으면 포트포워딩을 해줘야해요 공유기 설명서나 공유기 뒷면을 보면 공유기에서 제공하는 설정페이지 주소랑 비밀번호를 알수 있을거에요 접속하셔서 로그인을 하시면 공유기마다 메뉴가 좀 다르긴한데 보통 네트워크 설정에 NET 설정이라는 메뉴를 보실수 있을거에요 거기서 포트포워딩 항목을 추가하시면되는데요 그게 머냐면요 외부로부터 공유기로 어떤 요청이 들어오면 자신이 할당한 특정 주소로 요청을 포워딩 하겠다는거에..