Coding JOAH

처음엔 에러 처리가 문제인가? 싶어서 try-catch 문도 추가해보고 그랬는데 chrome-extension이라 써있는 걸로 보아, 크롬 확장 기능 때문에 생긴 문제로 보인다. 구글링 해보니 drag free 확장 기능 때문에 생긴 문제라고 한다. 삭제하고 다시 실행하니 에러 메시지가 안 떴다. 구글 만세!

>> Node.js란? Node.js는 서버 측 자바스크립트 실행 플랫폼이다. php, .net, jsp 등의 서버 사이드 플랫폼과 같다. Node.js는 이벤트 기반, 비동기식 I/O 모델을 사용하여 가볍고 효율적인 서버 측 애플리케이션을 만드는 데 사용된다. >> 비동기 처리 방식 Node.js는 비동기 처리 방식이란? Node.js가 I/O 작업을 수행할 때 다음 작업을 기다리지 않고 다른 작업을 수행할 수 있다는 것을 의미한다. 이 방식은 애플리케이션의 성능을 향상시키고 더 많은 요청을 처리할 수 있도록 한다. >> 콜백 함수 Node.js에서 콜백 함수는 비동기 함수가 완료될 때 실행되는 함수. 콜백 함수를 사용하여 비동기 함수의 결과를 처리하거나 오류를 처리할 수 있고 Node.js에서 비동기..

Node는 확장성이 좋아서 재미있다 ! 이번엔 ChatGPT 를 개발한 OpenAI 사의 API 를 가지고 뉴스 요약 기능을 추가해보기로 함. Node.js를 이용한 뉴스 기사 크롤링 방법 Node.js 를 이용하여 뉴스 기사를 크롤링해서 웹 페이지에 가져오자! 1. Node.js와 관련된 패키지 설치 서버 구축을 위해 NPM을 통해 패키지를 설치한다. # NPM NPM은 Node.js와 관련한 여러 패키지들을 설 july7k.tistory.com 하지만 실패의 기록이므로 혹시나 검색에 걸려 들어오셨다면 참고만...하시길 1. OpenAI API 사용 준비 - Key 발급 - API 키를 발급 받으려면 먼저 OpenAI에서 회원이어야 하는데, 나는 ChatGPT를 사용하기에 이미 계정이 있었다. - ..

분명 ajax 쪽도 잘 작성했는데 오류가 났다. 찾아보니 Jquery 라이브러리를 불러오는 부분에서 문제가 생긴 것. bootstrap 에 내장된 .slim이 붙은 jquery를 선언했더니 제대로 인식이 되지 못한 것이다. > .slim 제거 및 integrity 속성값을 지워서 이런 식으로 선언하면 정상적으로 ajax 를 사용할 수 있다.

Node.js 를 이용하여 뉴스 기사를 크롤링해서 웹 페이지에 가져오자! 1. Node.js와 관련된 패키지 설치 서버 구축을 위해 NPM을 통해 패키지를 설치한다. # NPM NPM은 Node.js와 관련한 여러 패키지들을 설치하고 관리할 때 사용되는 패키지 매니저이다. 이 때 npm 안에는 패키지들이 서로 의존되어 있어 하나의 문제가 발생하면 연쇄적으로 문제가 발생할 수 있다. 이를 관리하기 위해 package.json 파일로 관리하는데, npm을 설치하면 프로젝트 폴더 내에 package.json 이라는 파일이 새로 생성된다. 터미널에 npm init 을 명령어를 입력해 npm을 쓸 수 있는 초기 환경을 셋팅한다. npm init -y package.json 파일이 새로 생성되었다. (-y 옵션을 ..

jquery 환경 셋팅을 시작하려는데 오류가 떴다. 페이지는 로딩은 됐는데 'jquery 시작' 글자가 없는 것이다. 개발자 모드를 켜서 확인해보니, Uncaught ReferenceError: $ is not defined 에러로 표시되었다. 이유는 간단했다. 제이쿼리 js 가 로딩이 안 된 것이다. 나는 src를 * 버전은 제이쿼리 사이트의 다운로드 메뉴에서 Download the uncompressed, development jQuery 3.5.1 를 선택함 +) 잘 작동하다가 갑자기 또 이런 오류가 뜬다면? 제이쿼리 라이브러리 파일이 깨진 것일 수도 있다. 오늘 Ajax를 돌리다가 이 오류가 또 떠서... 홈페이지에서 제이쿼리를 다시 다운받아 이클립스에 넣어주고, 스크립트도 다시 넣었다. 그러니까..