# web

jellyloveschoco

브라우져는 위협 받고있다.그 이유는 바로 자바스크립트를 구동하기 때문!브라우져에서 자바스크립트로 가능한것들1\. ajax call을해서 api를 호출할수 있다.2\. 다이나믹하게 DOM을 제어할수 있다.3.인증 정보를 브라우저에 저장 할수 있다.4\. 인증정보를 불러올

ybear90

웹에서 Front-end와 Back-end는 API 시스템 보통 HTTP protocol 을 기반으로 통신을 하게 된다. 그래서 HTTP에 관련한 내용을 정리할 필요가 있다고 느껴서 정리하고 넘어간다HyperText Transfer Protocol 의 약자 즉 HTM

poburi

HTTP 쿠키는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각. 브라우저는 그 조각을 저장해 놨다가 동일한 서버에 재요청이 들어오면 저장된 데이터를 함께 전송한다. 쿠키의 3가지 목적 세션관리 서버에 저장해야할 로그인, 장바구니, 게임 스코어 개인화 사용

thsoon

안녕하세요. thsoon입니다.이번에 포스팅이란걸 처음 써봐 부족한 뉴비지만 차근차근 써보도록 하겠습니다.포스팅을 시작하게 된 이유는 언제 한번 블로그를 만들고 싶은 생각이었기도 하고, 지금 하고 있는 프로젝트가 인원들이 서로 다른 분야의 기술을 가지고 있어, 기술 교

jayden

2월 16일(일) 오후 5시경... 회사 도메인의 네임서버를 변경하게 되었다. 오후 5시부터 약 24시간 나는 지옥을 맛보게 되었다. 네트워크상에서 컴퓨터들은 IP주소를 이용하여 서로를 구별하고 통신하는데, 사람들이 네트워크를 통해 원격의 컴퓨터에 접속하기 위해서는

valentin123

위메프 best section을 크롤링해서 csv파일로 저장해보자.크롤링하는 방법은 여기서 자세히 다루므로 이번에는 csv파일 저장위주로 다뤄보고자 한다.(전체 코드는 맨 아래에서 확인)selector로 끌어온 각각의 price, title, url들을 위와같이 리스트

hanrimjo

웹서버 프로그래밍을 작성할 때에는 보통 개발자가 직접 파이썬 라이브러리를 사용해서 웹 서버를 개발하기 보다는 웹 프레임워크를 사용해서 개발하는 경우가 대부분이다.프레임워크는 개발자가 웹 서버 프로그램을 개발하기 쉽도록 저수준의 기능을 이미 만들어 놓은 프로그램으로, 웹

kcarl

웹 페이지 제작을 하다보면 탭 메뉴를 이용하여 컨텐츠를 보여주고 숨겨줘야 할 때가 있습니다. 특히 요즘은 대부분의 경우 반응형 웹 페이지를 기본으로 만들기 때문에 PC보다 더 작은 화면의 디바이스로 갈 경우, 한정된 공간 안에서 효율적으로 컨텐츠를 보여주기 위해선 탭

cadenzah

이제 여러분은 Node.js를 사용하여 GraphQL 서버를 만드는 법, 필터링과 인증, 페이지네이션과 구독을 구현하는 베스트 프랙티스를 모두 배웠습니다.

valentin123

html파일에서 원하는 부분을 끌어오는 대표적인 방법들에 대해서 알아보자.우선 해당 페이지의 url을 읽어와 BeautifulSoup parser의 객체를 soup 인스턴스에 넣어준다.soup.find_all()위의 부분은 indeed홈페이지에서 python을 검색하면

valentin123

indeed사이트에 python과 관련된 구인공고의 정보(url, title, location)을 가져와보자.우선 requests와 BeautifulSoup을 import하고 python을 검색한 결과 페이지를 url로 담아주고 requests.get().text로 해

cadenzah

Node.js, Express, Prisma를 사용하여 GraphQL API에 필터링 및 페이지네이션 기능을 추가해봅니다.

valentin123

빌보드 hot100차트의 랭킹, 곡제목, 가수이름을 크롤링해보자.우선 웹사이트로 http request중 get매서드를 보낼 requests 라이브러리를 import해준다.그리고 불러온 http 객체를 해석(parsing)할 bs4라이브러리 중 BeautifulSoup

ybear90

웹 크롤링(Crawling)은 웹 사이트에서 특정 키워드로 탐색하여 자료를 수집하는 행위를 뜻한다. 파이썬 어느정도 사용해 봤다면 몇가지 패키지들을 통해 쉽게 웹 크롤링 작업을 진행해 볼 수 있다.python이 설치 된 개발환경(가상환경), pip 패키지 중 reque

taylorkwon92

1. 웹(Web)이란? 웹이란 World Wide Web의 줄임말로 WWW라고 부르기도 하는데, 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간을 의미한다. 2. 웹의 구조 image.png 웹은 위와 같이 동작한다. 유저(User)가 1번과 같이 웹 브라우저를 통해 www.naver.com 에 접속을 요청한다고 하자. DNS(Domai...

kimu2370

오늘은 인터넷과 웹의 개요와 동작원리에 대해서 블로깅 해보려 한다. 인터넷이란? 인터넷의 개념 여러 통신망을 하나로 연결한다는 의미의 'inter-network'라는 말에서 시작되었으며, 이는 전 세계 컴퓨터들을 하나로 연결하는 거대한 컴퓨터 통신망을 의미한다. 이러한 인터넷은 클라이언트와 서버로 구성되며, TCP/IP라는 기본 프로토콜을 통해 제공...

devmin

웹은 어떻게 작동하는걸까요? 일반적으로 우리는 웹을 브라우저라고 생각합니다. 브라우저를 통해 웹에 접속하기 때문인데요, 이 브라우저에 우리가 원하는 정보를 띄우기 위해서는 서버에 데이터를 요청해야합니다. 예를 들어, 우리는 www.naver.com이라는 url 주소를 브라우저에 치고, 네이버 페이지에 들어갑니다. 이때 브라우저는 네이버의 서버에 데이터를 ...

ceres

2월 6일 (목요일)⋅오후 3:00~ 4:30 TLI #10.

ejchaid

WEB STORAGE HTML5 에는 웹의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함되어 있다. Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다. 그리고 영구저장소(LocalStorage)와 임시저장소(SessionStorage)를 따로 두어 데이터의 ...

diane_at_work

그동안 web개발할때 직접 구조를 잡아본적이 없던지라, 패드 개발하며 webpack공부가 필요했다. 그래서 뭘 공부해야할지 리스트를 요청해서 잘하는 선배님께 받았다. 이렇게 공부하면 된다구 하셨다. npm init, create package.json webpack install (devDependency) + webpack-cli webpack co...