본문 바로가기

전체 글121

NodeJS와 MongoDB로 SNS 만들어보기 - user_passport (로그인 라우터) 저번 포스트에서는 전체적인 폴더 구조를 설명했고 이번 포스트에서는 현재까지 구현된 router의 전체 목록을 설명하고자 합니다. > user_passport.js user_passport.js 파일에는 '로그인'과 관련된 라우터들이 정의되어있습니다. 모두 GET 요청으로 탈퇴를 담당하는 /secession 라우터는 약관?정책? 관련해서 탈퇴하더라도 일정 기간동안 남겨둬야하는 정보들이 있다고해서 주석처리해놓은 상태입니다. 배포 전 약관 정책들을 확정하고 그에 따라 /secession 라우터를 다시 구현해야 할 것 같습니다. 소셜로그인 구현 시, 각 소셜 개발자 페이지에서 따로 설정을 해야 하며 그 곳에서 설정한 callback 경로와 동일한 경로로 콜백 라우터를 만들어야 합니다. * Router 상세 정보.. 2019. 11. 14.
NodeJS와 MongoDB로 SNS 만들어보기 - 현재 폴더 구조 더보기 여러분은 프로젝트 3개 동시에 하지 마세요......ㅎ 하루 쉬니까 바로 밤새야되는 인생 레전드 _( :⁍ 」 )_ 저번 포스트에서는 현재까지 작업한 부분까지의 데이터베이스 구조를 보여드렸으니 이번 포스트에서는 전체적인 프로젝트 폴더 구조를 보여드리고자 합니다. Node.js 및 MongoDB 공부는 "Do It! Node.js 프로그래밍" 교재를 주로 활용하였고 예제 코드들을 활용하여 발전시켜 나갔기 때문에 사용하지 않는 (필요하지 않은) 파일들이 몇 존재합니다. 사실 Resful API 서버라 html 페이지는 만들 필요가 없지만 테스트용(...)으로 만들었습니다. 더보기 지금이야 Flutter와 어떻게 연동하면 되겠다라고 알지만 처음시작할 때는 node.js, mongoDB, html, ja.. 2019. 11. 14.
프론트엔드 개발자의 TIL #010 TIL #010 191113 수 오늘 배운 점 1. 로딩 위젯 만들기 로고를 넣은 로딩 위젯을 별도의 파일로 만들어서 import하는 방식으로 사용할 예정이다. //Reusable Loading Widgets Container circularProgress() {//중앙에 회전하는 원 return Container( alignment: Alignment.center, padding: EdgeInsets.only(top: 10.0), child: CircularprogressIndicator( valueColor: AlwaysStoppedAnimation(Colors.purple), ), ); } Container linearProgress() {//상단에 수평선 로딩 return Container( pa.. 2019. 11. 13.
#002 매일 써야 세계최강 DS가 되지 TIL _ node.js 맛보기 생활코딩 node.js 강의를 듣다가 중간에 오류가 뜨거나 모호한 개념이었던 것을 따로 정리했다. 데이터 베이스 응용 시간에 교수님이 설명해주신 개념이 좀 모호하게 다가왔는데 다시 정리됐다. host(domain) : 인터넷에 연결되어 있는 컴퓨터를 가르키는 주소 port : 한 대의 컴퓨터 안에 여러개의 서버가 있을 수 있다. 접속 시 3000으로 써있으면 3000번포트와 연결되어있는 서버와 연결되는 것. 80이 기본값이어서 포트번호 생략하면 80번 포트(웹서버)와 연결됨. query string : 쿼리 스트링 값으로 웹서버에게 데이터 전달. 여기서는 내가 읽고싶은 정보는 html이고 12page 이다라는 의미 전달. 쿼리 스트링 값은 ?로 시작, 값과 값은 &로 연결, 값의 이름과 값은 =로 구분... 2019. 11. 13.
프론트엔드 개발자의 TIL #009 TIL #009 191112 화 오늘 배운 점 1. StreamBuilder 시간, 순서에 상관없이 다양한 일들이 일어나는 비동기(asynchronous) 데이터가 사용되는 리액티브 프로그래밍에서 필요한 데이터 관리 위젯이다. 각 이벤트를 Stream이라고 하고, 이 연속적인 데이터 흐름에 따라 빌드하는 것이 StreamBuilder이다. StreamBuilder( stream: _myStream, initialData: data, //stream을 받아오기 전 화면에 표시할 내용 builder: (context, snapshot) { if(!snapshot.hasData) { return CircularProgressIndicator(); } else if(snapshot.hasError) { retu.. 2019. 11. 12.
TIL #007 Nodejs multer 모듈로 파일업로드, json parsing multer 모듈 설치 파일 선택 form, 누르면 파일 전송되는 submit 버튼을 view 에 만들기 static 폴더로 uploads 폴더 생성 후 전송된 파일이 저장되게 함 npm install --save multer 미들웨어 upload.single('thubmnail') 적용 [ Products { dataValues: { id: 9, name: 'cat1', thumbnail: '', price: 1000, description: ' 1 ', createdAt: 2019-11-11T15:13:21.000Z, updatedAt: 2019-11-11T15:13:21.000Z, user_id: 4, Owner: [User], Tag: [] }, console.log(products[0].name.. 2019. 11. 11.