NewBean의 웹과 콩나무
close
프로필 배경
프로필 로고

NewBean의 웹과 콩나무

  • 분류 전체보기 (499)
    • Programming Language (87)
      • Java (65)
      • C (4)
      • Python (16)
      • R (2)
    • UI & UX (4)
      • Figma (4)
    • Front-End Study (193)
      • HTML+CSS (34)
      • HTML 사전 (6)
      • CSS 사전 (14)
      • Sass (6)
      • 반응형 웹 (8)
      • JavaScript (52)
      • TypeScript (8)
      • React (29)
      • Next.js (9)
      • Angular (1)
      • Vue.js (23)
      • Vite (2)
      • Node.js (1)
    • Back-End Study (101)
      • DBMS (28)
      • Linux (43)
      • Git & GitHub (15)
      • Express (7)
      • Postman (4)
      • REST API (2)
      • PHP (0)
      • Grafana (2)
    • Computer Science (14)
    • 정보처리기사 (76)
      • 1. 요구사항 확인 (1)
      • 2. 화면 설계 (1)
      • 3. 데이터 입출력 구현 (1)
      • 4. 통합 구현 (1)
      • 5. 인터페이스 구현 (1)
      • 6. 프로그래밍 언어 활용 (1)
      • 7. SQL 응용 (1)
      • 8. 서버 프로그램 관리 (1)
      • 9. 소프트웨어 개발 보안 구축 (1)
      • 10. 애플리케이션 테스트 관리 (1)
      • 11. 응용 SW 기초 기술 활용 (1)
      • DB (65)
    • 잡다한 말 (6)
    • 기타 (5)
    • 내가 읽은 책 (5)
    • 없어진 글모음 (7)
  • 홈
  • 방명록
  • 깃허브
  • 포트폴리오
DB 연동하기

DB 연동하기

DB 연동하기 1. DB 연동하기 - Express.js에 sql로 데이터베이스를 연동해봅시다. - #1. SQLyog에 들어가서 먼저 다음과 같이 입력하여, 데이터베이스를 생성합니다. ※ SQL에 관한 공부는 여기로! CREATE DATABASE wise_saying; USE wise_saying; - #2. wise_saying라는 테이블을 생성하고 show tables를 입력하여 제대로 생성 되었는지 확인해봅시다. CREATE TABLE wise_saying ( id INT UNSIGNED NOT NULL PRIMARY KEY AUTO_INCREMENT, regDate DATETIME NOT NULL, content VARCHAR(200) NOT NULL, author VARCHAR(50) NOT ..

  • format_list_bulleted Back-End Study/Express
  • · 2023. 11. 23.
  • textsms
Express로 JSON 응답 받기

Express로 JSON 응답 받기

Express로 JSON 응답 받기 1. Express로 JSON 응답 받기 - Express.js를 통해 JSON을 응답받아 봅시다. - #1. app.js에 다음과 같이 입력합니다. import express from "express"; const app = express(); const port = 3000; const wiseSayings = [ { content: "나는 의적이다.", author: "홍길동", }, { content: "나는 도적이다.", author: "임꺽정", }, ] app.get("/wise-sayings", (req, res) => { res.json(wiseSayings); }); app.listen(port, () => { console.log(`Example a..

  • format_list_bulleted Back-End Study/Express
  • · 2023. 11. 22.
  • textsms
Express.js 설치

Express.js 설치

Express.js 설치 1. Express.js 설치 - Express.js를 설치해 봅시다. (자세한 내용은 Express 사이트를 참조.) - #1. 먼저 폴더를 생성한 뒤, VS Code로 들어가서 npm i express를 입력하여, express를 설치합니다. - #2. (선택) 파일들이 생성 되었으면, package.json에 들어가 "type" : "module"을 입력합니다. → 모듈을 가져올 때, import를 사용하기 위해 입력하였습니다. - #3. 생성했던 폴더에 app.js 파일을 생성한 뒤, 다음과 같이 입력합니다. import express from "express" const app = express() const port = 3000 app.get('/', (req, res..

  • format_list_bulleted Back-End Study/Express
  • · 2023. 11. 22.
  • textsms
Express.js

Express.js

Express.js 0. 공부하기 전 - Express.js를 공부하기 전에, Express.js가 어떤 것이고, 무슨 특징이 있는지 먼저 알아봅시다. 1. Express.js - Express.js는 Node.js 환경에서 웹 애플리케이션 및 API를 개발하기 위한 웹 프레임워크입니다. - Node.js의 기능을 확장하고, 웹 애플리케이션을 구축하고 관리하는 데 도움이 되는 다양한 기능을 제공합니다. 2. 특징 및 기능 - 라우팅(Routing) -URL 경로 및 HTTP 메소드를 기반으로 라우팅을 지원합니다. ※ 라우팅 : 웹 애플리케이션에서 클라이언트의 요청에 따라 어떤 코드가 실행되어야 하는지 결정하는 프로세스 - 이를 통해, 요청이 특정 엔드포인트로 전송되는 방식을 정의할 수 있습니다. - 미들..

  • format_list_bulleted Back-End Study/Express
  • · 2023. 11. 22.
  • textsms
사용자 계정 생성 및 삭제

사용자 계정 생성 및 삭제

사용자계정 생성 및 삭제 1. 사용자 계정 생성 및 삭제 - 예전에 만든 계정이 존재하여, 다시 공부할 겸, 확인한 후, 삭제하고 다시 생성해보겠습니다. - #1. xampp 프로그램에 들어간 후, shell을 클릭하여 접속합니다. - #2. shell에 mysql -u root -p를 입력하여 root로 접속합니다. (초기 비밀번호를 생성하지 않았다면, 엔터를 누릅니다.) → 그러면 Welcome to the monitor이라고 나옵니다. - #3. 여기서 use mysql; 입력 후, select host, user from user; 라고 입력합니다. → 그러면 예전에 생성했던 계정이 있습니다. - #4. DROP USER 유저명@서버명을 입력하여 계정을 삭제합니다. → 입력해보니 에러가 발생했네요..

  • format_list_bulleted Back-End Study/DBMS
  • · 2023. 11. 20.
  • textsms
도커 이미지 생성

도커 이미지 생성

도커 이미지 생성 1. 도커 이미지 생성 - #1. 실행중인 컨테이너를 이용해 이미지 제작 - docker commit 대상컨테이너 이미지명:태그 (ex)docker commit db1 mydb:1.0) - #2. Dockerfile 생성 - vim Dockerfile 입력 후, 다음과 같이 작성 FROM nginx RUN ["mkdir", "/test"] RUN ["mkdir", "-p" ,"/web/site1/public"] COPY ./html /web/site1/public COPY ./conf /etc/nginx/conf.d - #3. 도커 이미지 빌드 - docker build -t 이미지명:태그명 도커파일 경로 (docker build -t myimg:1.0 /home/user1/work/n..

  • format_list_bulleted Back-End Study/Linux
  • · 2022. 10. 6.
  • textsms
  • navigate_before
  • 1
  • ···
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • ···
  • 17
  • navigate_next
공지사항
  • 문의 (juv6262@naver.com)
전체 카테고리
  • 분류 전체보기 (499)
    • Programming Language (87)
      • Java (65)
      • C (4)
      • Python (16)
      • R (2)
    • UI & UX (4)
      • Figma (4)
    • Front-End Study (193)
      • HTML+CSS (34)
      • HTML 사전 (6)
      • CSS 사전 (14)
      • Sass (6)
      • 반응형 웹 (8)
      • JavaScript (52)
      • TypeScript (8)
      • React (29)
      • Next.js (9)
      • Angular (1)
      • Vue.js (23)
      • Vite (2)
      • Node.js (1)
    • Back-End Study (101)
      • DBMS (28)
      • Linux (43)
      • Git & GitHub (15)
      • Express (7)
      • Postman (4)
      • REST API (2)
      • PHP (0)
      • Grafana (2)
    • Computer Science (14)
    • 정보처리기사 (76)
      • 1. 요구사항 확인 (1)
      • 2. 화면 설계 (1)
      • 3. 데이터 입출력 구현 (1)
      • 4. 통합 구현 (1)
      • 5. 인터페이스 구현 (1)
      • 6. 프로그래밍 언어 활용 (1)
      • 7. SQL 응용 (1)
      • 8. 서버 프로그램 관리 (1)
      • 9. 소프트웨어 개발 보안 구축 (1)
      • 10. 애플리케이션 테스트 관리 (1)
      • 11. 응용 SW 기초 기술 활용 (1)
      • DB (65)
    • 잡다한 말 (6)
    • 기타 (5)
    • 내가 읽은 책 (5)
    • 없어진 글모음 (7)
최근 글
인기 글
최근 댓글
태그
  • #Python
  • #react
  • #JavaScript
  • #DBMS
  • #html+css
  • #Java
  • #리눅스
  • #Git & GitHub
  • #정보처리기사
  • #Vue.js
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바