오히려 좋아..

상황이 나쁘게만 흘러가는 것 같을 때 외쳐보자.. .

궁금한 마음으로 포트폴리오 보기

Language/Javascript, typescript 17

[JS] Error: Failed to lookup view "home" in views director

1. Error: Failed to lookup view "home" in views directory "/Users/user/Project/zoom-clone/views" app.set("views", __dirname + "/views") 2. ReferenceError: __dirname is not defined 위 두 에러가 반복적으로 나타났다. 분명히 해당 경로에 파일이 있는데 이왜않.. __dirname 에러를 해결하기 위해 아래처럼 적어주면 1번 에러가 발생하고 2번을 해결하면 1번 에러가 나타나는 에러였다. import path from "path" __dirname = const __dirname = path.resolve(); package.json에 아래처럼 적혀있는 건 아닌지 한번..

[Javascript] 이벤트 진행 막기 or 다시 시작

이벤트를 다룰 때 종종 이벤트의 본래 행동은 막은 후 다른 것을 진행한 다음 다시 그 이벤트를 진행해야 할 때가 있다. 오늘은 이러한 상황에서 사용하는 명령어를 간단하게 알아보겠다. 예제 코드는 아래와 같다. 먼저 JQuery를 사용했기 때문에 CDN으로부터 가져와준다. 여기서 핵심은 이벤트는 아래 코드로 막아줬다는 점이다. event.preventDefault(); 그리고 마지막 줄의 코드로 다시 해당 이벤트를 할당해줬다. unbind('event')는 JQuery에 의해 등록된 이벤트인 event를 제거해준다는 의미이다. 작성한 이벤트를 제거해주고 다시 클릭을 해주면 원래 태그가 해야하는 역할을 하게 된다. event.preventDefault() 반대라고 생각하면 된다. $(this).unbind(..

[Javascript] Client에서 cookie 접근

종종 서버에서 보낸 쿠키가 제대로 존재하는지 확인 하기 위해서 웹 브라우저에서 쿠키에 접근해볼 때가 있다. 오늘은 위와 같은 상황에서 console에서 쿠키를 다루는 간단한 명령어에 대해 알아보자. 아래 명령어를 사용하면 쿠키가 문자열 형태로 반환된다. document.cookie 클라이언트에서 쿠키를 추가하고 싶다면 아래와 같이 써준다. document.cookie = "key=value"; 그렇다면 쿠키는 어떻게 제거할까? 쿠키를 제거하는 방법이 딱히 존재하지는 않고 expires를 아래와 같이 설정해 해당 쿠키를 사용기한이 지난 쿠키로 바꿔서 브라우저에서 제거 하도록 한다. var deleteCookie = function(name) { document.cookie = name + '=; expir..

[javascript, DOM] 익스플로러에서 접근시 Edge로 리다이렉트

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

[JavaScript] a 태그에 Confirm 사용하기

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

[Node.js] MongoDB Mac에서 brew로 다운받고 Node.js로 연결하기

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를 작성해보자. 아래처럼 나오면 성공이다. 나오지 않았다면 환경변수가 등록되..