노드23 React.js - 리액트는 Node의 버전이 10 이상이어야 합니다. / Node 10 or Higher Node.js 버전은 10 이상이어야 리액트를 사용할 수 있습니다. 안녕하세요. 고코더 입니다. ● 1. 리액트를 설치해서 사용하기 위해 즉 create-react-app를 사용하기 위해서는 노드가 필요로 합니다. 그런데 최소 노드 10버전 이상의 Node.js가 필요로 합니다. 만약에 그 이하에 버전에서 리액트 설치를 시도한다면 아래와 같은 경고 메세지가 나타납니다. " Create React App requires Node 10 or higher. Please update your version of Node. " ● 2. 방법은 아주 간단합니다. 최신 버전의 노드 버전을 설치하면 됩니다. 마무리 최신 버전만 설치하면 됩니다. 2021. 1. 12. Node.js - REPL 실행,종료 하는 방법 노드 REPL 실행하고 종료하기 안녕하세요. 고코더 입니다. Node.js 쉬운 디버깅을 위해 REPL을 사용하는 방법중에 가장 기초인 실행과 종료에 대해 알아봅니다. 이전 블로그 내용을 참고해주세요. -> 코딩이론 - REPL 이란? Read Eval Print Loop ● 1. REPL 실행 윈도우에서 명령프롬프트를 실행합니다. 그리고 node 라고 입력합니다. 그럼 왼쪽 꺽쇠가 생깁니다. '>' 이건 입력을 받고 응답할 수 있다는 표시입니다. 이 표시가 깜빡거리면 REPL을 사용할 수 있는 준비가 완료된 단계 입니다. ● 2. REPL 종료 종료는 명령어 .exit를 클릭합니다. 혹은 컨트롤+C 를 두번 실행해도 됩니다. Node에 REPL을 빠져나오면 명령프롬프트 기본 명령어 대기창으로 변경 됩니.. 2019. 12. 6. WebStorm - 웹스톰에서 Node.js가 실행되지 않을 때 웹스톰에서 노드JS가 자동 실행 안될 때 안녕하세요. 고코더 입니다. ● 1. 웹스톰은 컴퓨터에 node가 설치되어 있으면 자동으로 node.js 실행 환경을 설정합니다. 이유는 잘 모르겠지만 Node가 실행안되는 분이 계시는 경우도 있습니다. ● 2. 이럴 경우에는 환경설정 (Ctrl+ Shit + s)를 눌러 실행합니다. Language & Frameworks을 실행합니다. 그러면 node interpreter 노드 실행 파일을 설정하는 곳과 Package manager를 NPM을 설정하는 곳이 있습니다. 이곳에 자신에 노드를 설치한 폴더로 맞추어 지정합니다. ● 3. 오른쪽 끝에 ...으로 되어 있는 열기 아이콘을 누르고 나오는 팝업에서도 +를 눌러 해당 node.js를 지정하면 됩니다. 마무리 노.. 2019. 12. 5. Node.js - 윈도우에서 노드JS 삭제하기 노드js 는 그저 삭제만 하면 되요 안녕하세요. 고코더 입니다. 노드JS를 윈도우에서 제거 하는 방법을 문의 하는 독자가 계셔서 남깁니다. 언어를 제거 하는 과정을 복잡하게 생각하는 경우가 많습니다. 하지만 대부분의 프로그램들은 삭제시에 자동으로 모든걸 정리해줍니다. 오라클19처럼 삭제가 어려운 프로그램도 있어서 그런지 -> Oracle - 19c 버전 오라클 삭제하는 방법 프로그래밍 삭제에 대해 어렵게 생각하는 분들이 계시네요 ● 1. 제어판 프로그램 삭제에서 node.js를 제거합니다. 그럼 자동으로 윈도우에 모든 설정을 정리합니다. ● 2. 노드 서버가 실행중이라면 이런 창이 뜨지만 기본 설정된 값을 선택하면 서버를 off 후에 알아서 삭제합니다. ● 3. 삭제를 진행합니다. 윈도우에 설정 정보까지.. 2019. 12. 2. Node.js - 동기(synchronous), 비동기(ansynchronous) 예제로 배워보자 노드JS에서 비동기로 소스 파일을 변경해보자 안녕하세요. 고코더 입니다. Node.js의 가장 큰 특징중 하나는 비동기로 처리가 가능하다는 것입니다. 이전에도 설명을 자세히 다루었지만 다시 정의하자면 하나의 요청이 처리가 완료 되기 전에 다음 요청으로 진행이 가능합니다. Node의 최대 성능을 처리해야 한다면 동기를 사용해야 합니다. 하지만 개발자의 의도에 따라 동기 처리와 비동기 처리가 가능합니다. 동기(synchronous) 예제 ● 1. 동기 방식으로 순차적으로 실행 가능한 Node 소스를 개발하였습니다. 파일을 읽어 올수 있도록 FileSystem(fs) 모듈을 이용해 파일을 불러오는 방식입니다. callback을 지정하지 않아 동기식으로 차례대로 실행을 합니다. 1234567var fs = re.. 2019. 11. 25. Node.js - 싱글 스레드(Single thread), 비동기(Asynchronous) 이란? 노드JS가 운영되는 방식 안녕하세요. 고코더 입니다. Node.js의 가장 큰 특징이라고 하면 싱글 쓰레드에 비동기 처리 방식입니다. 사용자의 요청은 한 곳에서 받지만 작업은 실질적으로 멀티쓰레드로 운영하여 결과를 구현합니다. 예제로 이 방식을 표현해보겠습니다. ● 1. 싱글 스레드, 비동기 예제 " 따뜻한 오후 서점 독서중인 고코더는 배가 고파서 푸드코트로 이동합니다. 주문 방식은 먼저 한식,중식,일식,양식등 다양한 입점사들의 요리를 보고 선택을 합니다. 그리고 계산대 앞에서 줄을 섭니다. 앞 손님은 돈까스를 주문합니다. 저는 요리 시간이 오래 걸리는 스테이크를 주문했습니다. 제 뒤에 기다리던 분은 재 빠르게 라면 하나를 주문합니다. 카운터 점원이 계산을 하면서 호출벨을 나눠주고 요리에 맞는 입점사 식.. 2019. 11. 22. Node.js - express 게시판 만들기 / 글 삭제 / delete 게시판 만들기 delete 안녕하세요. 고코더 입니다. 이번 시간에는 상세보기 페이지에서 글을 삭제할때에 해당 비밀번호가 맞다면 해당 글을 수정하는 페이지를 만들어 보겠습니다. ● 1. '/delete' board.js 글 삭제 코딩 추가 ● 1-1. board.js에 코딩을 추가합니다. ● 1-2. 상세보기를 표현할 라우터를 추가합니다. router.post('/delete',function(req,res,next) { var idx = req.body.idx; var passwd = req.body.passwd; var datas = [idx,passwd]; var sql = "delete from board where idx=? and passwd=?"; conn.query(sql,datas, fu.. 2019. 8. 3. Node.js - express 게시판 만들기 / 페이징 개발/ page 게시판 만들기 page 안녕하세요. 고코더 입니다. 이번 시간에는 게시판에 간단한 페이징을 구현합니다. 기존에 만든 리스트 페이지는 글이 추가되면 페이징 없이 아래로 노출되는 기본방식 입니다. 오늘은 다시 리스트 페이지에 페이징을 추가해볼려고 합니다. 처음 개발시에 페이징 구현을 하지 않는건 생각보다 많은 로직이 들어가는 기능 입니다. 리스트 개발시에 페이징을 함께 하면 개인적인 경험에서는 지치기 때문에 노드를 조금 익숙하게 받아들인 후에 살펴보는 것이 낫습니다. ● 1. board.js 페이징 코딩 추가 ● 1-1. board.js에 코딩을 추가합니다. ● 1-2. board.js에 아래 코딩을 추가합니다. 기존 list는 그대로 두고 page 라는 페이지를 새로 만들어 페이징을 구현합니다. 게시판 기.. 2019. 8. 2. Node.js - express 게시판 만들기 / 글 수정 / Update 게시판 만들기 update 안녕하세요. 고코더 입니다. 이번 시간에는 상세보기 페이지에서 글을 수정하고 비밀번호를 입력 한 후에 해당 비밀번호가 맞다면 해당 글을 수정하는 페이지를 만들어 보겠습니다. ● 1. '/update' board.js 글 수정 코딩 추가 ● 1-1. board.js에 코딩을 추가합니다. ● 1-2. 상세보기를 표현할 라우터를 추가합니다. 123456789101112131415161718192021222324router.post('/update',function(req,res,next){ var idx = req.body.idx; var name = req.body.name; var title = req.body.title; var content = req.body.content;.. 2019. 8. 1. 이전 1 2 3 다음
