728x90

전체 글 86

mongoose DB 연결이 안될때

[ 문제 ] TypeError: db.on is not a function 먼저 확인해야 할것은 1.windowpowershell을 관리자권한으로 접속해서 mongod와 mongo 를 입력했을때 연결이 되었고, 2. 위 사진속 url로 접속을 해서 위와 같은 문구가 뜨면 db에 정상적으로 접속했다는것이다. 그런데 계속 콘솔에서 npm을 실행하면 db에러 방지코드에대한 에러가 뜨는것이다. [ 해결 ] 에러코드를 복붙해서 구글링했다. https://teamtreehouse.com/community/solved-typeerror-dbon-is-not-a-function 위 사이트에 나와 같은 에러가 난 사람을 찾았다 그리고 connect를 connection으로 바꾸니 정상적으로 실행이 되었다.

개발 이모저모 2022.12.07

Quick Find 알고리즘

1) 소개 Quick Find 알고리즘은 조급한 알고리즘이라고 불린다. 이 알고리즘은 단순한 정수 배열로 된 객체를 자료구조로 사용할 것이다. 이 데이터구조에서 두 객체 P와 Q가 유일하게 연결되어 있다면 각 객체의 배열 인덱스 값은 동일하다. 2) 방법 우선은 이 알고리즘이 어떻게 돌아가는지를 알아야하는데 위 사진에 union(4,3)이 있다. 이말은 id[4]=3 이라는 뜻이다. 결과적으로 위사진처럼 연결되고 union(3,8) 일경우 id[3]=8이 된다. 그래서 3번과 4번이 8번과 연결되어야 한다. 그결과 3,4번의 배열값은 8로 바뀐다. 한번 더 해보면 union(9,4) 일경우 4번의 값이 8이기 때문에 9번도 8로 값이 바뀐다. 그래서 이것들을 통해 모두 동일한 연결 컴포넌트에 있다는것을 ..

개발 이모저모 2022.12.06

알고리즘(1)- 백준 1000, 10001번 javascript 풀이

문제) 1000 A+B 접근방법) 1. 자바스크립트로 어떻게 입력받을 것인가. => file system 모듈을 이용! Node.js의 fs 모듈을 활용해서 파일 I/O 작업을 구현할 수 있다. fs 모듈의 메서드는 동기식(readFileSync)일수도있고, 비동기식(readfile)일수도 있는데 비동기식일 경우는 메소드가 콜백함수가 존재한다는것 빼고는 구현하는 방식이 동일하다. 2. 출력받은 A,B에 입력받은 값 저장 3. console.log 출력하기 const fs = require('fs'); const inputData = fs.readFileSync(0, 'utf8').toString().split(' '); // 인코딩(utf-8)옵션을 넣지 않으면 바이너리 객체를 반환하기 때문에 인코딩 옵..

pug-templete(1)

* templete의 세가지 방법 1) conditional: 자스에서 쓰던 if, else if와 사용법이 같다. 2) iteration: elements의 list를 보여준다. iteration을 하기위해선 array나 객체를 이용하면 된다. 여기서는 array를 사용할 것임. controller의 videos 부분이 home.pug의 in videos와 이름이 같아야한다. each와 li는 tomato,potato 그 어떤 이름이어도 상관이 없다. 3) mixin : base.pug에서 봤던 partials이긴 한데 데이터를 받을 수 있는 partial로 같은 형태의 HTML이지만 다른 데이터를 반영할때 사용한다. 한줄로 정리하면 똑똑한 partial!! iteration과 마찬가지로 list를 만..

Frontend/NodeJs 2022.11.29

Javascript(2) - Interactive

(1) 자바스크립트가 html과 어떻게 상호작용할것인가? - document는 console에 있는 내장객체를 이용해 html에 접근한다. 자바스크립트는 단지 html을 읽을 뿐이고, 브라우저가 html 정보가 많이 들어있는 document라는 object를 전달해주는것이다. 타이틀도 자바스크립트를 통해 변경할 수 있다는 것을 알수있다. 이미 셋팅이 다 되어 있기 때문에 우리는 html과 javascript를 따로 연결하지 않아도 된다. 그렇다면 html과 javascript 둘다 타이틀을 변경하였을때 어떤것이 적용될까? 정답은 자바스크립트..!! 이렇게 object인 document를 통해 property까지 접근하고 가져올수 있다..! (2) getElementById로 가져오기 이렇게 많은 정보를 ..

Frontend/Javascript 2022.11.06

(1) 자바스크립트 - 정의 / 데이터타입

1. 역사 자바스크립트를 만든이는 이 언어를 만드는데 10일밖에 걸리지 않았다고 한다. 만든 이유는 넷스케이프때문이다. 넷스케이프를 사용할 당시에는 html,css밖에 없었기때문에 개발자들은 넷스케이프를 좀더 active하게 만들고 싶었고 그래서 새로 고안해낸 언어가 자바스크립트이다..! 2. 특징 (1) 프론트로 쓸수 있는 유일한 언어 (2) 모든 브라우저에 내장되어있어서 따로 프로그램을 깔지 않아도 된다. ex) 파이썬, 자바.. (3) html,css,javascript의 관계성 브라우저를 여는 것은 html이고, html이 css와 javascript를 가져온다. => 다시말해 html은 접착제 역할을 한다. (4) html,css,javascript를 브라우저에서 확인할때 개발자도구(F12)에서..

Frontend/Javascript 2022.11.06

git-hub page 변경하기

1. 무언가를 변경하기 위해서는 항상 main branch로 가야한다.(제일중요*10) 2. master에서 수정할 부분은 vscode를 이용해 수정한다 + 마우스를 올리면 첫번째 자식요소의 색이 black으로 변한다는 내용의 코드를 추가할 것이다. 3. 수정한것을 저장하고, master에서 commit 4. master에서 commit을 한 후에 이제 gh-pages로 넘어간다 5. gh-pages로 온 후에 branch 탭으로 들어간 후 update from master를 클릭 6. 여기까지 하면 master의 commit들을 gh-pages로 가져오게 된다. 7. 그 후에 변경사항을 publish 한다. 8. 그러면 변경사항이 github 페이지에 업로드된다. 9. 그리고 나의 git-hub pag..

개발 이모저모 2022.10.30

github desktop 실수로 stash overwrite 했을때...

다시는 이와 같은 실수를 방지하기위해 올리는 글.... 이런 일이 발생한 이유는 새로운 branch를 만들던 도중 commtit을 하지 않고 master branch와 새 branch를 왔다갔다하다가 이런 문구가 떴고 overwrite를 누르면서 문제가 시작... 하지만 구글링해서 방법을 찾아냈다..! 1.github desktop에서 help> show logs in explorer 2. 오늘자 방문일이 찍힌 파일이 있다. vscode로 열어주고 3. ctrl+f 로 'stash'를 찾아준다 검색해보면 stash 'ID명' associated with experimental 로 나오는 코드가 있다. ID를 복사해서 4. github desktop에서 cmd 열어주기 명령어 git stash apply ..

개발 이모저모 2022.10.30
728x90