목록전체 글 (22)
꼬물꼬물 개발자
// 모든 게시글 목록 조회 const articles = await db.Article.findAll(); // 신규 게시글 등록처리 const registedArticle = await db. Article.create(article); // 기존 게시글 정보 수정처리 const updatedCnt = await db.Article.update(updateArticle,{ where: {article_id : articleId} }); // 기존 게시글 삭제처리 const deletedCnt = await db.Article.destroy({ where: {article_idx:articleId } }); // 단일 게시글 정보 조회 const article = await db.ArticlefindO..
1. Sequelize 설치 > npm i sequelize mysql2 > npm i -g sequelize-cli (한번만) > sequelize init config migrations models seeders 2. MySQL DB 스키마 생성 SCHEMAS 탭에서 우측마우스 클릭 Create schemas 선택 -Name 입력 -utf8mb4 / utf8mb4_unicode_ci 선택 -> CREATE SCHEMA `gowoon_chat` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci ; 3. dotenv 설정 및 DB 연결 .env 파일 생성 > npm i dotenv # 포트설정 PORT=3001 #개발환경 포트 : bin/www pro..
1. EJS란? - Embedded JavaScript Templates의 약어 - Node 뷰 템플릿 엔진 모듈 : 서버에서 DB 또는 API에서 가져온 데이터를 미리 정의된 Template에 넣고, html을 그려서 클라이언트에 전달해주는 역할 ( Pug View Engine, EJS View Engine) - 기존 방식의 개발언어에서는 html과 script 태그가 분리되어 있어 script를 html 에 적용하기 어려운 단점이 있음 - EJS는 html 문서에 Javascript 내용을 삽입이 가능하다는 장점으로 페이지를 동적으로 짜는 것이 기존보다 용이해짐 - 또한 서버에서 보낸 변수를 가져와 사용할 수 있다는 장점이 있음 2. EJS 설치 1) Node express 패키지 설치 시 ejs 설..
데이터 출력 - 라우팅 메서드에서 뷰에 전달된 데이터 출력 if 가정문 안녕하세요. 안녕히가세요. for 반복문 번째 이름은 나이는 입니다. 입력 요소 데이터 전달 router.get('list',async(req,res,next) =>{ const channels = [ { channel_id:1, channel_name:"채널1" }, { channel_id:1, channel_name:"채널1" } ]; res.render('chnnel/list.ejs',{channels:channels}); });
1. 회원가입 페이지 만들기 1) 새 router 생성 routes > member.js 생성 2) view 파일 생성 view > member > entry.ejs 생성 3) 라우터 파일 참조 및 호출주소 체계 정의 app.js 라우터 파일 참조 추가 var memberRouter = require('./routes/member'); app. js에서 호출주소 체계 정의 추가 / / http://localhost:3000/member app.use('/member', memberRouter); 1) > 2) > 3) 단계 4) 웹페이지 구현 http://localhost:3000/member/entry 2. 로그인 페이지 만들기 1) routes > member.js 추가 2) view > member..
1. express 프로젝트 생성 프로젝트명 : node02 > express node02 --view=ejs 2. 프로젝트 모듈 설치 > cd node02 > npm i 3. start 설정 및 실행 "start" : "nodemon ./bin/www" 수정 > npm start 4. routes의 index.js 파일 체계 5. 라우팅 메소드 구현 6. views 파일 생성 7. app.js에서 라우터 파일 참조 및 호출주소 체계 정의 8. 웹페이지 실행 확인 http://localhost:3000/sample
Branch 전략이란? Branch는 "분기"라는 뜻으로, 코드 작성을 위한 별도의 작업공간을 제공하는 수단으로 사용됨 일반적으로 브랜치를 사용하면 다른 개발자의 분기에 영향을 주지않고 분리된 기능으로 관리되어, 최종 작업 완료시 메인(마스터) 브랜치에 병합이 가능 즉 브랜치 전략은 소프트웨어 개발 팀이 코드를 작성, 병합 및 배포할 때 채택하는 전략을 의미 Branch 전략의 목표 - 개발자 간의 적절한 조정을 통해 생산성을 향상 - 병렬 개발 체제를 활성화 - 계획적, 구조적 릴리스 단계를 구성 - 개발 워크플로를 방해하지 않으면서 문제를 신속하게 수정, 변경 가능하도록 함 Git Branch 전략이란? 프로젝트의 Git 브랜치를 효과적으로 관리하기 위한 워크플로우 Git 브랜치를 전략유형 4가지 :..
#1. Node Express Node 기반의 오픈소스 웹서버 프레임워크 라이브러리 express-generator 패키지는 전역으로 최초 한번 설치 > npm i -g express-generator Node Express 기반 노드 웹 프로젝트 생성 - MVC 패턴 기반의 물리적 노드 웹 프로젝트 생성 및 샘플 코드 자동 생성 - 프로젝트 생성시 ejs 기반의 view 제어 엔진 기술로 프로젝트 생성 > express 프로젝트명 --view=ejs 생성된 프로젝트 경로로 이동 프로젝트 실행에 필요한 node_modules 패키지 일괄 복원설치 > cd 프로젝트명 > npm i nodemon 개발지원 패키지 기반 실행하기 소스 수정 및 반영 시 노드 어플리케이션의 실행과 종료를 자동으로 관리해 주는 개..
# 1. Node Framework 설치 Node 프로그램 설치 - https://nodejs.org/ko/ - 최신버전 LTC(Long Term Support) 버전 설치 VSCode 개발 툴 설치 - https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and..