티스토리

잡다구리

검색하기

블로그 홈

잡다구리

jaegeun.tistory.com/m

개발,IT,맛집,블로그

구독자: 19

방명록 방문하기

반응형

주요 글 목록

express js post body undefined 원인 POST API의 body가 undefined으로 나오는 이유는 body parser가 없어서 발생 Deprecated 예전에 사용된 body-parser 모듈은 deprecated 되었기에 경고가 뜨기에 body-parser 모듈 사용은 지양하자. 해결 방법 따로 모듈을 받아서 사용할 필요 없이 express에 내장되어있는 모듈을 사용하면 된다. const express = require('express'); app.use(express.json()); 공감수 2 댓글수 2 2021. 10. 23.
nvm exit status error solution There are 3 solutions for nvm errors in Windows environment. Install using scoop Check install path Run as administrator Install using scoop I don't know what the problem is, I just want to fix it. Then reinstall with scoop. Do the 3 steps below 1. Open "Windows PowerShell 2. Install "Scoop" using command Set-ExecutionPolicy RemoteSigned -scope CurrentUser $env:SCOOP = 'C:\Scoop' iex (new-object.. 공감수 3 댓글수 4 2021. 10. 22.
더 나은 광고 표준(Better Ads Standard)에 위배되는 광고 경험 무엇 때문에 발생하는가?! 애드센스에 로그인하시면 이와 같이 더 나은 광고 표준에 위배되었다는 메시지를 보셨을 겁니다. 깜짝 놀란 마음에 어떤 일인지 확인해보셨을 텐데요. 아래 사진 하나하나 보면서 어떻게 확인할 수 있는지, 왜 발생했는지 알아보시죠! 자세히 알아보기 애드센스에 뜬 메시지에서 자세히 알아보기를 눌러주세요. 광고 경험 보고서 광고 경험 보고서 눌러주세요. 확인된 속성 선택 모바일의 확인된 속성에서 주소를 선택해주세요. 예시 보기 예시 보기를 눌러주세요. 팝업 화면 예시 2가지가 나오고, 어떤 이유에서 나왔는지 영상으로 볼 수 있습니다. 화면을 가리는 광고들 해결방법 그래서 우리가 할 것은 없습니다. 저기 예시 영상에 나오는 블로그 주소의 주인이 아니라면요. 놀란 가슴 내리시고, 나머지 분들.. 공감수 4 댓글수 12 2021. 10. 21.
화면에 그리는 프로그램 무료 다운 - ScreenNote 이 글에서는 ScreenNote 프로그램을 무료로 다운로드할 수 있으며, 사용 방법을 알아갈 수 있습니다. ScreenNote 이 프로그램은 윈도우 화면 위에 그림을 그릴 수 있는 프로그램입니다. 펜, 직선, 사각형, 원을 그릴 수 있습니다. 색을 자동으로 변환되도록 할 수 있습니다 ScreenNote 프로그램은 용량이 적으며 가볍습니다. 수요가 많다면 필요한 여러 기능들을 추가할 예정입니다. 📝License 이 프로그램은 누구나 무료로 사용할 수 있습니다. 배포는 무단으로 할 수 없으며, 이 블로그를 통해서만 다운로드 가능합니다. 📎Download 다운로드 및 배포는 https://jaegeun.tistory.com/ 블로그에서만 가능합니다. 사용은 무료입니다. 마음껏 사용하세요~! Version : .. 공감수 21 댓글수 24 2021. 10. 20.
360도 카메라 만들기(VR) - HW부터 SW까지 목적 2015년도 학생 때 진행했던 프로젝트에서 직접 제작한 "360도 VR 카메라"를 기록하기 위해 작성한다. 아래 영상은 그때 당시 프로젝트 끝나고 만들었던 영상 중 담당했던 360도 VR카메라 부분이다. (배경음악이 있으니 소리를 원치 않으시면 음소거가 필요합니다.) 360도 VR 카메라 제작 영상 프로젝트 소개 "쿼드콥터와 카드보드를 이용한 360도 VR 체험"이라는 프로젝트 명이고, 필자 포함 3명이서 진행했었다. 프로젝트의 전체 콘셉트는 아래 그림처럼 쿼드콥터(드론) 밑에 360도 카메라를 달고, 사용자가 VR과 MYO라는 근전도 컨트롤러로 조종 체험을 하게 하는 것이다. 담당 부분 여기서 나는 360도 VR 카메라를 만드는 것을 담당했었고, 나머지 2명이 쿼드 콥터와 VR, MYO 컨트롤을 .. 공감수 9 댓글수 13 2021. 10. 19.
Apexcharts 리액트 차트 그리기 글의 목적 Apexcharts가 뭔지 알 수 있다. 리액트에서 차트 그림을 빠르게 그려보자. Apexcharts 란? React 뿐만 아니라 Vanilla js, Angular, Vue에서도 사용 가능한 Chart 그리는 라이브러리이다. 플랫폼이 바뀌더라도 Apexcharts 하나만 배워두면 Chart 라이브러리를 다시 배울 필요 없이 Chart 그릴 수 있다. 다양한 Chart를 그릴 수 있고, Chart 마다 예제 코드를 Vanilla js로 제공을 해준다. 리액트 기초 ☝️아직 리액트 기초를 모르신다면, 아래 링크에서 기초를 먼저 보고 오세요. 리액트 시작하기 1 - 설치 및 기본 예제 분석 이 글은 기본적으로 HTML/CSS/Javascript의 기본은 알고 있다는 전제하에 작성되어 있습니다. 잘.. 공감수 4 댓글수 1 2021. 10. 19.
자바스크립트 url encode/decode 방법 URL encode/decode 하는 이유? URL에는 특수문자, 띄어쓰기 등 일부 문자를 그대로 쓸 수 가없다. 이를 해결하기 위해 문자를 URL에서는 인식할 수 있는 문자 조합으로만 변형하는 encoding을 해야 한다. 반대로 원본 문자로 확인하려면 URL decoding을 하면 된다. encode/decode 실제 예시 사용하고 싶은 URL의 특수문자 등의 파라미터를 아래처럼 변형해서 사용한다. 이걸 decoding 하면 다시 위의 원래 문자로 볼 수 있다. 자바스크립트 API 예제 자바스크립트에서 공식 지원해주는 API이다. 그렇기 때문에 Vanilla js 뿐만 아니라 React, Node js에서 모두 사용 가능하다. 또한 따로 import나 require 할 필요 없다. encodeURI .. 공감수 0 댓글수 0 2021. 10. 19.
웹서버 빨리 만들기 - Express js ❓목적 웹서버가 어떻고 어떤 걸 공부하고 이것저것 주저리 하다 지치기 전에, 직접 웹서버를 만들어 보고 느껴보는게 중요하다. 빠르고 쉽고 간단하게 node js의 모듈인 Express.js를 이용해서 웹서버를 만들어보자. ☝🏼먼저 node js에 대한 기초와 설치가 되어있어야 한다. 준비가 안되어 있다면 아래 글들을 먼저 읽고 오는 것을 추천한다. [Node js]서버 만들기0-1분만에 Http 서버 만들기 📋요약 서버란 무엇인가에서 말한 것과 같이 서버라는 게 무엇인지 피부로 느끼고 싶다면, 이 글에서 설명하는 1분 만에 (Http) 서버 만들기를 따라 하기를 바란다. 정말 짧은 시간 안에 좋은걸 jaegeun.tistory.com 윈도우 node js 명령어로 설치 명령어로 설치하는 이유 다운로드하기.. 공감수 1 댓글수 2 2021. 10. 18.
윈도우 node js 명령어로 설치 명령어로 설치하는 이유 다운로드하기 위해 웹사이트를 검색할 필요가 없다. 쉽고 빠르게 이 블로그에 있는 명령어만 복붙(ctrl+c, v)만 하면 된다. 간지 난다. 개발자라면 명령어로 설치하자. 간혹 윈도우에서 에러가 나는 경우가 있는데, 명령어로 설치 시 해결되는 부분들이 있다. Scoop 윈도우에서 명령어로 여러 프로그램을 설치하게 해주는 도구(명령어)이다. node js 뿐만 아니라 git, curl 등 리눅스/맥에서 패키지 설치하는 것과 같이 쓸 수 있다. 간단하게 프로그램을 설치하게 도와준다. NVM node js 설치를 버전 별로 할 수 있고, 버전을 쉽게 바꿔서 사용하게 만들어 주는 툴이다. 설치 Scoop 설치 ➡ NVM 설치 ➡ node js 이 글에서는 이 순서로 진행한다. (NVM 설.. 공감수 0 댓글수 2 2021. 10. 18.
UnauthorizedAccess - 보안 오류: (:) [], PSSecurityException 윈도우에서 스크립트 실행 시 위 그림들처럼 오류가 발생하는 경우가 있다. 권한이 없어서 실패했다는 메시지이다. 그럴 때는 터미널에서 아래처럼 권한 설정 명령어를 치면 해결된다. > Set-ExecutionPolicy Unrestricted -scope CurrentUser 또는 터미널 프로그램을 관리자 권한으로 실행시키면 해결된다. 공감수 2 댓글수 4 2021. 10. 17.
NVM status 에러 해결 방법 Error exit status 5 맥에서는 발생하지 않는데 윈도우 PC에서는 NVM 사용 시 exit staus 5 에러가 발생하고 있었다. 뒤에 내용은 깨져가지고 잘 나오지도 않아서 뭐 때문인지도 모르겠고... 인터넷을 잘 봐도 해결 방법이 잘 보이지가 않아서 혼자 이것저것 시도해봤다. NVM을 지우고 다시 설치해보고, 설치 경로도 바꿔보고 했는데 소용없었다. 관리자 권한으로 터미널을 실행해도 status 5 에러는 status 145로 숫자만 변경될 뿐 달라지는 건 없었다. 해결 방법 예전에 scoop이라는 걸 사용해봤던걸 생각이 났는데, scoop으로 설치하면 혹시 문제가 사라지지 않을까 해서 적용해보니 해결되었다. 혹시 exit status 5 또는 145 에러가 발생하는 사람은 아래와 같이 s.. 공감수 21 댓글수 6 2021. 10. 17.
리액트 투두앱 간단하게 만들기 - 10분만에 🚀간단하고 빠르고 쉽게 만들자 이번 글에서는 그렇게들 다들 한 번씩은 만든다는 Todo App을 빠르게 만들어보자. 따로 CSS 등 디자인은 적용하지 않고, 기능적인 것만 구현해보자. 리액트 시작하기 1, 2에서 배운 것들만 이용하여 쉽고 간단하고 빠르게 만들예정이다. 리액트 기초는 알고 있어야 만들 수 있다. 혹시 아직 리액트 기초를 모른다면 아래 글에서 기초만 배우고 오도록 한다. 리액트 시작하기 1 - 설치 및 기본 예제 분석 이 글은 기본적으로 HTML/CSS/Javascript의 기본은 알고 있다는 전제하에 작성되어 있습니다. 잘은 몰라도 되지만 어느 정도 기본 개념은 알고는 있어야 이해하기 쉽습니다. 💾node js 설치 React를 사용 jaegeun.tistory.com 리액트 시작하기 2.. 공감수 2 댓글수 0 2021. 10. 16.
리액트 시작하기 2 - Component로 기본 끝내기 ❗이 글은 "리액트 시작하기 1"을 이해했다는 가정하에 진행되므로, 리액트 기본 개념을 아직 모른다면 "리액트 시작하기 1"을 보고 오는 것을 추천드립니다. 🚀Component로 기본 끝내기 Component의 의미는 "리액트 시작하기 1" 글에서 기본 예제 코드를 분석하며 아래와 같이 설명했다. Component : 가독성 / 재사용성 / 유지 보수성을 높이기 위해 복잡한 HTML 코드를 모듈화 할 수 있는 최소 단위 이 Component의 기본 기능만 알게 되면 리액트 기본은 끝났다고 말할 수 있으며, 기본적인 웹앱을 만들 수 있다. 이번 글에서 Component의 기본 기능을 개념과 예제를 통해 리액트의 기본을 끝내보자. 🛫props, state, event Component에서 중요한 3가지 기본.. 공감수 1 댓글수 0 2021. 10. 16.
파싱 오류: ',' 또는 '}' 누락 해결 - 파싱할 수 없는 구조화된 데이터 💢파싱할 수 없는 구조화된 데이터 블로그 검색 노출을 위해 Google Search Console에 수집 요청을 하고 있는데, 파싱 오류라는 리포트가 생성됐다. 블로그 검색 시 타이틀 관련해서 HTML을 수정하면서 ',' 또는 '}' 누락되면서 뭔가 잘못된 거 같긴 한데, 아무리 HTML을 봐도 누락되어 있는 곳이 잘 보이지 않았다. 인터넷 찾아봤을 때는 아래 그림 위치에 문제가 있는 지점이 빨간색으로 표시된다는데 나는 따로 표시해주는 부분이 없었다. 내 블로그가 구글에 검색이 되도록 요청을 했는데도, 잘 보이지가 않는데 이것 때문인 거 같다는 생각이 들어 파싱 오류가 나지 않도록 해봤다. 🚀HTML 초기화 HTML이 잘못되긴 했으니까 문제가 발생하고 있다고 생각되어 HTML을 초기화하기로 결정했다. 아.. 공감수 5 댓글수 4 2021. 10. 16.
네이버 구글 검색 노출 - 블로그가 검색이 안될 때 😨네이버/구글 검색 노출 내가 쓴 글들의 조회수가 잘 나오지 않아 여러 가지 검색 중에 네이버나 구글 검색 노출에 관한 글들을 봤다. 검색 엔진에 노출되게 하려면 추가로 무언가(?)를 해줘야 한다는 내용을 보고 얼른 적용했다. 쓴 글들에 대해 당연히 검색 노출이 되겠지라고 생각했는데, 그렇지 않고 있었다. (다음에서는 티스토리 블로그는 알아서 검색 노출을 해주는 거 같다. 딱히 해준건 없는데 다음에서는 검색이 되고 있었다.) 그런데 구글에서 최근에 내가 쓴 글들을 검색해봐도 나오질 않고 있었다. 네이버는 당연히 기대를 하지는 않고 있었는데 역시나 네이버는 하나도 나오지 않았다. 🔍블로그 검색 노출 확인 방법 검색이 되고 있는지 확인하는 방법은 검색 포털에 "site:블로그주소"를 검색하면 된다. 구글은 .. 공감수 5 댓글수 8 2021. 10. 16.
VSCode 커서 색 변경 VSCode를 사용하다보면 지금 내 커서가 어디쪽에 있는지 헷갈릴 때가 있다. 커서 색깔을 바꿔서 헷갈리지 않게 하자. 💻Command Palette 열기 VSCode에는 설정이나 명령 같은 걸 검색할 수 있는 Command Palette라는 기능이 있다. 윈도우에서 / 맥에서 를 누르면 ">" 에 입력할 수 있는 Command Palette창이 뜬다 setting.json을 입력 해주자. 그러면 여러개가 나오는데, 전역에 설정할거면 첫 번째(Open Settings)를, 해당 workspace에만 적용할거면 세번째(Open Workspace Settings)를 선택하면 된다. setting.json 파일 아무대나 아래 코드를 넣어주자. (자신의 환경에 따라 기존에 써져있는것은 다를 수 있다.) edit.. 공감수 1 댓글수 0 2021. 10. 15.
MSSQL 저장 프로시저 코드 조회 - 에러 발생 시 Store Procedure 저장 프로시저 저장 프로시저는 SQL Server에서 제공하는 함수처럼 실행하게 끔 하는 프로그래밍 기능이다. MS SQL의 프로시저 코드는 툴(Download SQL Server Management Studio (SSMS))을 이용해서 쉽게 볼 수 있다. 하지만 툴의 버전 문제로 보이지 않는다면 이 글에 쓰여있는 2번째 방법을 사용해보자. 📑툴을 이용한 프로시저 코드 보기 우선 기본적인 툴을 사용하여 프로시저 코드를 보는 방법을 알아보자. 툴에서 아무 프로시저에 (1)마우스 오른쪽 클릭 후, (2)수정을 클릭하면 (3)코드를 볼 수 있다. 보여준다. 📑SQL을 이용한 프로시저 코드 보기 간혹 툴의 버전의 문제로 첫 번째 툴에서 간단하게 프로시저 코드가 확인이 안 될 때는, .. 공감수 0 댓글수 0 2021. 10. 15.
MSSQL Join Union 10초만에 그림보고 쉽게 이해 🚀여기서 알아볼 내용 Join과 Union(Union All)에 대해서 쉽게! 이해하자. Join과 Union의 차이점을 그림을 통해 쉽게 이해할 수 있다. Union과 Union All의 차이점을 금방 이해할 수 있다. Inner Join, Left Outer Join, Right Outer Join, Cross Join를 정확히 구분할 수 있다. 🤼‍♂️Join과 Union의 공통점과 차이점 공통점 - 테이블의 데이터를 연결 차이점 - 연결하는 방법이 다름 🧷결합되는 방식 Join은 테이블의 Column이 추가되는 형식으로 데이터가 옆으로 연결됨 Union은 데이터가 추가되는 형식으로 아래에 연결됨 결합되는 방식의 차이점을 그림으로 어떻게 연결되는지 확인해보자. 🎨Join의 결합 방식을 그림으로 표현.. 공감수 4 댓글수 0 2021. 10. 14.
MSSQL PK FK UK CK 란? 개념 이해 🚀K!!K!!K!!K!! - PK FK UK CK SQL에 있는 여러 K들에 대한 개념을 알아보자. 🔥PK (Primary Key) 기본키라고 하며 엔티티를 식별하는 대표 키,NULL일 수 없다. 🔥FK (Foreign Key) 다른 테이블의 PK를 참조하는 Key 동일한 Domain을 갖는다. 어떠한 테이블에 존재하는 다른 테이블의 정보 이기 때문에 외래 키이다. 참조하고자 하는 Column은 PK 또는 UK이여야 한다. 🔥UK (Unique Key) 테이블 내에서 해당 Column의 값은 항상 유일하다. PK와 다른 점은 NULL값이 중복 가능하다. 🔥CK (Check) 특정 Column에 값을 입력할 수 있는 범위나 조건을 지정한다. (제약 조건) 공감수 0 댓글수 0 2021. 10. 14.
SQLBindParameter SQLBindCol 차이 🤼‍♂️SQLBindParameter과 SQLBindCol의 차이 둘다 변수를 Bind 시키기위해서 사용되기 위해 사용되는 함수인데, MSDN 설명만으로는 잘 이해가 가질 않았다. 예제 코드들을 보며 이해한 결과 SQLBindParameter는 함수의 매개변수처럼 Bind 시킨다는 개념이고, SQLBindCol 은 Return 되는 데이터(Row) 셋에 변수들을 Column마다 Bind 시키는 개념이다. 📌SQLBindParameter SQLBindParameter는 함수의 매개변수와 동일한 개념으로 생각하면 되고, 함수의 매개변수와 마찬가지로 Input 뿐만 아니라 Output도 Bind 가능하다. (함수의 포인터 또는 참조 변수 타입을 생각하면 된다.) 📌SQLBindCol SQLBindCol은 여러.. 공감수 0 댓글수 0 2021. 10. 14.
[MSSQL]기본 CRUD 쿼리 예제 및 기본 개념 이해 ❕이 글을 통해... CRUD : Create Read Update Delete CRUD 쿼리를 예제를 이해하고 사용할 수 있다. 쿼리의 다양한 조건(WHERE)과 정렬를 이해하고 사용할 수 있다. ❔주석 실행되지는 않으며, 설명을 작성하는 글 -- 앞에 '--'를 붙이면 뒤에 쓰는 글자는 인식하지 않습니다. ❔대소문자 구분 SQL은 대소문자를 구분하지 않습니다. 아무거나 사용해도 됩니다. 이 글에서는 가시성을 혼합했지만 구분 안 하고 사용해도 됩니다. 🚀기본 CRUD 쿼리 예제를 통해 기본 CRUD 쿼리인 Insert, Select, Update, Delete에 대해 알아보자. CREATE, INSERT ➡ 추가 (CRUD의 Create) DB 생성 -- 포맷: CREATE DATABASE [Datab.. 공감수 0 댓글수 0 2021. 10. 13.
리액트 시작하기 1 - 설치 및 기본 예제 분석 이 글은 기본적으로 HTML/CSS/Javascript의 기본은 알고 있다는 전제하에 작성되어 있습니다. 잘은 몰라도 되지만 어느 정도 기본 개념은 알고는 있어야 이해하기 쉽습니다. 💾node js 설치 React를 사용하기 위해서는 npm이 필요하다. npm을 설치하기 위해 node.js 공식 홈페이지(nodejs.org)에 접속해서 설치 파일을 받아주자. LTS가 붙어 있는 버전과 Current 버전이 있는데 특별한 목적이 있지 않는 한 둘 중 아무거나 받아준다. (LTS는 안정적인 버전이고 Current는 가장 최신 버전이지만 LTS에 비해 안정적이진 않다.) IDE 설치 통합 개발 환경(Integrated Development Environment, IDE)의 뜻으로 개발 시 사용되는 툴을 말한다.. 공감수 1 댓글수 0 2021. 10. 12.
[Node js]웹 크롤러 만들기3(번외)-데이터 시각화(워드 클라우드) D3 Cloud 👓크롤링한 데이터 시각화 이번 글은 크롤링 기능 자체랑은 연관이 없지만 하면 좋은 데이터 시각화 만들기이다. 크롤링해서 얻은 데이터도 좋지만, 이를 시각화하는 게 사용자에게 내용을 전달하고자 할 때 효과가 좋다. 시각화를 위해서 d3-cloud 라이브러리를 사용할 것이다. 시각화 라이브러리 d3-cloud : https://github.com/jasondavies/d3-cloud 🛠데이터 가공(포맷 수정) d3-cloud 라이브러리에 데이터를 넣기 위해 csv 형식으로 데이터를 가공해줄 것이다. 이전 글에서는 최종 데이터를 Object형식의 문자열로 저장했다. 이 데이터들을 csv형식에 맞게 바꿔주자. const fs = require('fs'); const path = require('path'); c.. 공감수 1 댓글수 0 2021. 10. 11.
[Node js]웹 크롤러 만들기2-웹 페이지 정보 추출 (형태소 분석기를 이용하여 단어 추출) 📢이 글에서 구현할 내용 우리는 먼저 특정 URL을 Seed(시작 위치)로 입력받는다. 해당 URL의 HTML을 긁어온다. 긁어온 페이지에 있는 URL들을 수집한다.(URL은 중복 제거한다.) 깊이 우선 탐색 또는 넓이 우선 탐색 방법으로 "2."와 "3."을 반복한다. 시작 위치와 연관되지 않는다고 판단되면 더는 진행하지 않는다. 기어 다니는(크롤링) 행위를 다하고 나서 정리한 URL 테이블을 하나씩 방문해서 HTML 정보를 받아온다. 형태소 분석기를 사용해서 HTML에서 단어들을 추출하여 정리한다. 위 순서는 "웹 크롤러 만들기 0"에서 정리한 내용이다. 파란색으로 칠한 부분을 이번 글에서 구현해보자. 🎤형태소 분석(mecab-ya) mecab은 리눅스, 맥 환경에서는 문제없이 설치/사용할 수 있지만.. 공감수 0 댓글수 0 2021. 10. 11.
[Node js]웹 크롤러 만들기1-웹 페이지 기어 다니기-BFS 넓이 우선 탐색(Crawl+Scrape) 📢이 글에서 구현할 내용 우리는 먼저 특정 URL을 Seed(시작 위치)로 입력받는다. 해당 URL의 HTML을 긁어온다. 긁어온 페이지에 있는 URL들을 수집한다.(URL은 중복 제거한다.) 깊이 우선 탐색 또는 넓이 우선 탐색 방법으로 "2."와 "3."을 반복한다. 시작 위치와 연관되지 않는다고 판단되면 더는 진행하지 않는다. 기어 다니는(크롤링) 행위를 다하고 나서 정리한 URL 테이블을 하나씩 방문해서 HTML 정보를 받아온다. 형태소 분석기를 사용해서 HTML에서 단어들을 추출하여 정리한다. 위 순서는 "웹 크롤러 만들기 0"에서 정리한 내용이다. 파란색으로 칠한 부분을 이번 글에서 구현해보자. 🧨프로젝트 초기 생성 $ mkdir crawler $ cd crawler $ npm init 모듈 .. 공감수 0 댓글수 0 2021. 10. 11.
[Node js]웹 크롤러 만들기0-웹 크롤러란? 우리가 만들 것은? 🕸웹 크롤러란? 만들기 전에 무엇을 만들지 알고 가기 위해서 의미에 대해서 먼저 정리를 해보자. 흔히들 크롤러(Crawler), 스크래퍼(Scraper), 파서(Parser) 3가지에 대해서 다르게 의미 생각하고 이야기하는 경우가 있다. 사전적인 의미로만 간단히 생각해보면 무엇을 하는지 유추할 수 있다. Crawl : 기어가다. Scrape : 긁어내다. Parse : 분석하다. 크롤러는 웹을 기어 다니는 놈, 웹 페이지를 스크래퍼는 긁어 오는 놈, 파서는 웹 페이지를 분석하는 놈을 의미 한다. 하지만 웹 크롤러는 단순히 기어 다니는 행위만 하는 프로그램을 말하는 건 아니고, 웹을 돌아다니면서 웹 페이지(html/css/js)를 긁어오고 거기에 무슨 내용들이 있는지 분석을 하는 놈을 의미한다. 스크래퍼와.. 공감수 0 댓글수 0 2021. 10. 11.
[Node js]배열,객체 데이터 파일로 쓰기/읽기-fs,path 📝코드설명 파일로 저장 및 읽기 위해 fs 모듈을 사용했고, 윈도우 또는 리눅스에서 모두 경로 구분 토큰('/', '\')이 자동으로 구분 되도록 path 모듈을 사용했다. fs 모듈의 함수는 모두 동기 방식으로 동작하도록 ~Sync 함수들을 사용했으며, 저장하려는 파일의 경로 폴더들이 있는지 existsSync함수로 확인하고 없다면 생성 되도록 mkdirSync함수에 {recursive:true} 옵션을 줬다. 저장할때는 객체 또는 배열이 문자열로 변환되서 저장하도록 JSON.stringfy 함수를 사용했으며, 반대로 읽을때는 저장한 문자열을 다시 JSON 형태로 변경 되도록 JSON.parse 함수를 사용했다. const fs = require('fs'); const path = require('pa.. 공감수 0 댓글수 0 2021. 10. 11.
[에러/해결]eslint, 보안 오류: (:) [], PSSecurityException 🎓윈도우 터미널에서 eslint 명령어 사용시 에러 발생하는 경우 npx 명령어를 사용하자 $ npx eslint --init 공감수 0 댓글수 0 2021. 10. 11.
[JS]찾기 함수-find/includes/indexOf 사용법 및 비교-예제/자바스크립트/javascript 🎈includes 배열이 특정 element를 포함하고 있는지 판별한다. return 값은 있으면 true, 없으면 false를 반환 한다. const arr = [1, 2, 3, 4, 5]; console.log(arr.includes(3));// true console.log(arr.includes(10));// false const startIndex = 6; console.log(arr.includes(3, startIndex));// false (시작위치를 정할 수 있다.) 🎈indexOf 특정 element를 첫번째 인덱스 값을 return한다. 존재하지 않으면 -1을 return 한다. const arr = [1, 2, 3, 4, 5]; console.log(arr.indexOf(3));//.. 공감수 0 댓글수 0 2021. 10. 8.
[JS]반복문 for/for in,forEach,map,filter,reduce-자바스크립트 /javascript 💡목표 자바스크립트에는 반복문을 사용하기 위한 방법이 여러가지가 있다. 사용방법을 예시 코드를 보며 이해해보자. 각 특징을 이해하고, 어느 상황에 사용하는지에 대해서 알아보자. 🎈일반 for loop 일반적인 반복문 방법으로 단순하고 속도가 가장 빠르다. const arr = [1, 2, 3]; for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } 🎈for in object의 key의 이름을 알 수 있으며, object같이 index로 되어 있지 않아 일반 반복문을 사용할 수 없을때 key의 이름을 이용하여 사용한다. let obj = { name: "이름", age: 10, address: "서울" }; for (let key in obj) { .. 공감수 1 댓글수 0 2021. 10. 8.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.