Edu91 ejs 엔진과 views(html)파일, css 파일 설정 [app.js] // 필요한 도구 import const ejs = require('ejs') // --1 //view엔진(ejs)과 html, css 파일 경로 명시 app.set('view engine', 'ejs') // -- 2 app.set('views', './views') // --3 app.use('pulic', express.statics(__dirname + '/public')); // -- 4 - 설명 -- 1: ejs라는 탬플릿 import -- 2: view파일(html)을 보여줄 때 사용할 엔진, ejs 탬플릿을 명시하는 코드. 확장자는 ejs여야 그림파일로 간주하고 웹 화면에 보여줄 수 있음(ex: index.ejs). -- 3: view파일을 불러올 경로 명시한 코드. -- .. 2021. 11. 28. view, router 기본 설정 [view]: app.js //필요한 도구 import const express = require('express'); const helmet = require('helmet'); // 보안관련도구 const app = express(); app.use(helmet()); //middleware 규칙설정 //설정한 라우터 import const mainRouter = require('./router/mainRouter') app.use('/', mainRouter) //규칙: 주소 접속시 "localhost:3000 + 설정한주소(/) + 설정한라우터"로 들어가야 함 //서버 켜주는 스위치 app.listen(3000, function(req, res){ console.log('서버가 실행되고 있다') .. 2021. 11. 27. node rank - npm rank: 많이 쓰이는 npm 도구 링크 https://gist.github.com/anvaka/8e8fa57c7ee1350e3491 2021. 11. 27. node.js 설치 및 기본 환경설정 1) node.js 다운 (https://nodejs.org/ko/) 2) cmd에서 node -v, npm -v 커맨드를 통해 잘 설치되었는지 확인 3) node.js 프로젝트를 진행할 폴더에서 $ npm init 커맨드 입력 설정이 끝나면 package.json 파일 생성. 해당 파일은 설치된 도구와 프로젝트 내용이 명시되어 있음 npm init 4) 아래 디렉토리 구조로 파일 및 폴더 생성 - model : 데이터베이스 L db.js - views : 화면, HTML 파일 구성 L index.html - router : 주소를 만드는 곳. 실제 주소를 요청하면 어떤 내용이 실행될 지 로직이 작성되는 곳. L mainRouter.js - app.js : 컴퓨터의 스위치, 서버를 실행시키는 시작점. -.. 2021. 11. 27. JS의 format - python의 formatting 문법처럼 javaScript도 formatting 문법이 존재 2021. 11. 17. !important: 부트스트랩 설정값보다 내 설정값 우선 적용 - 부트스트랩을 사용하여 프론트 구현하는데, 부트스트랩이 설정해 놓은 속성값보다 내가 설정한 설정값을 우선 적용하고 싶을 때 사용하는 속성값. .list-group-item { border: none !important; border-bottom: 1px solid #eee !important; } 2021. 11. 17. bootstrap과 Materialize Lite - HTML과 CSS로 플랫폼을 만들기에는 시간이 너무 오래 걸리므로 이를 단축시키기 위해 미리 기본 레이아웃과 디자인을 제공해주는 외부 도구가 존재 - Bootstrap과 Materialize Lite 가 바로 그것. - bootstrap은 트위터에서 만들었으며 head에 CSS와 자바스크립트 제공 링크를 가지고 와야 사용 가능함. - Bootstrap과 Materialize Lite는 서로 느낌이 다르므로 선호에 따라 사용하면 됨. 2021. 11. 15. [CSS]class와 id 지정없이 속성값 부여 예로 들어 부모 태그가 p이고 자식 태그가 span일 경우 아래처럼 작성시 속성값 부여 가능 p > span { color: red; } 또는 부모 태그가 p이고 자식 태그가 title이라는 class를 가진 경우 아래처럼 작성시 속성값 부여 가능 p > .title { color: red; } 2021. 11. 15. [CSS] 모든 선택자에 동일한 속성값을 부여하고 싶을 때 모든 선택자에 동일한 속성값을 부여하고 싶을 떄. *는 모든 선택자를 지칭함. 따라서 아래와 같이 코드를 작성하면 모든 선택자에게 동일한 속성값이 반영됨. * { font-family: 'Poor Story', cursive; } 2021. 11. 15. 기초 명령어: cd, mkdir, rm, touch - 리눅스는 리누스 토르발스(리누스 토발즈)가 만듦 - 리누스 토발즈는 git도 만듦 - ls - ls -al: list all - mkdir : make directory - cd : change directory - touch : create file - cd ..: 뒤로 가기 느낌. 현 디렉토리에서 상위 디렉토리로 이동 - rm -rf : remove file or directory - ls # list all - ls -al # make directory - mkdir # change directory - cd # create file - touch # 뒤로 가기 느낌. 현 디렉토리에서 상위 디렉토리로 이동 - cd .. # remove file or directory - rm -rf 2021. 11. 14. [알고리즘] Queue * 학습 내용 - 큐 정의 - 큐 구조 - 파이썬 queue 라이브러리 종류 - 큐 생성 실습 1) 큐 : 가장 먼저 넣은 데이터를 가장 먼저 꺼내는 구조(FIFO) 2) 큐의 구조 : 줄을 서는 행위와 비슷. 3) 파이썬 queue 라이브러리 - Queue():가장 일반적인 큐 구조 - LifoQueue():나중에 입력된 데이터가 먼저 출력되는 구조 - PriorityQueue(): 데이터마다 우선순위를 넣어서 우선순위가 높은 순으로 데이터 출력 4) 큐 실습(파이썬 queue 라이브러리 사용) 1) Queue # 라이브러리 임포트 import queue # 객체 생성 data_queue= queue.Queue() # 데이터 input data_queue.put("funcoding") data_queu.. 2021. 11. 13. Django 설치 및 프로젝트 생성 * 학습 목표 - 가상환경 생성 및 필요 라이브러리 설치 - 장고 프로젝트 생성 - app 생성 - 설정 변경 - DB생성 - 관리자 계정 생성 - 서버 실행- python manage.py 명령어 정리 1. 가상환경 생성 및 필요 라이브러리 설치 가상환경 생성 후 python, django, jupyter notebook 라이브러리 설치 # 가상환경 django(가상환경명은 임의 지정) 생성 conda create -n django python=3.8 # 가상환경 django 실행 conda activate django # django 설치 pip install django # jupyter notebook 설치 pip install jupyter notebook 2. 장고 설치 1) 먼저 프로젝트를 .. 2021. 10. 6. 이전 1 2 3 4 5 6 7 8 다음
