본문 바로가기 메뉴 바로가기

감자도 개발해요

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

감자도 개발해요

검색하기 폼
  • 분류 전체보기 (147)
    • 일기 (4)
    • 패스트캠퍼스 (13)
      • 과제 (6)
      • 기자단 (7)
    • 백엔드 공부하기 (40)
      • TIL (40)
    • 알고리즘 공부하기 (21)
      • 백준 (13)
      • 프로그래머스 (1)
    • CS (18)
      • 자료구조 (6)
      • 운영체제 (7)
      • 네트워크 (0)
      • 데이터베이스 (5)
    • SQL 공부 (1)
    • Git (3)
    • JAVA (12)
    • Spring boot (17)
      • MSA (1)
    • Spring (2)
    • node js (16)
      • 노드 리액트 기초 (9)
  • 방명록

node js (16)
[express] 따라 배우는 노드 : 기본 설치

1. mkdir 폴더명 -> npm init 통해 설치 2. (terminal) npm install express --save 설치 & index.js 만들어서 코드 작성. const express = require('express') const app = express() const port = 5000 app.listen(port, () => { console.log(`Example app listening on port ${port}`) }); 3. 몽고 DB 연결 : 미리 클러스터 만들어놓기 (terminal) npm install mongoose --save 설치 밑의 코드 삽입. 더보기 에러가 떴어서 밑에 과정으로 해결! https://nebulaisme.tistory.com/18 [expr..

node js/노드 리액트 기초 2023. 4. 29. 17:03
[express] mongoose 와 vs code 실행시 설치 에러 해결방법 / SyntaxError: Unexpected token '?'

문제 상황 install npm mongoose --save 를 통해 설치를 해주었고, require('mongoose') 를 통해 가져왔는데도 불구하고, SyntaxError: Unexpected token '?' 에러가 떴었다. 해결 방법 구글링을 해봐도 저 에러를 겪는 사람들은 안 나왔고, 여러 고민을 해보다가, 내가 쓰는 node js가 버전이 낮아서 그런걸까? 해서 높은 버전으로 업그레이드 해주었다. '도움 받은 블로그' https://cheoltecho.tistory.com/15 node.js와 npm 최신 버전으로 업데이트하기 (window 윈도우) 팀원들과 함께 이번 프로젝트를 시작하기에 앞서 팀원들과 협업을 위해서 npm이랑 node.js의 버전을 같이 맞추는 것이 좋을 것 같아 정리하여..

node js 2023. 4. 29. 15:26
[express] 간단한 웹앱 제작

생활코딩님 강의와 함께 간단한 웹 앱을 제작해 보았다. 1. 기본 세팅 먼저 app_files.js 파일에 express와 post방식을 쓰기 위한 body-parser를 설치해주었다. 포트 번호 지정도 해주었고 listen 메소드 이용하여 연결을 해주었다. db대신 fs(파일) 기능을 쓸 것이기 때문에 fs 모듈도 가져왔다. //간단한 웹앱 제작기 230427, 생활코딩 app_files.js const port = 3000; var express = require('express'); //express 모듈 가져옴. var app = express(); //post 사용하기 위한, body-parser 설치. var body_parser = require('body-parser'); app.use(b..

node js 2023. 4. 28. 12:36
[express] post 방식 이용한 정보의 전달: body-parser 이용

* POST방식은, 비밀번호 같이 개인정보를 전송할 때나, url에 담기 어려울 정도로 많은 양의 데이터를 전송할 때 사용한다. 1) 저 body-parser를 설치를 해야 post 방식을 이용할 수 있다. https://www.npmjs.com/package/body-parser body-parser Node.js body parsing middleware. Latest version: 1.20.2, last published: 2 months ago. Start using body-parser in your project by running `npm i body-parser`. There are 22525 other projects in the npm registry using body-parser...

node js 2023. 4. 27. 18:44
[express] get방식 이용한 정보의 전달 : jade 이용.

1) form.jade 파일 생성 주의할 점 : 들여쓰기 필수, () 괄호 안이 속성값. 2) app.js 작성 3) 결과화면

node js 2023. 4. 27. 18:09
[express] 시멘틱 URL (Clean URL)

출처 : https://en.wikipedia.org/wiki/Clean_URL http://example.com/about.html http://example.com/about http://example.com/user.php?id=1 http://example.com/user/1 http://example.com/index.php?page=name http://example.com/name http://example.com/kb/index.php?cat=1&id=23 http://example.com/kb/1/23 http://en.wikipedia.org/w/index.php?title=Clean_URL http://en.wikipedia.org/wiki/Clean_URL 시멘틱 URL이란 위에 처..

node js 2023. 4. 27. 17:25
[express] Express, URL 을 이용한 정보의 전달, 표현식

* 코드 * app.get('/topic', function(req, res) { var topic = ['Javascript is ...' , 'Node Js is ...', 'Express is ...']; var output = ` // (물결표시) ` 이것을 쓰면 자바스크립트 안에서 html 코드를 작성할 수 있음. Javascript Node Js Express ${topic[req.query.id]} : ${req.query.id} ` res.send(output); }) 1) http:// localhost/ topic?id=1, id=1 -> querystring 이라고 한다. 2) ` (작은따옴표 X, 1옆 물결표시 O) 사용시, 자바스크립트 안에서 변수에 html 코드를 넣을 수 있다...

node js 2023. 4. 27. 16:33
[express] express와 jade 템플릿 연결

1) app.js 파일에 밑의 코드를 삽입한다. 효과 : views 폴더 안에 있는 jade 파일들을 연결 해준다. 2) Template 엔진 동작 방법 res.render('temp') : views 폴더안에 있는 temp.jade 파일을 알아서 랜더링 해주어 웹페이지에 표시해준다. 3) template 엔진 동작 방법 : Jade 문법을 통해 알아보기 a. 프로그래밍 코드 사용시에는 ' - ' 를 문장 앞에 붙여서 사용한다. b. 객체 전달 방법. -> app.js 파일에서 render( { 객체 명: 객체내용} ); 식으로 전달한다.

node js 2023. 4. 27. 15:01
이전 1 2 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • boj
  • TiL
  • 그룹스터디워크샵
  • 야놀자
  • Java
  • 백준
  • 국비지원취업
  • 카카오API
  • 패스트캠퍼스
  • 데이터베이스
  • 자료구조
  • 패스트캠퍼스강의
  • #국비지원취업
  • 백엔드부트캠프
  • 백엔드
  • 국비지원
  • 그룹스터디
  • 자료구조 #스택 #큐 #덱 #선형자료구조
  • qjzl
  • 백엔드개발자
  • 국비지원캠프
  • 채팅기능개발
  • 부트캠프
  • 야놀자X패스트캠퍼스부트캠프
  • 프로젝트후기
  • 스터디후기
  • springboot
  • be
  • 과정중간회고
  • 커리어멘토링
more
«   2025/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바