emluy 개발 일기

1. Morgan 로거인 morgan을 설치하여 사용하면 서버에서 응답하는데 얼마나 걸리는지 확인하는 성능 분석을 할 수 있다. 실행할 메인 파일에 다음과 같이 입력 #app.js 다음과 같이 터미널에서 성능확인 가능! 2. path path 모듈을 통해 public폴더에 있는 static파일들 가져오기 7번째 줄에서 public이라는 이름의 폴더 경로를 publicPath에 저장 8번째줄에서 public폴더에 있는 정적 파일들 전송 정적파일들이 존재하면 8번째줄에서 미들웨어 끝남(9번째줄부터 실행 안함). 정적파일들이 없는 경우 10번째 줄에서 없다고 출력해줌. **왜7번째 줄에서 path.resolve안쓰고 "/public" 이라고 쓰면 안되나? : mac하고 Linux에서는 "/public" 이고 ..

왜 node.js만 안쓰고 express.js를 쓰는 걸까? node.js에서는 urls.py처럼 각 path마다 name을 지정해주는 게 없음 예를 들면 'localhost/main' 이라는 url을 입력했을 때, 1) django는 urls.py에 path('/main',앱이름.views,name="main") 이런식으로 경로 이름과 url을 적어줘서 쉽게 접근가능하게함 2) node.js에서는 requestHandler함수를 만들어서 if문, else if문으로 경로를 한줄한줄 내려가면서 찾는 형식 function requestHandler(req, res){ //req와 res를 다루는 함수 if(req.url ==="/"){ //url이 /이면 res.end("Welcome to mainpage..

* 서버가 어떻게 돌아가나 알기 위한 서버실행 과정일 뿐, 실제로 쓰이지는 않음 실제 구현할 때 서버 실행하는 법은 다음 링크 참조 https://yulme.tistory.com/76 express.js - (중요!) MVC패턴 갖추기 (회원가입구현) *github github.com/ImYurim/node-mongodb.git ImYurim/node-mongodb Contribute to ImYurim/node-mongodb development by creating an account on GitHub. github.com 1. setting - 작업할 directory 만들기 - np.. yulme.tistory.com 1. 작업할 폴더 만들어주기 #나는 nodejs라고 폴더 만들어 주었음 (아무이..

0. 대략적인 과정 : 입력할 수 있는 검색창이 있는 html 파일 admin.php-> 입력한 것을 바탕으로 DB에서 SELECT해오는 파일 (세션변수에 저장) posttest.php -> 세션을 가져와서 출력 해주는 html 파일 afterpost.php 0. 필요한 프로그램 - visual studio - bitnami WAMP 0. Directory #작업할앱폴더(admin) #phpmysql DB와 연결해주는 파일 1. DB 검색에 사용될 데이터 입력 받기 : 입력 form이 있는 html 파일 #admin.php 2. 입력한 데이터를 바탕으로 DB에서 검색하기 : 쿼리문을 위한 파일 #posttest.php * 알아야 할 것 - echo는 print와 같은 출력 함수 - echo안에 출력하고 ..

버튼을 누르거나 손으로 넘겼을 때 넘겨지는 slider 구현 https://m.blog.naver.com/PostView.nhn?blogId=psj9102&logNo=221172034243&proxyReferer=https:%2F%2Fwww.google.com%2F Javascript : slider 애니메이션 기능 어렵지 않은걸 어렵게 만들었다... 안녕하십니까. NoDe 입니다. 이번에 할건 slider 기능입니다. 온리 단순 클라이언트에서만 사용하는겁니... blog.naver.com https://www.youtube.com/watch?v=wy3JAnKAL-E * bootstrap 이용 : carousel https://getbootstrap.com/docs/4.0/components/carous..

반응형 웹 만들 때 중요 concept 1) 보이는 큼직한 layout 잡기 (div태그로 박스 잡기) 2) 큼직한 박스 안에 있는 요소들의 width는 대부분 calc()나 퍼센트나 auto로 처리 3) window 줄어들 때 이 이상 줄어들지 마라 하는 최소 넓이, 높이 지정해주기! (min-width 속성) window 늘어날 때 이 이상 늘어나지 마라 하는 최대 넓이, 높이 지정해주기! (max-width 속성) 4) display: flex 이용 5) 비율유지하면서 줄어들게 할 때는 padding-bottom 값 이용! 1. layout 잡을 때 flex 이용하기 div태그를 정렬할 때 아주 유용한 flexbox! https://heropy.blog/2018/11/24/css-flexible-b..

*장고에 있는 모델인 User를 사용해서 구현할 때 cholol.tistory.com/471 dJango로 restful API 서버만들기 [3] - 웹에서 로그인 화면 만들어서 날려보기 들어가기 전에 지난 시간에는 간단히 restAPI서버를 만들었습니다. 로그인 기능도 살짝 넣어봤구요. 이번시간에는 장고에서 기본으로 제공하는 User모델을 이용해서 사용자 인증하는 기능을 만들� cholol.tistory.com *따로 모델을 만들어서 구현할때 1. 회원가입 infinitt.tistory.com/65 장고 (Django) - 회원가입 기능 구현하기 (MVC) *비밀번호란과 비밀번호 확인 란을 다르게 입력했을때 *아무것도 입력하지 않고 등록 했을때 *Admin에서 등록된 목록 이전 포스팅에서 생성했던 us..

0. 알아야하는 개념 - Router - Rest API - CRUD 0. 필요한 프로그램 - postman - DB - VS code (express.js, nodemon) 0. 전체 흐름 :routes파일 -> models파일 -> controller 파일 -> models파일 주소로 함수 호출 -> models파일은 DB다루는 CRUD함수 정의하는 용도 (사용자가 입력) -> controller파일은 models 에서 준 데이터를 DB에서 읽을 수 있게 변환 후 올바른 데이터인지 판단, 옳은 데이터면 변환한 데이터를 models로 다시 리턴 -> models는 controller가 준 데이터를 DB에 CRUD함(쿼리사용) * 예시 (개념) : 회원가입 폼에 정보를 입력하면 Create 잘되는지 보자..