본문 바로가기

기타 프로그램40

그림판으로 모자이크 하는 방법 마땅하게 사진 편집 프로그램이 없다면 그림판에서 간단하게 모자이크 처리를 할 수 있다 편집 프로그램이 무거워서 로딩 시간이 오래 걸리거나 편집할 사진이 많이 없다면 사진 한 장 정도는 그림판으로 처리할 수 있어서 좋은 것 같다 1. 그림판에 모자이크 처리할 사진을 붙여 넣는다 2 -1. 선택을 눌러 모자이크 처리를 원하는 곳 영역에 드래그한다 2 -2. 드래그한 영역을 축소한 뒤 다시 원래 크기로 당기면 효과가 적용된다 3. 더 큰 효과를 내기 위해서는 축소한 영역을 더 작게 해 주면 모자이크 효과를 더 낼 수 있다 비교 축소한 영역이 작을수록 효과가 크게 들어가진 걸 확인할 수 있다 간단하게 그림판으로 모자이크 기능을 구현했다 2022. 3. 29.

npm yarn 명령어 차이 npm은 Node.js 설치될 때 같이 설치되지만 yarn은 별도로 설치해줘야 한다 npm install -g yarn 패키지 생성 : npm init - yarn init 패키지 업로드 : npm publish - yarn publish 패키지 설치 : npm install [패키지명] - yarn add [패키지명] 패키지 삭제 : npm uninstall [패키지명] - yarn remove [패키지명] 패키지 업그레이드 : npm update [패키지명] -yarn upgrade [패키지명] 패키지 정보 조회 : npm info [패키지명] - yarn info [패키지명] 현재 패키지의 dependencies 조회 : npm list - yarn list 2022. 3. 3.

Node.js DB 데이터 추가, 수정, 삭제 2022.02.28 - [기타 프로그램] - Node.js seed 데이터 넣기, 모델과 테이블 연동, 정보 조회( findAll ,findOne) 이전 포스팅에 이어서... row 추가하기 app.js app.post('/api/members', async (req, res) => { const newMember = req.body; const member = Member.build(newMember); await member.save(); res.send(member); }); test.http POST http://localhost:3000/api/members Content-Type: application/json { "id": 3, "name":"Kim", "team": "enginnering".. 2022. 2. 28.

Node.js seed 데이터 넣기, 모델과 테이블 연동, 정보 조회( findAll ,findOne) seed 데이터: 서버가 시작할 때 가지고 있어야 하는 데이터를 DB에 추가 가장 처음에 넣는 데이터 seed 파일 생성 - npx sequelize seed:generate --name initialMembers initialMembers라는 seed파일을 생성한다 seeders 파일안에 js파일이 생성되는데 'use strict'; module.exports = { async up (queryInterface, Sequelize) { await queryInterface.bulkInsert('Members', [{ id: 1, name: "Zake", team: "Engineering", position: "Android Developer", emailAddress: "zake@google.com",.. 2022. 2. 28.

Node.js 모델과 테이블 생성하기 이미 MySQL이 설치되어있다는 가정하에 포스팅입니다. 1. npm install mysql2 sequelize sequelize-cli 2. npx sequelize init 3. npx sequelize db:create --env development (development는 개발환경으로 설정하겠다는 의미) config 파일이 만들어지면 해당 파일을 수정한다 development의 password를 연결할 db username과 password로 입력하고 database 이름은 원하는 걸로 바꿔서 저장한다 모델과 데이터 생성하기 sequelize에서는 DB하나의 테이블이 자바스크립트 코드에서 하나의 클래스에 대응 4. npx sequelize model:generate --name Member --.. 2022. 2. 25.

Node.js 웹 서버 라우팅 하기(2) - 라우팅: 요청이 들어온 url에 따라 서버가 다르게 처리하는 것 const http = require('http'); users = ['Kim','Lee','Yoo'] //Arrow Function으로 변경 const server = http.createServer((request,response) => { // response.end('Hello World'); if (request.url === '/'){ response.end(' Welcome! ') }else if(request.url === '/users'){ response.end(` ${users} `); }else{ response.end('Page Not Available') } }); server.listen(3000); 요청된 u.. 2022. 2. 24.

Node.js로 웹서버 만들기(1) 실행 환경 - visual studio code 2022.01.19 - [기타 프로그램] - Visual Studio Code 설치하기 - Node.js 설치 완료 2021.07.05 - [기타 프로그램] - 윈도우10에서 Node.js&npm설치하기 1 2 3 4 5 6 7 const http = require('http'); let server = http.createServer(); }); // 포트 번호를 지정하고 외부 요청 기다림 server.listen(3000); cs main.js에 위 코드를 실행한다( 터미널 창에서 node main.js 입력) 이렇게 하고 웹브라우저에서 127.0.0.1:3000을 접속하면 계속 로딩 중이라고 뜬다 그 이유는 서버가 클라이언트에 대한 응답이 정의되어 .. 2022. 2. 24.

[git] GitHub Desktop 으로 프로젝트를 더 간편하게 사용 GitHub Desktop Simple collaboration from your desktop desktop.github.com 위의 링크로 들어가서 Download for Windows(64bit)를 눌러준다 다운로드 폴더에 파일이 다운되면 설치해보자 Sign in to GitHub.com을 눌러 로그인 github페이지에 미리 로그인되어있었더니 자동으로 연결이 되었다 Name 이랑 Email이 맞는지 확인하고 Finish를 눌러준다 작업하고 싶은 레파지토리를 선택하면 Clone 버튼이 활성화되고 버튼을 누르면 github에 올려진 레파지토리 url이랑 그 프로젝트를 다운받아서 내 컴퓨터에서 작업할 Local Path를 선택한다 코드를 수정하고 저장하면 자동으로 변경된 파일이 GitHub Deskto.. 2022. 2. 23.

Visual Studio Code 설치하기 Java 및 웹 개발을 사용할때 편리한 IDE라서 자주 사용하는 Visual Studio Code를 설치 1. https://visualstudio.microsoft.com/ko/downloads/ Visual Studio Tools 다운로드 - Windows, Mac, Linux용 무료 설치 Visual Studio IDE 또는 VS Code를 무료로 다운로드하세요. Windows 또는 Mac에서 Visual Studio Professional 또는 Enterprise Edition을 사용해 보세요. visualstudio.microsoft.com 2. Visual studio Code 선택 - 자신의 컴퓨터 환경에 맞게 선택 3. 선택하면 파일이 다운로드 받아진다 4. 설치할 경로 선택하여 설치완료 .. 2022. 1. 19.

이전 1 2 3 4 5 다음

티스토리툴바