프로그래밍13

• 

  텍스트가 div 범위 밖으로 나가는 현상 은근히 신경쓰이는 텍스트가 div 범위 밖으로 나가는 현상 이코드를 통해 해결 word-break:break-all; 이거 넣으면 줄바꿈으로 전환 프로그래밍 2022. 9. 8.

• 

  Nodejs 현재시간 data-utils 설치 사용법 Nodejs 현재시간 data-utils 설치 사용법 nodejs 에서 현재 시간을 받아오려면 date-utils 가 필요하다. npm install date-utils require('date-utils'); var newDate = new Date(); var time = newDate.toFormat('YYYY-MM-DD HH24:MI:SS'); 이런식으로 사용했다. 추가로 var newDate = new Date(); var time = newDate.toFormat('YYYY-MM-DD HH24:MI:SS'); console.log(time) var data = { time: time, }; dataArr.push(data); fs.writeFileSync(dataPath, JSON.string.. 프로그래밍 2022. 8. 30.

• 

  node-cron을 이용한 NodeJS 스케줄러 설정 node-cron을 이용한 NodeJS 스케줄러 설정 Cron은 유닉스 계열 컴퓨터 운영 체제의 시간 기반 Job 스케줄러입니다. 소프트웨어 환경을 설정하고 관리하는 사람들은 작업을 고정된 시간, 날짜, 간격에 주기적으로 실행할 수 있도록 스케줄링하기 위해 cron을 사용합니다. node-cron 사용 방법 node-cron 설치 npm을 사용하여 node-cron 모듈을 설치합니다. --save 옵션을 사용하면 package.json에 해당 모듈을 추가할 수 있습니다. npm install --save node-cron node-cron 사용 설치가 완료되면 해당 NodeJS 프로젝트에서 node-cron 모듈을 사용할 수 있습니다. 테스트를 위해 NodeJS 프로젝트의 app.js 파일이나 index.. 프로그래밍 2022. 8. 30.

• 

  HTML DIV 태그 두개의 영역(그림, 글자, 광고 등) 그리기 이렇게 박스를 두개 나란히 놓으려면 어떤 테그를 써야할까 고민할때 찾아본 태그 스타일을 적용해서 만들어 봤습니다. NOW 이슈 검색어 HOT 인기 검색어 프로그래밍 2022. 8. 30.

• 

  카페24 노드호스팅 bin 폴더 인식 못한다. 카페24 노드호스팅 bin 폴더 인식 못한다. 바로 503에러 뜨는데 우연히 지나가다가 아래 글을 본기억이있어 다시 구글검색을해봤는데 역시나 ... 그냥 폴더밖에 두면 된다. express -generator로 프로젝트를 생성하면 이런 구조의 폴더가 생긴다. 여기서 구조조정을 좀 해줘야 한다. bin폴더에 들어가면 www라는 파일이 있는데, 이 파일을 web.js로 바꿔줘야한다. 왜냐하면 카페24 nodeJS 앱 기본실행 파일명은 web.js이기 때문이다. 그리고 해당 파일을 열어서 포트를 수정해준다. 이제 bin폴더는 삭제해도 된다. web.js 파일을 밖으로 꺼낸 다음 bin폴더는 삭제하도록 하자. 카페24호스팅을 하면서 느낀 것인데 이것저것 짜잘한 부분에서 카페24가 인식을 못하는 부분이 있다. 근.. 프로그래밍 2022. 8. 26.

• 

  cafe24 Node.js 호스팅 사용시 503에러 error 해결방법 cafe24 Node.js 호스팅 사용시 503에러 error 해결방법 카페24는 이 설명을 하나더 추가해 둬야한다. 경로설정! 로컬에서 작업할때랑 호스팅서버에 올릴때 경로가 달라서 json 파일을 로드 못해서 발생한 에러였다. 프로젝트를 지우고 다시만들고 단계별로 진행해봤다. 그냥 hello 출력은 잘되는데 json파일만 넣으면 안되는 거였다 구글검색을 통해 경로를 수정해야한다는걸알았다 https://iamdaeyun.tistory.com/entry/cafe24-Nodejs-%ED%98%B8%EC%8A%A4%ED%8C%85-%EC%82%AC%EC%9A%A9%EC%8B%9C-503%EC%97%90%EB%9F%AC-error-%ED%95%B4%EA%B2%B0%EB%B0%A9%EB%B2%95 cafe24 N.. 프로그래밍 2022. 8. 25.

• 

  노드 와 리액트 동시에 실행하기 설정 노드 와 리액트 동시에 실행하기 설정 프로젝트 시작할때 기본적으로 설정해줘야 할 부분중 하나입니다. 서버만 개발하면 필요없습니다. 리액트로 프론트에 보내기위해서 동시에 작업해야하는데 하나하나 껐다 켰다 힘들어요 이렇게 설정해주면 명령어 한번에 실행되고 수정하고 새로고침하면 수정되는 걸 확인가능합니다. 우선 프로젝트의 루트 폴더에서 concurrently package를 설치해줍니다. -D는 devDependencies에 설치한다는 것을 뜻합니다. package.json 파일을 보면 다음과 같이 설치된 것을 확인할 수 있습니다. 이제 package.json의 script를 수정해줍시다. npm run server 를 입력하면 nodemone server가 실행 npm run client 를 입력하면 cli.. 프로그래밍 2022. 8. 25.

• 

  Nodejs 노드 스크래핑(크롤링) 소스 보기 Nodejs 노드 스크래핑(크롤링) 소스 보기 노드앱을 만들고 실행해보세요. npm run start const axios = require('axios'); const cheerio = require('cheerio'); const log = console.log; const getHtml = async () => { try { return await axios.get('https://jgun.tistory.com/50'); } catch (error) { console.error(error); } }; getHtml() .then((html) => { const $ = cheerio.load(html.data); const data = { mainContents: $('#content > div.in.. 프로그래밍 2022. 8. 24.

• 

  카페24 노드호스팅 정리 nodejs 사용법 설치 실행 카페24 노드호스팅 정리 nodejs 사용법 설치 실행 처음해봤습니다. 시행착오 끝에 성공하고 정리 하려고 합니다. 일단 1년으로 만원정도 호스팅+설치비용 사용했고 재밌는 놀이를 해보려고합니다. Nodejs 사용법 설치 실행 카페24 가입하고 노드호스팅 가입을 합니다. publickey 를 생성합니다. (git bash 설치해야합니다) 상세보기 명령어 : ssh-keygen -t rsa -C "키 명칭" 비밀번호를 설정합니다. 경로를 찾아가 id_rsa.pub 파일의 내용을 붙여넣습니다. 카페24 노드호스팅 nodejs public key 설정 방법 Windows에서 git 및 node.js 모듈 설치하기. public key 생성하기 카페24 노드호스팅 public key 설정 방법 1. git란? 카.. 프로그래밍 2022. 8. 24.

• 

  카페24 노드호스팅 nodejs public key 설정 방법 Windows에서 git 및 node.js 모듈 설치하기. public key 생성하기 카페24 노드호스팅 public key 설정 방법 1. git란? 카페24 node.js 호스팅은 git라는 버전 관리 프로그램을 이용하여 소스를 업로드 하거나 업데이트 하게 됩니다. ftp나 telnet같은거는 들어봤는데, git는 무엇일까요? git는 버전관리 소스 관리, 소스코드 관리라고도 불리는데요, 동일한 정보에 대해 여러개의 버전을 관리하는 것을 말합니다. 어떤 프로그램을 개발하는 경우 해당 소스코드의 작업 개발 상황이나 버그 수정에 대한 변경 사항들에 대해서 숫자나 문자로 이루어진 "버전"을 부여하여 구분하게 되는데, git와 같은 버전 관리 프로그램을 이용하면 이러한 부분을 손쉽게 추적/관리할 수 있습니.. 프로그래밍 2022. 8. 24.

• 

  nodejs 앱시작 간단한 앱만들기 express 노드설치는 다른 글에서 참고 하시길 바랍니다. 나중에 시간이 되면 링크 남기도록 할께요. 노드를 활용해서 간단한 앱을 만들고 실행해보겠습니다. package.json 생성 cd Documents mkdir boiler-plate cd boiler-plate npm init 폴더를 만들고 해당폴더를 init 합니다. express.js 설치 npm install express --save –save 하면 package dependencies에 추가됩니다. index.js 생성 http://expressjs.com/en/guide/routing.html 참고 index.js const express = require("express"); const app = express(); const port = 500.. 프로그래밍 2022. 8. 24.

• 

  MAC selenuim 맥에서 셀레니움 chromedriver 설치하기 MAC selenuim 맥에서 셀레니움 chromedriver 설치하기 간단하네요 윈도우환경에서 주로 개발했는데 맥에서도 사용하려고 하니 안되는게 많네요 우선 셀레니움을 동작하기위해 창을 하나 실행하는것도 여러가지 다른점이 있습니다. 셀레니움 설치와 chromedriver 설치과정이 그러한데요. 그래서 정리합니다. ​ 셀레니움 설치 sudo pip3 install selenium chromedriver 설치명령 brew install --cask chromedriver 셀레니움 동작코드 from selenium import webdriver driver = webdriver.Chrome("/usr/local/bin/chromedriver") driver.get("http://naver.com") ​ 자 .. 프로그래밍 2022. 7. 24.