본문 바로가기
반응형

분류 전체보기

 (669)
[2024 Node.js 스터디] 장민우 #5주차 "인생이란" 6장 익스프레스 웹 서버 만들기6.1 익스프레스 프로젝트 시작하기4장, 5장 제대로 공부하셨다면 package.json을 제일 먼저 생성해주셔야 하는 것 다들 아실 겁니다! npm init으로 콘솔에서 단계적으로 내용물을 입력해도 되고npm init -y를 입력해 파일을 만든 뒤 내용을 수정해도 됩니다.사실 저는 npm init 하고 마음에 안 들어서  package.json 들어가서 재작성했어요 ㅎ... 아 그리고 "scripts": {                     "start" : "nodemon app" 까먹지 말고 작성해주셔야 합니다!! nodemon app을 하면 app.js를 nodemon으로 실행한다는 뜻입니다. const express = require('express');const..
[2024 Node.js 스터디] 조상혁 5주차 "Node.js 6 ,7 장" 6장 expressexpress 시작하기 익스프레스를 시작하기 위해서는 package.json이 필요하기에 이를 생성해주는 npm init 을 먼저 입력$ npm init // package.json 생성$ npm i express // 익스프레스 다운$ npm i -D nodemon // 서버 자동 재시작기능 다운 //app.jsconst express = require('express'); // 익스프레스 불러오기const path = require('path'); //path 모듈 불러오기const app = express(); // Express 모듈을 실행해 app 변수에 할당app.set('port', process.env.PORT || 3000); //set을 통해 실행될 포트 설정// 라우..
[2024 Node.js 스터디] 김민서 #5주차 익스프레스 프로젝트 시작하기//package.json{ "name": "learn-express", "version": "0.0.1", "description": "익스프레스를 배우자", "main": "app.js", "scripts": { "start": "nodemon app" }, "author": "ZeroCho", "license": "MIT"}항상 package.json을 제일 먼저 생성해야 한다. npm init 명령어를 사용하기 or 직접 파일 만들기$ npm i express$ npm i -D nodemonscripts 부분에 start 속성은 꼭 넣어야 한다. nodemon app을 하면 app.js를 nodemon으로 실행한다는 뜻이다. 서버 코드를 수정하면 no..
[2024 Node.js 스터디] 김태일 #5주차 06. 익스프레스 웹 서버 만들기익스프레스 : 서버를 제작하는 과정에서 겪게 되는 불편을 해소하고 편의 기능을 추가한 웹 서버 프레임워크- http 모듈의 요청과 응답 객체에 추가 기능 부여- 기존 메서드들 사용가능, 편리한 메서드들 추가해 기능 보완- 코드를 분리하기 쉽게 만들어 관리하기 용이- if문으로 요청 메서드와 주별 구별하지 않아도 됨 06.1 익스프레스 프로젝트 시작하기1) learn-express 폴더 생성2) 항상 package.json 제일 먼저 생성 --> npm init 명령어를 콘솔에서 호출해 단계적으로 내용물 입력 or npm init -y를 입력해 파일을 만든 뒤 내용 수정package.json{ "name": "learn-express", "version": "0.0.1"..
[2024 Node.js 스터디] 김규현 5주차 6. 익스프레스 프로젝트 시작하기 한 폴더안에 package.json, app.js 생성후 코드작성이후 npm start 입력후 localhost3000에 접속해 확인 자주 사용하는 미들웨어 미들웨어는 app.use와 함께 사용되고 app.use(미들웨어)꼴임미들웨어를 통해 요청과 응답에 다양한 기능을 추가할 수 있고, 이미 많은 사람이 유용한 기능들을 패키지로 만들어짐 morganmorgan 연결후 local 콘솔에 나오는 GET / 500 6.358 ms - 50 로그는 morgan 미들웨어에서 나오는 것요청과 응답에 대한 정보를 콘솔에 기록 staticstatic 미들웨어는 정적인 파일들을 제공하는 라우터 역할을 함 body-parser요청의 본문에 있는 데이터를 해석해서 req.body 객체로 만..
[2024 신입부원 기초 스터디] 백채린 #5주차 (Clock_실습) window.onload()- 해당 요소가 완전히 로드되었을 때, 자동으로 호출되는 함수를 지정하는 속성- 웹 페이지에 여러번 사용해도 window.onload() 함수는 하나만 적용 window.onload = () => { console.log("wink");}  Data 객체 - 날짜와 시간을 위한 메소드를 제공하는 빌트인 객체, 생성자 함수• 시간 메소드: getHours(), getMinutes(), getSeconds() ...• 날짜 메소드: getFullYear(), getMonth(), getDate() ... let date = new Date();console.log(date); //현재 날짜 및 시간 출력  innerText: Element의 속성, 해당 Element 내에서 사용..
[WINK 공식 홈페이지] Next.js 백엔드 정리 💫 [backend / 손대현] 서론우리 팀은 기존 Front-End만 존재하는 프로젝트를 엎는 것이 아닌, 기능 추가 및 업데이트 방식으로 프로젝트를 이어나가기로 했다. 일단, 기존 프로젝트의 스펙은 Next.js 13.1.6 버전을 사용하였는데, 2023년 10월 26일에 출시한 Next.js 14 버전으로 업데이트하고자 하였다. Next.js의 전반적인 지식은 백엔드 팀원인 유건 선배님이 작성하신 Next.js 블로그를 꼭 읽어보자.나는 많은 Next.js의 기능 중 백엔드에 집중하여 소개하고자 한다.React의 백엔드Full-Stack Framework 인 Next.js와 다르게 React는 Front-End Framework 이기 때문에 백엔드 코드를 React에서 작성하면 안 된다.물론 억지로 작성할 순 있지만, 보안적인 정..
[2024 신입부원 기초 스터디] 박건민 #6주차 웹 기초 스터디 마무리~ Date 객체날짜와시간(년,월,일,시,분,초,밀리초)을위한메소드를제공하는빌트인 객체, 생성자 함수시간메소드:getHours(),getMinutes(),getSeconds()...날짜메소드:getFullYear().getMonth(),getDate()...  innerText와 innerHTMLinnerText: Element의 속성으로, 해당 Element 내에서 사용자에게보여지는 텍스트 값을 가져오거나 설정 가능innerHTML: Element의 속성으로, 해당 Element의 HTML, XML을 가져오거나 설정 가능// innerText 사용// 스타일 적용되지 않은 기본 폰트로 innerText 출력const innerT = document.getElementById('innerT');innerT...
반응형

티스토리툴바