# back

38개의 포스트
post-thumbnail

JavaScript / URL / history / location

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

2023년 5월 16일
·
0개의 댓글
·
post-thumbnail

React Native Android 하드웨어 뒤로가기 제어

React Native Android 하드웨어 뒤로가기 제어

2023년 3월 9일
·
0개의 댓글
·
post-thumbnail

[project] Spring 개인 프로젝트 | Awesome-Cake

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

2023년 2월 19일
·
0개의 댓글
·
post-thumbnail

[AWS] EC2를 사용하여 DJango 실행 (poetry)

EC2 란 아마존 서버이며 Elastic Compute Cloud 의 약자이다. 확장성이 아주 유연하다.다음 과정은 ubuntu 인스턴스를 만들고 유형은 무료로 사용하기 위해 t2.micro 기본을 사용할 예정다음 내용은 AWS 계정이 있는 것을 전제하에 시작니다.

2023년 1월 26일
·
0개의 댓글
·

[NodeJs] Passport-local 로그인 흐름 without session settings

passport & passport-local 로그인 미들웨어 감안하지 않고 진행 순서에 포커싱 POST : /login 으로 호출 req.body안에 {email : 'abc@gmail.com' , pwd : 'abc' } prop 명에 신경쓸 것.

2023년 1월 18일
·
0개의 댓글
·

[NodeJs] Pure Session 흐름

Session > 사용자가 처음 사이트 접속할 경우(세션아이디 없음) 새로운 임의의 세션아이디를 쿠키에 넣어서 사용자에게로 전송 response headers에 아래 값포함해서 사용자 브라우저에 보냄 Set-Cookie: connect.sid=s:lNAiD0

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

TIL day 06

오늘은 저번주 금요일에 배운 axios의 활용에 대해서 배웠다. axios는 rest-api를 할 때 브라우저, node.js를 위한 HTTP비동기 통신 라이브러리이다.기능으로는 promise, Async/Await 등이있다.사용방법은 yarn add axios를 vs

2023년 1월 17일
·
0개의 댓글
·

[NodeJs] multer :: Express 미들웨어

Multer이미지, 동영상 등을 비롯한 여러 가지 파일을 멀티파트 형식으로 업로드할 때 사용하는 미들웨어멀티파트 형식이란다음과 같이 enctype이 multipart/form-data인 폼을 통해 업로드하는 데이터의 형식을 의미body-parser로는 처리할 수 없고

2023년 1월 13일
·
0개의 댓글
·

[NodeJs] req.body: http 요청 데이터 타입

JSON은 JSON 형식의 데이터 전달 방식 URL-encoded는 주소 형식으로 데이터를 보내는 방식폼 전송은 URL-encoded 방식을 주로 사용urlencoded({extended: false}) : extended:false면 노드의 querystring 모듈

2023년 1월 11일
·
0개의 댓글
·

[NodeJs] Http 상태코드 recap

Http 상태코드 const http = require("http") 200이나 500과 같은 숫자는 HTTP 상태 코드입니다. res.writeHead에 첫 번째 인수로 상태 코드를 넣었는데, 브라우저는 서버에서 보내주는 상태 코드를 보고 요청이 성공했는지 실패했는지

2023년 1월 10일
·
0개의 댓글
·
post-thumbnail

[WEB] 랜딩 페이지 만들기 (두번째 협업, 미니 프로젝트)

"The Science Times" 라는 언론 사이트에 Web 디자인을 바꿔 보고자 했습니다. https://www.sciencetimes.co.kr/참조한 사이트는 "뉴욕 타임즈 - 스노우 폴" 과 "BBC" 입니다.초반에는 간단하고 빠르게 시작을 하고자

2022년 12월 20일
·
0개의 댓글
·
post-thumbnail

[웹 스터디] 웹 서비스의 발전(FRONT와 BACK의 분리)

과거 대부분의 웹사이트는 2계층 구조로 개발되어있다. 2계층 구조란, 화면이 보여지는 클라이언트(Client)와 데이터베이스(DB)가 물리적으로 분리되어 있는 것을 뜻하며 클라이언트에는 UI(User Interface)와 비지니스 로직이 함께있는 구조다.비교적 쉽고 빠

2022년 11월 17일
·
0개의 댓글
·

정보 불러오기

정보를 불러오는 방법은 2가지 있다.1\. paramsparmas는 필수값으로 url을 보낼 때 꼭 넣어주어야 하는 값이다.url에 :id를 추가하면 request에 params에 id라는 속성이 추가 된다. 원하는 값을 :함꼐 넣어주면 된다. id값을 가지고 와서 메

2022년 10월 31일
·
1개의 댓글
·

express 동적 라우팅하기

express로 동적 라우팅을 해보고자 한다.이름이 적힌 배열이 있고 이 배열에 이름들을 동적 라우팅을 해주고 한다.get메소드 첫 번째 url에 "users/:id"라는 url을 사용하면 :id부분이 동적 라우팅이 가능하다. "users/1"이라는 url을 넣어주면

2022년 10월 31일
·
0개의 댓글
·
post-thumbnail

express 시작하기

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

2022년 10월 30일
·
0개의 댓글
·
post-thumbnail

node.js로 간단한 서버 만들기

node.js에 코어 모듈에 http라는 모듈이 있다.http라는 코어모듈을 통해서 http라는 통신규약으로 클라이언트와 통신하는 서버를 만들 수 있다.http.createServer() 메소드는 서버역할을 하는 객체 하나를 생성해준다.server.listen()은 서

2022년 10월 26일
·
0개의 댓글
·

Gather 프로젝트 세팅

typeORM 사용 DB 연결까지eslint, prettier 설정graceful shutdownapollo server 세팅 (resolver가 없어 주석처리)현재 sync 옵션이 CREATE TABLE IF NOT EXISTS가 아니라 그냥 CREATE TABLE로

2022년 9월 17일
·
0개의 댓글
·

rather - Bot : Background

rather - Bot : 깃 헙, 봇 추가하기bot.py를 수정해서 notice 함수를 start, cancel할 수 있도록 만들기.이를 통해 더 많은 기능을 제공할 수 있도록이전 코드에서도 tasks.loop()를 사용했지만 이 상황에서는 cancel이 되지 않았다

2022년 2월 9일
·
0개의 댓글
·
post-thumbnail

[Network] DNS(Domain Name System)의 작동원리

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

2022년 1월 20일
·
0개의 댓글
·
post-thumbnail

[Back] 로드맵

조금씩 정의해보자

2022년 1월 20일
·
0개의 댓글
·