# back

JavaScript / URL / history / location
URL 이동을 위한 history 는 브라우저의 세션 기록, 즉 현재 페이지를 불러온 탭 또는 프레임의 방문 기록을 조작할 수 있는 방법을 제공한다.

[project] Spring 개인 프로젝트 | Awesome-Cake
혼자 사이트를 제작해보고 싶어서 틈틈히 첫단계부터 차근차근 제작해봤습니다. 많이 부족할수 있는 사이트지만 열심히 만들었습니다!😎 🍰 Spring 프로젝트 | Awesome-Cake 🤔 주제 선정 여러가지 주제를 생각했지만 혼자하는 프로젝트이기때문에 할수있는

[AWS] EC2를 사용하여 DJango 실행 (poetry)
EC2 란 아마존 서버이며 Elastic Compute Cloud 의 약자이다. 확장성이 아주 유연하다.다음 과정은 ubuntu 인스턴스를 만들고 유형은 무료로 사용하기 위해 t2.micro 기본을 사용할 예정다음 내용은 AWS 계정이 있는 것을 전제하에 시작니다.
[NodeJs] Passport-local 로그인 흐름 without session settings
passport & passport-local 로그인 미들웨어 감안하지 않고 진행 순서에 포커싱 POST : /login 으로 호출 req.body안에 {email : 'abc@gmail.com' , pwd : 'abc' } prop 명에 신경쓸 것.
[NodeJs] Pure Session 흐름
Session > 사용자가 처음 사이트 접속할 경우(세션아이디 없음) 새로운 임의의 세션아이디를 쿠키에 넣어서 사용자에게로 전송 response headers에 아래 값포함해서 사용자 브라우저에 보냄 Set-Cookie: connect.sid=s:lNAiD0

TIL day 06
오늘은 저번주 금요일에 배운 axios의 활용에 대해서 배웠다. axios는 rest-api를 할 때 브라우저, node.js를 위한 HTTP비동기 통신 라이브러리이다.기능으로는 promise, Async/Await 등이있다.사용방법은 yarn add axios를 vs
[NodeJs] multer :: Express 미들웨어
Multer이미지, 동영상 등을 비롯한 여러 가지 파일을 멀티파트 형식으로 업로드할 때 사용하는 미들웨어멀티파트 형식이란다음과 같이 enctype이 multipart/form-data인 폼을 통해 업로드하는 데이터의 형식을 의미body-parser로는 처리할 수 없고
[NodeJs] req.body: http 요청 데이터 타입
JSON은 JSON 형식의 데이터 전달 방식 URL-encoded는 주소 형식으로 데이터를 보내는 방식폼 전송은 URL-encoded 방식을 주로 사용urlencoded({extended: false}) : extended:false면 노드의 querystring 모듈
[NodeJs] Http 상태코드 recap
Http 상태코드 const http = require("http") 200이나 500과 같은 숫자는 HTTP 상태 코드입니다. res.writeHead에 첫 번째 인수로 상태 코드를 넣었는데, 브라우저는 서버에서 보내주는 상태 코드를 보고 요청이 성공했는지 실패했는지

[WEB] 랜딩 페이지 만들기 (두번째 협업, 미니 프로젝트)
"The Science Times" 라는 언론 사이트에 Web 디자인을 바꿔 보고자 했습니다. https://www.sciencetimes.co.kr/참조한 사이트는 "뉴욕 타임즈 - 스노우 폴" 과 "BBC" 입니다.초반에는 간단하고 빠르게 시작을 하고자

[웹 스터디] 웹 서비스의 발전(FRONT와 BACK의 분리)
과거 대부분의 웹사이트는 2계층 구조로 개발되어있다. 2계층 구조란, 화면이 보여지는 클라이언트(Client)와 데이터베이스(DB)가 물리적으로 분리되어 있는 것을 뜻하며 클라이언트에는 UI(User Interface)와 비지니스 로직이 함께있는 구조다.비교적 쉽고 빠
정보 불러오기
정보를 불러오는 방법은 2가지 있다.1\. paramsparmas는 필수값으로 url을 보낼 때 꼭 넣어주어야 하는 값이다.url에 :id를 추가하면 request에 params에 id라는 속성이 추가 된다. 원하는 값을 :함꼐 넣어주면 된다. id값을 가지고 와서 메
express 동적 라우팅하기
express로 동적 라우팅을 해보고자 한다.이름이 적힌 배열이 있고 이 배열에 이름들을 동적 라우팅을 해주고 한다.get메소드 첫 번째 url에 "users/:id"라는 url을 사용하면 :id부분이 동적 라우팅이 가능하다. "users/1"이라는 url을 넣어주면

express 시작하기
express: node.js에서 실행될 서버 프로그램을 간편하게 만들 수 있게 해주는 프레임 워크npm으로 express로 설치해준다.require함수로 express를 불러오고 app이라는 상수에 담아준다.express의 get이라는 메소드를 통해서 첫 번쨰 인자로

node.js로 간단한 서버 만들기
node.js에 코어 모듈에 http라는 모듈이 있다.http라는 코어모듈을 통해서 http라는 통신규약으로 클라이언트와 통신하는 서버를 만들 수 있다.http.createServer() 메소드는 서버역할을 하는 객체 하나를 생성해준다.server.listen()은 서
Gather 프로젝트 세팅
typeORM 사용 DB 연결까지eslint, prettier 설정graceful shutdownapollo server 세팅 (resolver가 없어 주석처리)현재 sync 옵션이 CREATE TABLE IF NOT EXISTS가 아니라 그냥 CREATE TABLE로
rather - Bot : Background
rather - Bot : 깃 헙, 봇 추가하기bot.py를 수정해서 notice 함수를 start, cancel할 수 있도록 만들기.이를 통해 더 많은 기능을 제공할 수 있도록이전 코드에서도 tasks.loop()를 사용했지만 이 상황에서는 cancel이 되지 않았다

[Network] DNS(Domain Name System)의 작동원리
우리는 도메인(www.naver.com) 를 통해 웹 브라우저에 접근한다.하지만 실제로는 도메인이 가진 IP 주소로 웹브라우저에 접근한다.우리가 입력한 도메인을 IP 주소로 변환되어 해당 웹 브라우저에 접근하는데, 이를 변환 시켜주는 시스템이 DNS입력한 도메인을 IP