많고 많은 코딩블로그중 하나

잡담오늘은 Node.js 설치방법에 대해서 알아보도록 하겠습니다. 요즘은 따로 Path설정을 안 해도 자동으로 설정되는 것들이 많이서 크게 설정할 게 없습니다. 설치하고 기본적인 코드 실행시키는 방법까지 진행해 보도록 하겠습니다. 1. Node.js 홈페이지https://nodejs.org/en Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org위에 있는 링크를 타고 Node.js 다운로드 홈페이지로 이동합니다.홈페이지에 들어가면 아래 Download Node.js(LTS) 를 클릭하여 다운로드를 합니다. 2. 설치 실행다운로드한 SETUP파일을 ..

잡담오늘은 React를 이용해서 간단한 컴포넌트를 생성해 보겠습니다. 해당내용은 React를 이용해서 웹디자인 기능사에서 가장 기초적인 부분을 코드로 작성하면서 컴포넌트의 개념을 익히는데 도움을 줄 수 있을 거 같습니다. 뒤에 가면 props를 통해서 데이터값도 출력하고 하지만 지금은 정말 기본적인 것만 해보도록 하겠습니다. 컴포넌트 기반 아키텍처(Component-Based Architecture):React는 애플리케이션을 여러 개의 작은, 독립적인 컴포넌트로 나눌 수 있게 합니다.각 컴포넌트는 자체적인 상태와 로직을 가지며, UI의 특정 부분을 담당합니다.컴포넌트를 재사용하고 조합하여 복잡한 사용자 인터페이스를 구성할 수 있습니다.1. App.js주어진 코드는 React 애플리케이션의 메인 컴포넌트..

잡담앞서서 node.js를 이용해서 GET / POST/ PUT / DELETE방식을 통해서 메모리에 데이터를 입력, 수정, 삭제하는 방법을 배웠는데요, 이번에는 DB에 연결해서 DB에서 값을 찾아오고, 수정하고, 삭제하는 코드를 배워보도록 하겠습니다. 기본적으로 Query문은 비슷하며 해당 쿼리에 들어가는 변수를 잘 지정해 주면 어려울 거 없이 DB와 연결하여 사용할 수 있습니다.1. 모듈 임포트 및 서버 설정const express = require('express')const app = express()const port = 3000const db = require('./config/db.js')express: Express 프레임워크를 임포트합니다. Express는 웹 애플리케이션과 API를 쉽게..