# web

3668개의 포스트
post-thumbnail

웹&네트워크 05. 쿠키와 세션 & 토큰

쿠키는 브라우져에 저장되고, 해당 쿠키로 서버에서 세션을 생성하고 서버의 inmemory에 저장하고...해킹당하기 쉬우니까 JWT같은 token-based-authentication을 사용한다... 뭐가 더 있나?전 직장에서 React-Native 프론트 앱을 바라보는

약 5시간 전
·
0개의 댓글
·

HTTP 웹 기본지식 - 인터넷 네트워크

인터넷 망은 매우 복잡하다 그럼 어떤 규칙으로 통신하는걸까?IP 주소를 통해서 출발,목적 주소를 정해서 통신한다.패킷이라는 통신 단위로 지정한 IP 주소에 데이터를 전달한다.프로토콜 계층채팅 프로그램을 통한 전송 방법 1\. hello 메시지 생성 2\. 소켓 라

약 6시간 전
·
0개의 댓글
·
post-thumbnail

[WEB]Node.js 작동원리

Node.js 작동원리

약 8시간 전
·
0개의 댓글
·
post-thumbnail

The Web Developer - (Udemy)_ 인증에 관한 모든것

Passportpassport 사용시 여러 인증 방법을 더할 수 있음.예를들어 깃헙, 구글 , 트윗등을 통해 인증절차를 밟는다는둥.Authentication is the process of verifying who a particular user is.we typica

약 12시간 전
·
0개의 댓글
·
post-thumbnail

구글 Oauth 로그인 적용기 (1)

Devstagram의 자체 회원가입 및 로그인 기능을 구현했다. 하지만 이렇게 할 경우 프로필 사진을 우리가 S3같은 Storage에 저장해야하는데, 그 비용은 오롯이 우리의 사비로 내야했다. 한 푼이라도 클라우드 비용을 아끼기 위해 생각해낸 것이 Oauth를 사용하는

약 12시간 전
·
0개의 댓글
·

HTTP 간단 정리

HTTP에 대해 간단히 정리하였습니다.

약 13시간 전
·
0개의 댓글
·
post-thumbnail

Web 통신(HTTP, socket)

파이널 프로젝트 당시 1:1 채팅을 구현했었는데 상당히 어려움을 겪고 발표 당시엔 1:1채팅이 아닌 단체 채팅이 되어버렸었다... 이러한 일은 web 통신에 대해 잘몰랐기 때문에 발생했던 것 같다.오늘은 web 통신에 대해 알아보자.

약 13시간 전
·
0개의 댓글
·
post-thumbnail

[20220817_Web이란?]

Web이란? 1. Web과 Internet의 관계 >📍 Web과 Internet은 같지 않음 Internet은 Web을 포괄하는 개념이라고 할 수 있고, Web은 Internet에서 돌아가는 여러 서비스 중의 하나 (웹 탄생 배경에 대한 간단한 요약) 2. Ser

약 20시간 전
·
0개의 댓글
·
post-thumbnail

(부제: 벨로그를 시작하며) 🐦 파랑새가 되고 싶어졌다 🗳

first, 나라는 사람을 알아갈 수 있는 시간 본격적으로 개발공부를 하기 시작한 2020년 여름, 공부하면서 느,,,

어제
·
0개의 댓글
·

[Web] REST API

Application Programming Interface클라이언트-서버 간의 약속클라이언트가 정한 대로 서버에게 요청(Request)을 보내면, 서버가 요구사항을 처리하여 응답(Response)을 반환함: 주소에 명사, 요청 방식에 동사를 사용함으로써 의도를 명확히

어제
·
0개의 댓글
·

[Spring] Spring에서의 CRUD

👉🏻 Repository의save() 이용👉🏻 Repository의 findAll() 이용👉🏻 Repository의 findAll()과 Service의 update() 이용💡 Tip!사실 지금 Update 기능만 Service를 이용한 것 같아 보이지만,

어제
·
0개의 댓글
·

웹 프론트엔드 공부 1주차-2💻

💡 웹 프론트엔드 공부를 하면서 주차별로 공부 내용을 작성하고 있습니다!😂 구조나 코드가 어색할 수 있으니 이해해 주시면서 봐주세요1주차에서는 "클론 코딩"을 하면서 잊어버렸던 HTML 구조를 짜는 것과 CSS의 다양한 속성들을 기억해 내는 공부를 하였습니다!그러면

1일 전
·
0개의 댓글
·
post-thumbnail

The Web Developer - (Udemy)_ YelpCamp: 재구성 및 플래시

1) 캠프그라운드 경로 빠져나오기 > app.js 파일을 간소화 시키기 위해 campground 경로를 사용하는 메소드만 별도로 저장 주의점: routes 폴더 기준 밑에 호출된 변수들은 두번에 걸쳐 해당 파일들에 접근해야하므로 ' .. / '_ 등의 방식으로 '

1일 전
·
0개의 댓글
·

웹 프론트엔드 공부 1주차💻

💡 웹 프론트엔드 공부를 하면서 주차별로 공부 내용을 작성하고 있습니다! 😂 구조나 코드가 어색할 수 있으니 이해해주시면서 봐주세요 ✅ 1주차 공부내용 1주차에서는 "클론코딩"을 하면서 잊어버렸던 HTML 구조를 짜는 것과 CSS의 다양한 속성들을 기억해내는 공부

1일 전
·
0개의 댓글
·

웹 프론트엔드 공부를 해보자👨‍💻

- 유튜브 라매개발자님 영상을 보고 정리해서 블로그에 포스팅하는 것입니다! 기본적인 HTML, CSS의 지식이 어느정도는 있는 상태에서 진행하는 공부 순서입니다🙆‍♂️ 💡 공부를 진행하면서 공부 순서가 변경될 수 있습니다! 제가 진행할 공부 순서를 먼저 정리하고

2일 전
·
0개의 댓글
·
post-thumbnail

The Web Developer - (Udemy)_ Express의 세션과 플래시

세션 활용시 무상태 프로토콜 HTTP에 상태성 부여 가능.하나의 요청에서 다른 요청으로 전달하면서 경로를 추적하기 원함.(로그인한 사용자 이름, 누군가의 체크아웃 전 장바구니 상태 등)쿠키와 세션이 그러한 기능을 담당.하지만 세션은 서버측에 존재.따라서 세션이 존재하는

2일 전
·
0개의 댓글
·

HTTP referer

참고 자료0 https://ko.wikipedia.org/wiki/HTTP\_리퍼러http 헤더 중에서 하나 웹 브라우저로 월드 와이드 웹을 서핑할 때, 하이퍼링크를 통해서 각각의 사이트로 방문시 남는 흔적A 웹페이지 ---> B 웹페이지 이동 시 ( 참조 주

2일 전
·
0개의 댓글
·

[WEB]Selenium 사용법

셀레니움이란 파이썬의 패키지로 웹 상에서 정적인 페이지를 탐색하는데 사용하던 beautifulsoup같은 패키지가 하지 못하는 동적인 크롤링을 지원한다. 동적인 크롤링이란 url상에는 아무런 변화없이 동작하는 웹 페이지에 대한 크롤링을 의미한다.

2일 전
·
0개의 댓글
·
post-thumbnail

의식의 흐름으로 캔버스에 그림그리기

으ㅣㅅㅣㄱㅇㅢ ㅎ ㅡ 름 으 ㄹㅗ ㄱㅡ림 그ㄹㅣㄱㅣ

2일 전
·
0개의 댓글
·
post-thumbnail

The Web Developer - (Udemy)_ Express의 라우터와 쿠키

1) Express 라우터 개요 > Express 라우터 사용시 라우트를 파일로 옮기고 분류가 가능해짐. 라우터 객체는 미들웨어와 라우터의 인스턴스이다. 그래서 라우터를 하나의 작은 앱으로 본다. 라우트와 미들웨어가 존재하고 완전한 앱을 만들기 위해 다른 라우터와

2일 전
·
0개의 댓글
·