프로그래밍/nodejs41 [220207]크롬에서 개발자도구>네트워크를 켠 상태에서 새로고침을 하면 인터넷이 끊기는 현상 해결 네트워크 수업을 따라가야하는데 크롬에서는 매번 오류가 떠서 환장하겠다. 혼자서 해결을 도저히 못해서 교수님께 질문했고, 5분만에 고쳐주심. 감사합니다ㅠㅠㅠㅠㅠㅠ 개발자도구 > 네트워크로 들어가서 빨간 박스를 누르면 다음같은 박스가 뜨는데, 나는 오프라인으로 되어있었다. 혹시 또 이런일이 일어날지도 모르니까 미래의 나를 위해서 적어놓는다. 그리고 미래의 나야, 앞으로 에러메세지가 뜨면 그거 긁어서 구글에 때려박아서 검색돌리렴. 굳이 한글로 문제 입력하지말고. 그게 가장 최선의 해결방법이야... 2022. 2. 7. [220207] 쿠키 / http 요청, 응답, 브라우저, 특징 [목록] 사전지식 : 응답헤더에 임의로 값을 추가하기 브라우저의 저장소 중 하나인 쿠키 사용자마다 다른 정보를 브라우저에 저장하는 쿠키값 쿠키 사용 설명서 코드의 실행흐름 쿠키에 저장한 내용을 다루기 쿠기의 유효기간, 접근권한 사전지식 : 응답헤더에 임의로 값을 추가하기 이전수업까지는 body 내용만 작성해서 보냈지 header부분은 작성해서 보낸적이 없다. express가 header부분을 작성해주던 긴 텍스트. 오늘은 express가 만들어주는 헤더에다가 우리가 임의로 추가해서 넣을것이다. 응답을 줄때 헤더에 내용을 추가할거니까 다음 코드를 작성한다. res.Header('headerKey','headerValue') : 둘다 string인 인자값을 가짐 app.get('/',(req,res)=>{ .. 2022. 2. 7. [220204] nvm 완벽삭제하기, 맥OS(M1칩) nvm is not compatible with the npm config "prefix" option: currently set to "/opt/homebrew" Run `npm config delete prefix` or `nvm use --delete-prefix v16.13.2 --silent` to unset it. 갑자기 터미널을 시작하면 이런 메세지가 뜬다. nvm은 npm 구성 "접두사" 옵션과 호환되지 않습니다: 현재 "/opt/homebrew"로 설정됨 `npm config delete prefix` 또는 `nvm use --delete-prefix v16.13.2 --silent`를 실행하여 설정을 해제합니다. 구글에 검색해보니 이런 메세지가 뜨는데 어.. 뭔 말이지. 그냥 싹 지우고.. 2022. 2. 4. [220204] 서버로 이루어진 게시판 만들기(CRUD 구현 : 생성,작성,수정,삭제) 목록 1. 홈 만들기 2. 리스트 게시판 만들기 3. 글쓰기 게시판 만들기 4. 글보기 게시판 만들기 5. 글삭제 기능 만들기 6. 글수정 기능 만들기 여태까지 배웠던 내용을 총 정리하면서 게시판을 만들어보자. 웹템플릿 express, 템플릿엔진 nunjucks를 사용하기 위한 전제코드는 밑에 적어놓고, 앞으로 설명할때는 생략하겠다. //express를 쓰기 위한 세팅 const express=require('express') const app=express() //nunjucks를 쓰기 위한 세팅 const nunjucks=require('nunjucks') app.set('view engine','html') nunjucks.configure('views',{ express:app }) //heade.. 2022. 2. 4. [220128] express 모듈로 서버 시작하기, 요청헤더, 응답헤더, form과 연결하기 목록 1. 헤더란? 2. 서버시작하기 3. 요청헤더 (express 모듈 : get, post) 4. 응답헤더 (express 모듈 : send, render) 5. form과 연결하기 1. 헤더란? : 긴 텍스트로 이루어진 요청헤더, 응답헤더 브라우저가 해당 서버에 대한 htto://localhost:3000을 입력하게되면 요청을 하게된다. '/' : 현재 연결되어있는 호스트. 아무것도 적어놓지 않았기때문에 기본(홈)주소를 뜻함 app.get('/',(req,res)=>{ res.send(`hello world`) } 요청을 하는 data(긴 텍스트 정보들)는 연결되어 있는 파일로 넘어오고, request가 get인 이 코드가 받게된다. 네트워크에 접속하고 개발자도구에 들어가면 다음과 같은 값을 볼 수.. 2022. 2. 3. [220128] nunjucks 설치, 세팅, 사용 목록 1. 템플릿엔진 2. nunjucks 설치 3. nunjucks 세팅 4. nunjucks 사용 5. nunjucks 흐름 이해도 (링크) node.js 시작하기전 프로그램 세팅하는 법은 여기에! https://hancoco.tistory.com/70?category=1035202 [220125] 맥북에서 터미널, nodejs 개발환경 세팅하기 (M1칩) + 용어설명, npm, nvm, express 터미널 명령어 알기 기본적인 명령어 ls : 현재 있는 디렉토리 안의 파일 리스트를 출력해주는 -a : 숨긴 디렉토리까지 보여줌 -l : 자세히 보기 pwd : 어떤 디렉토리 경로에 있는지 절대 경로로 표 hancoco.tistory.com 템플릿 엔진 웹 개발에서, 지정된 템플릿 양식과 데이터가 합쳐.. 2022. 2. 2. [220127] require, export 명령문 목록 1. require 메서드 2. exports를 통해 추가하기 NODEJS의 require 메서드 require은 표준 문법이 아니다 : 표준에 없는데 왜 nodejs에 이게 필요할까? 자바스크립트는 여러 파일에서 사용할 경우, 불편했다. 왜? A 파일에 있는 변수가 왜 B 파일에서 실행될때 같이 실행되지? (브라우저의 예시) 다른 사람들과 협업할때 불편함. (예시) 내가 a변수를 만들었는데, 다른사람도 a변수를 선언하거나 사용 --> 에러발생 이를 방지하기 위해 모듈(파일을 가져와서 사용할 수 있게끔 만들어 주는 시스템)이 나옴. 모듈은 ES7부터 있었음. -> import문이 생겨있음 근데!! import가 나오기 전에 NODEJS가 먼저 만들어 놓은 require가 존재. import(리액트때.. 2022. 2. 2. [220125] 맥북에서 터미널, nodejs 개발환경 세팅하기 (M1칩) + 용어설명, npm, nvm, express 목차 1. 터미널 명령어 2. npm 사용하기 3. express 사용하기 4. 서버 실행하기 터미널 명령어 알기 기본적인 명령어 ls : 현재 있는 디렉토리 안의 파일 리스트를 출력해주는 -a : 숨긴 디렉토리까지 보여줌 -l : 자세히 보기 pwd : 어떤 디렉토리 경로에 있는지 절대 경로로 표시해준다. Print Working Directory의 약어 cd : 작업하는 디렉토리의 위치를 바꾸는 명령어. Change Directory의 약어 mkdir : 디렉토리를 만들어준다. clear : 터미널 화면을 비워준다. d... 디렉토리 - ... 파일 / : 최상위 디렉토리 cd / : 최상위 디렉토리로 이동 cd /root : 루트 디렉토리로 이동 /home/계정명 : 홈디렉토리 맥이랑 리눅스랑 비슷.. 2022. 2. 2. [220125] 맥북에서 터미널 켜는 단축키 만들기 (M1칩) ( 맥북을 사용하는 관계로 맥OS 기준으로 작성.) 윈도우와 다르게 맥OS는 터미널만 켜서 설치가 가능하다고 한다! 윈도우 단축키는 shift+ctrl + t 라고 한다. 보통 맥북은 윈도우와 설정이 비슷하니 눌러봤지만. 음 안된다. 맥북은 터미널 단축키가 없다고 한다. 그러면 만들자. 단축키는 편리한 것이다. 1. application에서 Automator을 실행 2. 실행한 후 처음 뜨는 화면에서 새로운 문서 선택 3. 빠른 동작 선택 4. AppleScript 실행을 드래그 한 후 다음 코드를 작성 여기서 주의할 점 2가지! 작업흐름 수신을 반드시 입력없음으로 선택해야 한다. 저거 몰라서 세번이나 다시 지웠다가 설치했다. AppleScript 실행 코드 박스 빨간 박스 안에 수정코드를 작성해야하는데.. 2022. 2. 2. [220125] NODEJS, 무작정 맥에서 시작하기 (M1칩) ( 맥북을 사용하는 관계로 맥OS 기준으로 작성.) 윈도우와 다르게 맥OS는 터미널만 켜서 설치가 가능하다고 한다! dock에 등록해서 실행하는 법도 있겠지만, 귀찮아서 단축키를 만들어서 쓰고 있다. 단축키 등록법은 아래 참조 https://hancoco.tistory.com/69 [220125] 맥북에서 터미널 켜는 단축키 만들기 (M1칩) ( 맥북을 사용하는 관계로 맥OS 기준으로 작성.) 윈도우와 다르게 맥OS는 터미널만 켜서 설치가 가능하다고 한다! 윈도우 단축키는 shift+ctrl + t 라고 한다. 보통 맥북은 윈도우와 설정이 비슷하니 hancoco.tistory.com 최초에! 한번만! 실행하는 설치 1. homebrew 설치하기 https://brew.sh/ /bin/bash -c "$(.. 2022. 2. 2. 이전 1 2 3 4 5 다음
