반응형 node.js9 node.js & express.js 단단하게 설계하기 잘못된 부분이 있으면 피드백해주시면 감사합니다. 책도 찾아보고 혼자 공부해보면서 다른 사람들이 어떻게 설계하였는지 참고해보면서 나만의 아키텍처를 구성해보았습니다. node.js는 타 프레임워크와 달리 파일의 구성들을 잡아주지 않습니다. 빈 박스에 본인이 필요한 기능들을 추가하는 방식입니다. 처음에 하나의 파일로 구성해보면서 많은 불편함을 느껴 구조 설계에 관심을 가지게 되었습니다. MVC 패턴을 참고하여 제작하였습니다. 폴더 구조 ├─ API │ ├── controllers │ │ ├── (해당기능이름).controller.js │ │ └── (해당기능이름).controller.js │ ├── models │ │ └── (해당기능이름).model.js │ ├── test │ │ └── (해당기능이름).s.. 2021. 9. 9. [node.js & express.js] 깔끔하게 Routing을 해보자! 키보드 추천 플랫폼을 혼자 구현해보면서 어떻게 하면 깔끔하게 router를 구성할 수 있을까 고민을 많이 해보았습니다. // app.js var indexRouter = require('./routes/index'); var keyboardRouter = require('./routes/keyboard'); var app = express(); ... //생략 app.use('/', indexRouter); app.use('/keyboard', keyboardRouter); module.exports = app; 처음 서버를 구축할 때 app.js에서 모든 라우터를 처리하는 방법은 비효율적입니다. 물론 한 파일로 구성해도 프로그램이 돌아가긴 하지만, 나중에 프로젝트를 확장할 때 유지보수 측면에서는 꽝이라.. 2021. 9. 8. [mongoDB, JavaScript] 시간복잡도를 줄여보자! join이 안된다고?? 회사에서 기존 서비스 기능들을 기능 개선을 하고 있다. mongoDB를 사용하는데 단점이…. join이 안된다…. ㅠㅠ 예를 들어 a class가 있는데 이 class에서 하나의 필드가 포인터로 b class의 기본키나 다른 키를 가리키고 있다고 하면 mysql이나 다른 곳에는 join기능이 있어 한번 쿼리로 b class의 객체까지 담아서 가져올 수 있지만 mongoDB에서는 그게 안된다… 그렇다면 어떻게 해야 할까? 어쩔 수 없다! 쿼리를 두 번해서 join을 직접 코드로 넣어줘야 한다! 두 번 쿼리 하는 거는 Promise chaining을 해서 비동기로 가져오면 된다.(이 것도 나중에 시간이 되면 정리해야겠다.) ex) aList = [ { _id: "dasdas", name: "name$asld.. 2021. 6. 2. node.js 파일목록 뽑아내기 코드를 보면 var testFolder = './data'; //알고싶은 파일명을 작성 var fs = require('fs'); fs.readdir(testFolder, function(error, filelist){ console.log(filelist); //피알리스트를 배열로 콘솔에 찍어냄... }) testFolder라는 변수에 파일목록을 알고싶은 파일명의 경로를 적어준다. fs란 모듈을 node.js에서 사용할것이다. fs중에 readdir란 기능을 사용해 파일의 디렉토리안에있는것을 console.log로 찍어주면된다. node main.js로 실행시켜주면, data라는 폴더안에 저렇게 4가지의 파일이 들어가있어 콘솔에 4가지가 배열로 찍혀서 나온다. 끝! 2020. 11. 22. node.js Not found 예외처리 추가 url에서 잘못된 path로 이동했을 때 오류 페이지를 띄워주는 작업을 공부했다. 이런 식으로 nonono라는 경로가 없어서 Not found를 띄워주었다. console.log(url.parse(_url, true)); //url 경로를 보여준다. 일단 되는 url을 확인해보기위해 콘솔로 경로를 다 찍어보자. 이런 식으로 루트 패치를 확인할 수 있다. 루트 패치를 확인했으니 pathname이란 변수를 만들어 루트 패치의 값을 가져온다. 그 값으로 이제 비교를 한다. if(pathname === '/'){ }else{ response.writeHead(404); //웹서버랑 웹페이지랑 통신하기위한 간결한 약속 200이라는 값을 웹서버에 주면 //맞는지 확인 파일이 없다면 404를 리턴 response.e.. 2020. 11. 21. node.js 파일 읽어오기 [CRUD중 Read 실습 ] Create Read Update Delete의 약자이다. 첫 번째로 node.js에서 파일을 읽어오는것을 보겠다. var fs = require('fs'); fs.readFile('읽을파일명', 'utf8', function(err, data){ console.log(data); }); 이런식으로 사용할 수 있다. 동적으로 한페이지 렌더링만하지만 내용은 바뀌는 것을 실습해보겠다. 이 실습은 생활코딩의 node.js실습을 하면서 정리해본 것이다. opentutorials.org/course/3332/21049 App - 파일을 이용해 본문 구현 - 생활코딩 수업소개 파일에 본문을 저장하고, Node.js의 파일 읽기 기능(fs.readFile)을 이용해서 본문을 생성하는 방법을 살펴봅니다. 강의 ?id=.. 2020. 11. 18. react 카카오맵 API 연동하기 developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 이번에는 react에서 카카오맵 API를 통해 지도를 가져오는 것을 해볼 것이다. 완성된 페이지를보자 이런식으로 잘불러올수있다. 우선 카카오디벨로퍼에 가입되어있다 가정하고 진행하겠다. 코드를 하나하나 살펴보자 저기 홈페이지 가이드라인을 따라하면 안된다. 기존코드를 보자 이것이 기존 카카오에서 제공하는 코드이다. 저기 발급받은 APP KEY값은 카카오지도 API를 신청하면 본인의 고유 키값을 발급해준다. 거기서 앱키에서 JavaScript키값을 복사해서 넣으면된.. 2020. 11. 17. react 파일구조를 어떻게 구성해야할까? 처음 react를 공부하면서 파일구조를 어떻게 구성해야할지 감이 안잡힌다. 디자인패턴을 공부하였다면 자신에 맞는 패턴으로 구성하면되지만 아직 그런 것들을 배우지 않은 입장이라면 고민이된다. 첫번째는 그냥 일단 한 파일에 넣어서 만드는 것이다. 작은 프로젝트라면 이정도면 충분하겠지만 점점 파일이 많아진다면 이때부터 고민을 해봐도된다. 첫번째로는 파일의 기능이나 라우트에 의한 분류를 할수있다. 프로젝트 구조에 대한 일반적인 방법 중하나는 css,js 그리고 테스트 파일을 기능이나 라우트로 분류된 폴더에 같이 두는방법이다. common/ Avatar.js Avatar.css APIUtils.js APIUtils.test.js feed/ index.js Feed.js Feed.css FeedStory.js Fe.. 2020. 11. 10. react 개발환경세팅 (+MAC OS) 원래 필자는 dango프레임워크만 공부했었다... 근데 회사에서 react와 node.js를 사용해서 서비스를 구축한다고하여 따로 시간내서 공부를 하고있지만 참어려우면서도 재미있다. 기본적으로 vscode와 node.js가 설치되어있다고 가정하여 설명하겠다. 그냥 구글에 node.js 설치, vscode설치 치면 바로 설치할 수 있을 것이다. npx create-react-app (자신이 원하는 프로젝트명) 여기서 사용한 npx는 무엇이냐 npx는 자바스크립트 패키지 관리 모듈인 npm(Node Package Module)의 npm@5.2.0 버전부터 새로 추가된 도구다. npm은 homebrew로 설치했다. homebrew설치는 /bin/bash -c "$(curl -fsSL https://raw.gi.. 2020. 11. 9. 이전 1 다음 반응형
