티스토리

심심하니까 풀스택

검색하기

블로그 홈

심심하니까 풀스택

victormeredith.tistory.com/m

'합리적 설계'와 '효율적 로직'

구독자: 1

방명록 방문하기

주요 글 목록

[O'REILLY] Node & Express - 21장 : 사이트 오픈 (완) 이번 포스팅은 사실 DevOps의 영역과 밀접한 관계가 있다. 단순한 서버의 비즈니스로직 개발을 넘어서 지속적이고 자동화된 솔루션을 구축하는 것에 대한 문화에 대한 기본적인 지식을 포함하고 있다. 1. 도메인 등록과 호스팅 - 인터넷의 모든 웹사이트/서비스는 인터넷 프로토콜(IP) 주소로 식별한다. - 도메인이름은 google.com 과 같은 사람이 이해하기 쉬운 주소이름을 숫자로된 IP 주소로 연결한다. - 호스팅은 웹사이트를 실행하는 컴퓨터를 가리킨다. - 도메인 등록업체는 대부분 호스팅 서비스를 제공하거나, 호스팅 업체와 파트너십을 맺고 있다. - 도메인이름과 IP주소를 연결하는 것은 DNS(Domain Name System)이다. 2. 보안 - 도메인 이름에는 가치가 있다. - 도메인을 탈취당할 .. 공감수 0 댓글수 0 2023. 4. 21.
[O'REILLY] Node & Express - 20장 : 디버깅 1. 디버깅 원칙 - 디버깅은 보통 버그를 찾고 제거하는 작업이다. - 디버깅에서 가장 중요한 것은 '제외' 이다. 문제의 원인에서 제외해가며 남는 것이 범인이다. - 제외할 수 있는 것이 많을 수록 살펴봐야할 부분이 줄어든다. 2. 방법 - 코드 블럭을 주석처리하거나 비활성화해본다. - TDD 방법론을 통해 개발하여 단위테스트를 모두 제외하면서 디버깅할 수 있도록 한다. - 네트워크 트래픽을 분석해본다. - 직접 실행 입력을 해보고 QA해본다. - 버전관리를 통해 버그가 사라질 때 까지 앞뒤로 왔다리갔다리 하면서 테스트 해본다. - 복잡한 다른 시스템을 제외하고 버그부분만 똑 떼서 모킹해서 테스트 해본다. 3. 제외가 모든 것의 답은 아니다. REPL 활용 - 브라우저의 콘솔을 열면 REPL이 열린다... 공감수 0 댓글수 0 2023. 4. 21.
[O'REILLY] Node & Express - 19장 : 서드파티 API - 소셜 네트워크, 지오로케이션 서비스, 맵 서비스 등의 서드파티 API가 있으면 비즈니스로직에 당연히 도움이 된다. - 서드파티 API의 필요성은 더 설명할 필요 없을듯 1. 소셜미디어 - 유튜브 , 페이스북 , 트위터 , 인스타그램 등의 서드파티 API를 활용하여 검색/호출/렌더링 등의 작업을 할 수 있다. - 소셜미디어와의 통합은 대부분 프론트엔드 작업이다. - 각 소셜미디어 개발팀에서 제공하는 API키와 자바스크립트 스니펫을 활용해 프론트엔드에서 API요청을 통해 각종 기능을 활용할 수 있다. - 서버에서는 소셜미디어의 API중에서도 검색, 최근트윗 조회 등의 기능을 별도로 요청해서 캐싱하여 성능을 개선할 수 있다. - 항상 사용하고자 하는 서비스의 개발팀이 제공하는 공식문서를 자세히 읽어보고 적.. 공감수 0 댓글수 0 2023. 4. 21.
[O'REILLY] Node & Express - 18장 : 보안 처리 -2(인증) 1. 인증 - 인증은 크고 복잡한 주제이다. - 웹앱에서 빼놓을 수 없는 중요한 주제이고, 제발 직접 만들려고 하지 말자. - 앱의 보안시스템을 이해하는 것은 중요하지만, 직접 구현하는 시도는 '보안 전문가' 가 아니라면 접어두는 것이 좋다. 2. 인증과 권한 부여 - 인증은 사용자를 확인하는 작업이다. (Authentication) - 권한부여는 사용자에게 접근/수정/볼 권한을 주는 것이다.(Authorization) - 인증은 AuthN, 권한부여는 AuthZ라고 짧게 표기하는 사례가 많다. 3. 비밀번호 문제 - 비밀번호에서 문제는 사람이다. 사람이 만들기 때문에 가장 약한 고리이다. - 2018년 보안 분석 결과 대부분의 비밀번호가 '123456' 이었고, 'password'가 두 번째로 많았다고.. 공감수 0 댓글수 1 2023. 4. 17.
[O'REILLY] Node & Express - 18장 : 보안 처리 1. HTTPS - 안전한 서비스를 만드는 첫 단계 - 패킷을 암호화해서 공격자가 정보에 접근하기 힘들게 만든다. - 공개 키 인증서(SSL 인증서)를 둔다. - 인증서를 발급하는 CA(인증기관, Certificate Authority)가 있다. - 인증 기관은 브라우저 제조사가 신뢰할 수 있는 루트 인증서를 사용할 수 있게 해준다. - 서버에 반드시 CA가 발급하는 인증서를 사용해야 한다. - HTTPS를 사용하려면, CA에서 인증서를 받아야 한다. 무료/유료 둘 다 있다. 2. 인증서 직접 생성 - 개발과 테스트 목적에만 사용해야 하는 인증서. - 인증서는 계층 구조를 가지므로 브라우저는 자신이 알고 있는 CA에서 생성한 인증서만 신뢰한다. - 개인적으로 만든 인증서는 신뢰하지 않는다. - 그래도 개.. 공감수 0 댓글수 0 2023. 4. 17.
[O'REILLY] Node & Express - 17장 : 정적 콘텐츠 16장은 Only React에 관한 내용이므로 스킵한다. 1. 정적 콘텐츠의 종류 - HTML : 웹앱에서 뷰를 통해 HTML을 동적렌더링한다면 일반적으로 정적 자원이라고 말하지 않는다. SPA앱은 일반적으로 정적 HTML파일 단 하나를 클라이언트에 전송하며 이런 경우는 HTML을 정적 자원으로 간주한다. - CSS : 포스트CSS가 있더라도 어차피 클라이언트가 받는 css는 정적자원이다. - JS : 클라이언트사이드의 JS는 일반적으로 정적자원으로 간주한다. - 이진 파일 : PDF, 압축파일, 설치파일, 워드문서 등등 - 멀티미디어 : 이미지/비디오/오디오 2. 성능 고려사항 - 성능에서 고려할 점은 요청 숫자를 줄이는 것과 콘텐츠의 크기를 줄이는 것이 중요하다. - 둘 중에서는 HTTP요청 숫자 자.. 공감수 0 댓글수 0 2023. 4. 13.
[O'REILLY] Node & Express - 15장 : REST API와 JSON - 지금까지 여러 REST API의 예제를 보아왔지만, 지금껏 '서버에서 데이터를 처리하고 클라이언트에게 html을 전송한다는 예제' 가 주를 이뤘다. - 하지만 2023 현재 대세는 상당수가 HTML, CSS, JS 등의 렌더링 파일 자체는 정적으로 받아오고, 실제 데이터는 JSON으로 AJAX를 통해 받아서 HTML를 구성하는 SPA의 형태를 띄는 경우도 많다. 물론 SEO가 구려서 SSR이 다시 대두되고 있어서 프로젝트의 형태와 목적에 따라서 적절히 구성하는 것이 현명하다. - 어쨌든 SSR 방식이더라도, 서버의 API는 매우 중요하며, API엔드포인트를 제공하는 방법을 알아야한다. - 웹 서비스는 HTTP로 접근할 수 있는 어플리케이션 프로그래밍 인터페이스 (Application Programmi.. 공감수 0 댓글수 0 2023. 4. 11.
[O'REILLY] Node & Express - 14장 : 라우팅(Route) - 라우팅은 웹서비스에서 중요한 요소 중 하나이다. - 라우팅은 보통 파일 기반으로 운영된다. - 단순하지만 유연하지 않다. - 익스프레스 라우팅의 기술적인 측면에서는 정보구조(Information Architecture, IA) 의 개념을 알아야 한다. - IA는 콘텐츠를 개념적으로 구조화 하는것. - IA는 즉, 콘텐츠를 주의깊게 분류하고, 논리적으로 분류하고, 스스로 코너에 몰리지 않도록 하는 개념적 방법론이다. 1. 오랫동안 유지할 수 있는 IA의 수립 조건 - URL에 기술적 세부사항을 노출하지 않는다 - URL에 의미없는 정보를 노출하지 않는다. : 의미 없는 단어가 있다면 제거한다. - 의미 없이 긴 URL은 피한다. : 다른 조건이 모두 같다면, 짧을수록 좋다. 하지만 SEO도 명심해야 한.. 공감수 0 댓글수 0 2023. 4. 10.
[O'REILLY] Node & Express - 13장 : 지속성(Persistence) - 웹과 앱에는 어떤 형태든 지속성이 필요하다. - 데이터를 메모리가 아닌 다른 형태로 저장해서 서버 다운, 정전, 업그레이드, 이전 등의 상황에서도 데이터를 유지할 수 있어야 한다. 1. 파일시스템 지속성 - 지속성을 획득하는 방법 중 하나는 데이터를 플랫 파일에 저장하는 것 - 플랫이란 ? : 파일에 특별한 구조가 없이 그저 바이트의 연속 - 노드는 fs(파일시스템) 모듈을 통해 파일시스템의 지속성을 제공한다. - 파일시스템 지속성의 단점 : 확장이 어렵다. 플랫 파일에는 구조가 없으므로, 찾기, 정렬, 필터링 기능을 모두 앱에서 구현해야 한다. - 그러므로 데이터는 DB를 이용하는 것이 좋다. 다만, 이미지/오디오/비디오같은 이진 파일은 파일시스템이 더 효율적이다. - 이진 파일에 관한 정보는 보통.. 공감수 0 댓글수 0 2023. 4. 10.
[O'REILLY] Node & Express - 12장 : 실무 환경 - 2 1. 예외처리 - 노드는 비동기적이므로, 항상 예외처리에 신경을 써줘야 한다. - express는 라우트 핸들러를 실행할 때 try/catch 블록으로 감싸므로 실제로는 잡히지 않는 예외란 없다. - 모든 라우트에 오류 핸들러를 추가해서 '보기 좋은' 오류 페이지를 만들어줄 뿐이다. - 항상 에러페이지를 만들어두어야 대응을 잘 할 수 있다. - 더 심각한 상황을 가정해보자. - 이렇게 하면 서버 전체가 다운된다. 사용자에게 에러메시지를 보내고 자시고 없고 서버가 다운되면서 어떠한 처리도 불가능하게 된다. - 이 문제는 setTimeout이 비동기적으로 실행되기 때문이다. 함수 실행은 노드가 유휴상태가 될 때 까지 지연된다. - 노드에서 앱의 안정성을 파악하지 못한다면, 예상하지 못한 예외처리가 불가능하여.. 공감수 0 댓글수 0 2023. 4. 8.
[O'REILLY] Node & Express - 12장 : 실무 환경 1. 실행 환경 - 실행환경이란 ? : 애플리케이션을 실무, 개발, 테스트 모드로 실행하는 방법. - 개발, 실무, 테스트 세가지가 '표준' 환경이며, 스테이징, 연습환경도 만들 수는 있다. - 익스프레스는 실행환경을 지원한다. - app.set('env', 'production') 을 호출해서 실행 환경을 지정할 수 있지만 권장하지 않는다. - 실행환경을 지정할 경우에는 NODE_ENV를 사용하는 것이 더 좋다. - app.get('env')를 호출해서 현재 실행 중인 모드를 보고하게 만든다. - 실무 모드로 바꾸는 방법: 터미널에 이렇게 친다. $ export NODE_ENV=production $ node 파일명 - node 파일명으로 서버를 실행시키면 'Express started in produ.. 공감수 0 댓글수 0 2023. 4. 5.
[O'REILLY] Node & Express - 11장 : 이메일 전송 이메일은 중요한 기능이다. 사용자 등록, 비밀번호 초기화, 이벤트 안내(광고), 사용자 인증 등 여러가지 방면에서 자주 사용된다. 노드/익스프레스에는 이메일 전송 기능이 들어있지 않아, 서드파티 모듈을 사용한다. 여기에서는 노드메일러를 사용한다. 1. SMTP, MSA, MTA - SMTP(Simple Mail Transfer Protocol) : 이메일 전송의 기본은 SMTP이다. 좋은 방법이 아니다. '신뢰할 수 있는' 송신자가 아니라면 이메일이 스팸함으로 가버릴거다. - MSA(Mail Submission Agent) : MSA는 신뢰할 수 있는 채널을 통해 이메일을 전송하는 메일 발송 에이전트이다. 이메일 도착확인 뿐 아니라 일시적인 중단이나 반송같은 문제도 처리할 수 있다. - MTA(Mail .. 공감수 0 댓글수 0 2023. 4. 4.
[O'REILLY] Node & Express - 10장 : 미들웨어 ExpressJS는 앱 그 자체이고, 앱이면서 서버이다. 그리고 모든 것이 미들웨어이다. Express의 핵심이고 앱의 핵심이고 가장 중요한 것이 미들웨어다. 전체 코드 미들웨어의 동작 방식을 이해해야 구조와 설계가 보인다. 1. 미들웨어란 ? - 기능, 구체적으로 애플리케이션으로 들어오는 HTTP 요청 위에서 동작하는 기능을 캡슐화하는 방법이다. - 현실적으로는 요청객체, 응답객체, next() 함수의 세가지 매개변수를 받는 고차함수이다. (에러받는거는 나중에 설명) - 미들웨어는 파이프라인 안에서 실행된다. 순서가 중요하다. - app.use()를 사용해 파이프라인에 미들웨어를 삽입한다. - 파이프라인의 마지막 미들웨어는 이전 라우트와 일치하지 않는 요청을 모두 받는 폴백 핸들러로 만드는 것이 일반.. 공감수 0 댓글수 0 2023. 4. 3.
[O'REILLY] Node & Express - 9장 : 쿠키와 세션 1. 들어가면서 - HTTP는 상태가 없는 프로토콜이다. 상태가 없다는 것은 브라우저에서 어떤 페이지를 불러온 다음, 같은 웹사이트의 다른 페이질 이동할 때 같은 브라우저가 같은 사이트에 방문한다는 사실을 알아낼 방법이 없다는 것이다. - 모든 HTTP 요청에는 서버에서 요청을 수행할 때 필요한 정보가 모두 들어있다는 뜻이다. - 이를 해결하기 위해 '상태'를 보존할 방법이 필요했고, 쿠키와 세션이 등장했다. 2. 쿠키에 대해서 - 사용자가 쿠키 내용을 볼 수 있다. - 사용자가 쿠키를 삭제하거나 금지할 수 있다. : 사용자는 쿠키 전체에 대한 권한이 있다. 사용자가 쿠키를 금지할 경우, 웹앱에서 많은 기능이 제약될 수 있다. - 일반적인 쿠키는 변조될 수 있다. : 서명된 쿠키를 사용해야 한다. - 쿠.. 공감수 0 댓글수 0 2023. 4. 3.
Node-Express 서버에서 CSRF 공격을 방어하는 방법 안녕하세요! 오늘은 Node.js와 Express를 사용하여 구축한 서버에서 CSRF(Cross-Site Request Forgery) 공격을 방어하는 방법에 대해 설명하겠습니다. CSRF 공격은 웹 사이트의 사용자가 자신의 의도와는 무관하게 공격자가 원하는 작업을 수행하도록 만드는 보안 취약점입니다. 이 포스트에서는 CSRF 공격을 방어하는 방법 중 하나인 CSRF 토큰을 사용하는 방법을 소개하겠습니다. 먼저, 필요한 패키지를 설치해야 합니다. csurf 패키지를 사용하여 CSRF 공격을 방어할 수 있습니다. 패키지를 설치하려면 다음 명령어를 실행하세요. npm install csurf 이제 csurf 미들웨어를 사용하여 CSRF 토큰을 생성하고 검증하는 코드 예제를 살펴봅시다. - 위 코드에서는 cs.. 공감수 0 댓글수 0 2023. 3. 31.
[O'REILLY] Node & Express - 8장 : 폼 처리 - 3 (파일 업로드) 1. 파일 업로드 - 멀티파트 폼 처리에 주로 쓰이는 패키지는 버스보이, 멀티파티, 포미더블, 멀터 등이 있다. (채신기술 모름) - 멀티파티와 멀터가 좋다고 하는데 뭐 사용자 나름이다. - 파일 업로드를 활성화하기 위해서는 반드시 enctype="multipart/form-data" 를 사용해야 한다. 예시 - accept 옵션을 통해 파일의 타입을 제한할 수 있다. (실제로 강제하는 것은 아니다) - 이제 서버에서 post요청을 처리해보자. - 멀티파티의 parse 메서드를 사용하여 요청 데이터를 데이터 필드와 파일로 분석한다. - 이 메서드는 파일을 서버의 임시 디렉터리에 저장하며, 그 정보를 files 배열로 반환한다. - 라우트 핸들러에 넘길 정보를 알게 되었으니, 라우트 핸들러를 작성한다. -.. 공감수 0 댓글수 0 2023. 3. 31.
[O'REILLY] Node & Express - 8장 : 폼 처리 - 2 1. express를 이용한 폼 처리 - 폼처리에 GET을 사용하면 필드는 req.query에 들어간다. - 예를 들어 name 속성이 email인 필드를 사용하면 그 값은 핸들러에 req.query.email로 전달된다. - POST를 사용한다면, URL로 인코드된 바디를 분석하는 미들웨어가 필요하다. - npm i body-parser 을 터미널에 적어 body-parser 라이브러리를 설치한다. - express 4.16 부터 body-parser 를 내장하였다. 이젠 설치할 필요 없다. 그래서 별거 없다. 프론트에서 req.body에 json데이터를 담아서 보내면 그냥 그걸 가져다 사용하면 된다. 다음은 AppSam 프로젝트의 한 예시이다. 2. post요청 form 처리의 예시 - req.bo.. 공감수 0 댓글수 0 2023. 3. 30.
[O'REILLY] Node & Express - 8장 : 폼 처리 7장이 왜 없냐면 템플릿에 관한 이야기이기 때문이다. 풀스택을 지향하는 2023을 살아가는 여러분들에게 Pug나 핸들바는 사치다 React Vue Angular같은 CSR-SPA 프레임워크나 NEXT,NUXT등의 SSR 프레임워크, 아니면 그냥 퓨어한 html css js 랑 연결해서 날것의 코딩을 하는 것이 100만배는 도움이 될 것이다. 그래서 8장의 폼처리로 바로 간다. 1. 클라이언트 데이터를 서버에 전송하기 - 데이터를 서버에 보내는 방법은 쿼리스트링을 사용하는 방법과 요청 바디에 담아서 보내는 두 가지 방법이 있다. - 일반적으로 GET요청 시에 조건이 필요할 경우에는 쿼리스트링을 이용하고, 다른 요청에는 바디를 사용한다. - GET요청은 말 그대로 맞는 데이터를 가져오는 건데, 다른 메소드를.. 공감수 0 댓글수 0 2023. 3. 26.
[O'REILLY] Node & Express - 6장 : 응답 객체 - 2 1. API 제공 - API를 제공할 때는 폼 처리와 비슷하게 매개변수는 보통 req.query에 들어있지만, req.body 역시 사용 가능하다. - API에서 다른 점은, PUT, POST, DELETE 등의 HTTP 메서드를 자주 사용한다는 점이다. - '엔드포인트' 라는 용어는 주로 API에서 함수를 가리킬 경우 주로 사용한다. 2. 간단한 예제 - GET요청 - PUT 요청 - DELETE 요청 (원래 이런 식으로 한다) 공감수 0 댓글수 0 2023. 3. 26.
[O'REILLY] Node & Express - 6장 : 응답 객체 1. 응답 객체 - 응답객체는 노드의 핵심 객체인 http.ServerResponse의 인스턴스이다. - 보동 res를 사용한다 res.status(code) - HTTP 상태 코드를 설정한다. - 기본값은 200이며, 200 이외의 상태 코드를 반환할 경우에만 사용하면 된다. - 리디렉트의 상태코드는 301, 302, 303, 307 이지만, 이 메서드보다는 redirect 메서드를 쓰는 것이 좋다. - res.status(404).send('없어요') 처럼 체이닝이 가능하다. res.set(name, value) - 응답 헤더를 설정한다. - 여러가지 헤더를 한번에 설정할 수도 있다. 잘 안쓴다. res.cookie(name, value, [options]), res.clearCookie(name, .. 공감수 0 댓글수 0 2023. 3. 24.
[O'REILLY] Node & Express - 6장 : 요청과 응답 객체 1. URL 프로토콜 - 요청을 어떻게 전송할지 결정한다. - http / https / file / ftp 등이 있다. 호스트 - 호스트는 서버이다. 로컬에 있는 서버는 한 단어 또는 숫자 형태의 IP 주소로 표현된다. - 인터넷에 있는 서버는 .com이나 .net 같은 최상위 도메인으로 끝난다. - 호스트 이름 앞에 서브도메인(www 등)이 있을 수 있다. 포트 - 각 서버에는 숫자 형태의 포트가 있다. 80, 443 같은 일부 포트 번호는 특별한 용도로 쓰인다. - HTTP에서는 80, HTTPS에서는 443이라고 간주한다. (포트 생략 시) - 일반적으로 3000, 8080, 8088 같이 기억하기 쉬운 포트 번호를 쓴다. 1023보다 큰 포트를 써야 한다. - 한 서버에서 포트 번호를 중복으로 .. 공감수 0 댓글수 1 2023. 3. 20.
[O'REILLY] Node & Express - 5-2장 : JEST 실습해보기 1. 제스트 설치와 설정 - 제스트는 훌륭한 범용 테스트 프레임워크이다. - 다른 테스트프레임워크에는 모카, 재스민, 아바, 테이프 등이 있다. - 터미널에 설치한다. npm i --save-dev jest - 여기에서 --save-dev 는 개발 단계에서만 사용하는 패키지라는 뜻이다. - package.json 에 다음과 같이 test를 입력해준다. "scripts": { "test": "jest" }, - 이제 npm test로 실행할 수 있다. 아직은 테스트가 없으므로 오류가 일어난다. 2. 단위 테스트 - 단위 테스트의 핵심은 함수나 구성 요소를 고립시키는 것으로, 이 고립 작업의 테크닉인 '모형'에 대해 알아야 한다. - 모형: 1) 의존하는 패키지가 있으면 그 모형(시뮬레이션)을 만들어야 효율.. 공감수 0 댓글수 1 2023. 3. 13.
[O'REILLY] Node & Express - 5장 : 품질보증 1. 품질보증 1) 예산이 풍부하거나 규모가 큰 경우 - 보통 QA부서가 따로 있고, QA부서와 개발 부서 사이에는 적대적인 공기가 흐른다. - QA는 버그를 많이 찾아야하고, 개발부서는 버그가 적어야 한다. 2) 예산이 빠듯하고 규모가 작은 경우 - 개발 인력이 QA와 소프트웨어 개발을 모두 담당한다. - 개고생한다. 3) 결론 - 개발자도 QA 기술을 갖추는 것도 매우 좋은 경쟁력이다. - 전통적으로 QA 부서에서 담당했던 역량이 개발 쪽으로 넘어오는 추세가 되면서, 개발자들도 QA에 책임 지는 일이 많아졌다. - 이런 상황에서는 QA에 특화된 소프트웨어 엔지니어가 개발자들의 조언가 같은 역할을 하면서 개발 업무에 QA를 넣으 수 있게 돕는다. 2. QA 계획 - QA는 창의적인 과정과 다르게 질서의.. 공감수 0 댓글수 0 2023. 3. 13.
[O'REILLY] Node & Express - 4장 : 디렉터리와 버전 관리 1. 파일과 디렉터리 구조 - 프로젝트 경로의 파일 숫자는 가급적 줄이는 편이 좋다. - 일반적으로 package.json, README.md 디렉터리 이정도 - 소스 코드는 대부분 src에 보관하지만, 간결함을 위해 여기서는 그렇게 하지 않는다. - 어떻게 디렉터리와 애플리케이션을 설계했는지에 따라 README.md 에 마크다운언어로 기록해두면 좋다. - 관습적으로 정해진 것들이 있지만, 애플리케이션의 성격에 따라 효율적으로 관리하는게 근본이다. - App의 DataStructure나 API의 흐름도와는 다를 수도 있다. 다만 그 흐름을 잘 이해할 수 있게 설계하는 것이 중요하다. 나는 이렇게 쓴다. Root backend frontend 2. 버전 관리 - 장점 : 1) 문서화 : 프로젝트의 역사 기.. 공감수 0 댓글수 0 2023. 3. 10.
[O'REILLY] Node & Express - 3장 : 뷰엔진 설정하기 1. 뷰엔진 설정 - 저번 시간에 npm i express-handlebars 설치를 통해 모듈을 설치했으면 다음과 같이 코드를 추가해준다. meadlolark.js - 이 코드는 뷰 엔진을 생성하고 익스프레스에서 이 엔진을 기본값으로 사용한다. - views 디렉토리를 만들고 그 안에 layouts 서브디렉토리를 만든다. - 레이아웃을 사용하면 사이트에 존재하는 모든 페이지에 프레임워크를 제공해 유지보수 지옥을 피할 수 있다. - 이제 템플릿을 만든다. /views/layouts/main.handlebars - {{{body}}} 부분의 표현식은 각 뷰에서 HTML로 바뀐다. - 핸들바 인스턴스를 만들었을 때 defaultLayout: 'main' 으로 기본 레이아웃을 선언했으므로, 따로 명시하지 않는.. 공감수 0 댓글수 0 2023. 3. 8.
[O'REILLY] Node & Express - 3장 : Express 1. 스캐폴딩 - 스캐폴딩(비계, 발판) 이란 루비에서 도입한 개념이다. 프로젝트의 뼈대를 미리 만들어두고, 새 프로젝트를 시작할 때마다 뼈대(템플릿)를 복사하면 된다는 아이디어이다. - 익스프레스는 스캐폴드를 생성하는 유틸리티를 제공한다. - 단, 익스프레스의 스캐폴딩 유틸리티는 서버사이드에서 HTML을 생성하는 방향에 치중해있고, API나 단일페이지 App에는 큰 도움이 되지 않는다. - express-generator 문서에서 확인할 수 있다. 2. 메도라크 여행사 웹사이트 - 이 책에서는 가상의 회사 메도라크 여행사의 웹사이트를 예제로 사용한다. 3. 초기 단계 - 설치 : 터미널에 npm init -y 입력. - package.json 의 entry point(main) : 'meadowlark.. 공감수 0 댓글수 0 2023. 3. 7.
[O'REILLY] Node & Express - 2장 : NodeJS 시작하기 1. 기본지식 - 노드 : nodejs 패키지를 설치할 수 있다. - 터미널 : 터미널을 켜고 끌 수 있으며, cd, npm 등을 활용 할 수 있다. - IDE : 객기 말고 돈 없으면 VScode 쓰자. - npm : 노드 패키지를 위한 패키지 매니저. npm install, -g, -D 등의 옵션과 기본 명령어를 알고 있다. 2. 노드로 만드는 단순한 웹서버 - 웹 서버는 파일이 컴퓨터 어디에 있는지 확인하고 브라우저(클라이언트)에 그 파일을 전송한다. - 노드는 전통적인 웹 서버와는 다른 패러다임을 제시한다. 노드에서는 앱이 곧 웹서버이다. - 이벤트 주도 프로그래밍 : 노드의 배경이 되는 철학이다. 어떤 이벤트가 일어날지, 그 이벤트에 어떻게 반응해야 할지 프로그래머가 이해해야 한다. UI의 클릭.. 공감수 0 댓글수 0 2023. 3. 6.
[O'REILLY] Node & Express - 1장 : EXPRESS에 대하여 2021.05.01. 발행된 오라일리 노드&익스프레스 교과서를 핵심정리하고 복습하기 위한 포스팅이다. 1. 익스프레스 소개와 특징 - 익스프레스는 '웹과 모바일 앱에 빈틈없는 기능을 제공하는, 최소화되고 유연한 노드 웹 어플리케이션 프레임워크' 이다. - 자바스크립트(언어)를 기반으로하는 V8엔진(런타임)을 기반으로하는 NodeJS(서버용런타임)를 기반으로하는 프레임워크가 Express이다. - 특징 1) 최소화 : 유용한 기능을 제공하되, 최소한의 프레임워크를 제공하고, 익스프레스의 기능 중 필요한 것만 추가하고 필요하지 않다면 제거할 수 있도록 도와준다. 2) 유연성 : HTTP요청을 받고, HTTP응답을 반환하는 서버의 궁극적이고 근본적인 역할에 충실한다. 3) 웹 앱 프레임워크 : 익스프레스는 웹.. 공감수 0 댓글수 0 2023. 3. 6.
Express - 5장 : Authentication - 1 (Session-based Auth) 1. Authentication 개요 1. session-based authentication - 로그인 시 cookie를 발행(session id가 적혀있다.) - 요청 시 user의 session id를 보내고 받는다. - 로그인 상태를 서버에 다 저장한다. 2. token-based (JsonWebToken) - JWT (REST원칙에 맞다) - 로그인 시 JSON Web Token을 발행. - 쿠키나 로컬스토리지에 저장. - 요청 시 user의 JWT를 헤더에 포함해서 보내고 받는다. - JWT토큰 유효성 검사 후 보내준다. - 유저의 로그인 상태를 저장할 필요가 없다. 3. Open Authentication(OAuth) - 다른 사이트의 프로필 정보를 가져온다. (구글, 페이스북, 카카오, 애.. 공감수 0 댓글수 0 2023. 3. 3.
Express - 4장 : Mongoose 의 CRUD 1. CRUD란 ? - create - read - update - delete 2. Cheat Sheet Schema 세팅 var mongoose = require("mongoose"); var Schema = mongoose.Schema; var ProductSchema = new Schema({ name: { type: String, required: true }, brand: { type: String, required: false }, order: { type: Schema.Types.ObjectId, ref: "Order" } }); // This creates our model from the above schema, using mongoose's model method var Product.. 공감수 0 댓글수 0 2023. 3. 3.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.