여행자의 책

마이크로소프트(Microsoft) 에서 익스플로러(IE, Internet Explorer)를 업데이트 지원하지 않은지 거의 8개월이 되간다. 하지만 여전히 우리나라에서는 여전히 많은 사람들이 익스플로러를 사용하고 있다. 하지만 매번 익스플로러를 고려해 웹페이지를 작성할 수는 없다. 지원하지 않는 문법이 너무 많기 때문이다. 이번 포스트에서는 현재 접속한 브라우저를 확인하고 만약 익스플로러 라면 사용자를 다른 웹브라우저를 사용하도록 유도하는 방법에 대해 알아보도록 하겠다. 코드는 아래와 같다 //페이지가 로드 되었을 때 해당 함수를 실행시킨다. window.onload = function(){ if (window.navigator.userAgent.match(/MSIE|Internet Explorer|Tr..

Confirm함수는 사용자의 특정 행동을 확인하는 함수로 아래와 같은 창을 띄어 확인을 누르면 True, 취소를 누르면 False를 반환하는 함수이다. a 태그에 이러한 confirm 함수를 적용시키려면 아래와 같이 작성해주면 된다. 전체 발송 하기 물론 자바스크립트와 html은 구분해야되긴 하지만 빠르게 불을 끌때는 이만한 방법이 없다. 다들 이 방법으로 급한 불만 끄고 나중에 수정하길 바란다. 아디오스~

이번 포스트에서는 파이썬 클래스에서 종종 보이는 @property에 대해 알아보겠다. 결론부터 이야기하자면 @property 데코레이터는 객체의 프로퍼티를 보호해주는 함수라고 할 수 있다. 먼저 본격적인 포스팅에 앞에서 꼭 집고가야할 것이 있다. 바로 접근제어자(Access Modifier)이다. 1. 접근 제어자(Access Modifier) 1.1 접근 제어자 정의와 필요성 접근제어자(Access Modifier)는 객체의 프로퍼티의 접근을 제한하는 명령어로 객체내에 선언되어 있는 프로퍼티를 접근할 수 있는 범위를 제한하는 것이다. 대표적인 객체 지향 언어인 자바에서는 public, private, protected 가 있다. 각 접근 제어자의 접근 가능 범위는 아래와 같다 1. public : 모든..

파이썬 클래스의 코드들을 보면 종종 메서드 위에 데코레이터로 다음과 같은 것들이 붙어있을 때가 있다. @staticmethod @classmethod 오늘은 파이썬의 정적 메서드를 만드는 방법인 staticmethod, classmethod에 대해서 알아보도록 하자 본격적인 글에 앞서서 정적메서드(static method)란 무엇일까? 정적 메서드는 클래스가 생성되지 않아도 즉 인스턴스 없이도 사용할 수 있는 함수로 인스턴스에서는 호출 할 수 없는 함수를 가리킨다. 1. staticmethod staticmethod는 메서드를 정적 메소드로 바꿔주는 것으로 데코레이터를 이용해 바꿔준다. 일반적으로 메서드에는 맨 앞의 argument로 self를 넣어주지만 staticmethod에는 넣어주지 않는다. cl..

웹에서 화면 비율을 이것저것 맞춰보고 모바일로 넘어가서 확인 보는데 다 맞는데 가로전환했을 때 이상하게 뜨는 경우가 있다. (그게 바로 내 경우다..) 아래의 미디어 쿼리의 orientation property를 이용해 가로 전환의 경우에 css를 바꿔주면된다. #가로 모드일 때 @media(orientation: Landscape){ body { padding-top:100px; margin-right:20px; margin-left:20px; } } #세로 모드일 때 @media(orientation: Portrait){ body { padding-top:100px; margin-right:20px; margin-left:20px; } } css는 프로그래밍언어가 아니다... 수십번 되뇌인다...

textarea관련해서 자주사용하는 style과 스크립트 코드를 정리해두었다. 1. 글자 간격 조절 textarea{ line-height: 20px; } 2. 테두리 제거 textarea{ border: none; } 3. 포커싱 되었을 때 테두리 제거 textarea:focus{ outline:none; } 4. 줄 바꿈시 높이 변경

1. Uncaught InvalidStateError: Failed to execute 'send' on 'WebSocket': Still in CONNECTING state 웹소켓이 아직 맺어지지 않았는데 메세지를 전달하려고 해서 발생하는 문제 Arrow Function을 이용해 아래와 같이 해결한다. var accessSocket = new WebSocket( 'ws://localhost:8003/ws/connectTrack/sdfg/' ); accessSocket.onopen = () => accessSocket.send(JSON.stringify({ 'event_pk': event_pk, 'participant_pk' : 1, 'isConnected' : 'true', }));

* 맥(MAC) 기준 GO는 Goroot 와 Gopath라는 독특한 경로를 갖고 있다. VS code에서 자동완성이나 패키지가되지 않을 때는 이러한 Gopath와 Goroot를 잘못 잡아줬기 때문이다. 첫번째로 command + ,(comma)를 눌러 다음과 같은 창이 뜨도록 하고 Extension 버튼을 눌러준다. extension을 누르면 자신이 다운로드한 extension이 리스트업 되는데 이때 Go extension을 다운로드 받았다면 위와 같이 Go가 나오게되고 그걸 눌러주면된다. 옆으로 나오는 창에서 Alternative Tools 아래에 Edit in settings.json가 있고 그걸 눌러주면 settings.json에 접근 가능하다. settings.json 안에 아래와 같은 코드를 복..

1. fsevents.cc:50:32 error: no template named 'Handle' in namespace 'v8' npm install mongoose 할 때 생긴 문제 정확한 이유는 모르겠지만 뭔가 실제 다운로드된 것들과 package-lock.json가 달라서 생긴 문제 같다 package-lock.json과 node_modules를 둘다 삭제한 후 다시 npm install을 실행해 보도록 하자!

Node.js + Mongodb 조합을 많이 사용한다고 하지만 python 만큼 자료는 많지 않은 듯하다. 이번 글에서는 Mac에서 brew를 통해 mongodb를 다운받고 node.js를 이용해서 연동하는 방법에 대해 알아보겠다. 일단 전제는 이미 Node.js와 실행하기 위한 IDE(내 경우에는 VScode)를 다운받았다는 전제하에 진행하도록한다. 만약 받지 않았다면 아래 링크에서 LTS 버전을 받아주도록 하자 nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org terminal에서 node를 작성해보자. 아래처럼 나오면 성공이다. 나오지 않았다면 환경변수가 등록되..