# client

46개의 포스트
post-thumbnail

[Chatterbox - Client]

chatterbox-client sprint진행

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

[Client, Server, API]

Client, Server, API

2021년 5월 8일
·
0개의 댓글
post-thumbnail

애플리케이션과 구성 정보(설정 파일) 분리 (with. 스프링 클라우드 컨피그)

컨피그 서버 1. git에 프로퍼티 파일 업로드 아래 링크에 2개의 서비스(example1, example2)에 대한 프로퍼티 파일을 생성해두었다. 각 서비스는 default, dev, prod 3개의 프로파일 환경으로 분리해두었다. https://github.c

2021년 5월 4일
·
0개의 댓글

Ajax

Ajax(Asynchronous JavaScript And XML) 예전에는 웹페이지에서 뭔가를 클릭하면 페이지 전환을 위해 전체 페이지 전부를 재로딩해야 했다. 과거의 네이버 페이지에서 클릭시 화면이 껌뻑 거리던게 그 때문이다. 이런 걸 Static Web Page(

2021년 5월 1일
·
0개의 댓글

HTTP

HTTP란? HyperText Transfer Protocol : html과 같은 하이퍼미디어 문서를 전송하기 위한 Application Layer(7응용계층) 프로토콜 중 하나이다. 웹 브라우저와 웹 서버간의 통신을 위해 디자인되었다. HTTP는 무상태 프로토콜

2021년 5월 1일
·
0개의 댓글
post-thumbnail

Client

앞선 포스팅에서는 클라이언트와 서버에 대한 간략한 설명을 했다. 이제는 조금 더 깊게 들어가서 js로 어떻게 서버에 요청을 보내는 클라이언트를 구현할 것인지 살펴보도록 하겠다.먼저, 자바스크립트 내에서 서버의 url을 정의해 준다.이렇게 서버의 url주소를 변수로 선언

2021년 5월 1일
·
0개의 댓글
post-thumbnail

Server

이번주 한 주동안 정말 정신없게 새로운 것들을 배웠다. 단지 코드 로직을 어떻게 만드는지에 대한 연습? 보다는 클라이언트/서버에 대한 전반적인 개념들을 접했다. 정말 정신 없었다. 충분히 소화해내지 못한 것 같은데 계속해서 새로운 용어, 개념들이 튀어나와서 머리가 지끈

2021년 4월 30일
·
0개의 댓글
post-thumbnail

Interaction With Server

Client 손님을 뜻한다. Server 서빙하는 사람을 뜻한다. Architectur >리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨 것을 2-Tier아키텍처, 혹은 클라이언트-서버 아케텍처라고 한다.

2021년 4월 28일
·
0개의 댓글
post-thumbnail

[Server] GraphQL API, Apollo Client

GraphQL은 페이스북이 개발한 Query Language 입니다. 여기서 Query란 데이터베이스에 정보를 요청하는 것으로, Query Language는 데이터베이스에 접근할 수 있는 언어라고 이해할 수 있습니다.GraphQL은 REST API의 단점을 해결하기 위

2021년 4월 22일
·
0개의 댓글

[https] client side https

goalhttps 연결하기ubuntu 기준입니다As a prerequisite, you are required to install certutil, a command-line utility that can create and modify certificate and k

2021년 4월 14일
·
0개의 댓글

Apollo Reactive variables

아폴로 클라이언트 캐시 외부에 로컬 상태를 저장하는 데 유용한 메커니즘캐시와 분리되기 때문에 모든 유형 및 구조의 데이터를 저장할 수 있으며, GraphQL 구문을 사용하지 않고도 애플리케이션 내 어디에서나 이 변수와 상호 작용할 수 있음.수정 시 해당 변수에 종속된

2021년 4월 1일
·
0개의 댓글
post-thumbnail

TIL 17. Home Server

IP address: 컴퓨터의 주소같은 것 이 주소를 통해 컴퓨터가 서로 정보를 주고 받을 수 있다. Router(공유기)의 장점은 통신측에서는 Ipv4의 주소를 절약할 수 있고, 소비자측에서는 통신 비용을 절감할 수 있다.Router에 WAN을 연결하면 Route

2021년 3월 31일
·
0개의 댓글
post-thumbnail

[TIL] Chatterbox Client

여러 사용자들과 같이 채팅을 할 수 있는 chat application의 클라이언트 부분을 만들어보자.fetchAPI를 활용하여 서버에 메서지를 요청하고(GET), 메세지를 보내게(POST)하는 기능을 만들어보자. 서버는 이미 AWS에 구축/배포되어 있는 서버를 사용

2021년 3월 21일
·
0개의 댓글

서버와 클라이언트 동시 실행

서버는 node.js이고 클라이언트는 react이다.여태까지는 서버 따로 클라이언트 따로 npm start를 해줬지만 concurrently 라이브러리를 이용하면 동시에 시작해서 좀 더 편하게 개발환경을 구성할 수 있다.설치가 완료되면 package.json에서 설치된

2021년 2월 28일
·
0개의 댓글
post-thumbnail

대충용어

클라이언트(Client): 클라이언트는 '고객'을 뜻한다. 주로 서비스를 사용하는 사용자의 이름을 말한다.서버(Server): 클라이언트가 요청을 하게 되면 요청에 따른 답을 제공해주는 시스템을 서버라고 한다. 프로토콜(Protocol): 클라이언트와 서버와 통신간 정

2021년 2월 18일
·
0개의 댓글
post-thumbnail

MVC, MVP, MVVM

사용자에게 보여지는 서비스를 개발함에 있어서 View라는 부분은 필연적으로 존재하게 된다. 그리고 이 View를 어떻게 어떤 방식으로 보여줄 것인지 그리고 어떤 방법이 유지 보수에 유리한지 등을 잘 신경쓰면서 개발해야 한다. 만약 프로덕트의 규모가 커져서 새로운 기능의

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

쿠키(cookie) vs 세션(session)

쿠키와 세션이 항상 헷갈려 정리해보려고 한다.쿠키와 세션이 필요한 이유client와 server는 항상 연결되어 있는 상태가 아니라 request-response의 반복으로 데이터를 주고받는다. 다시 말해 서버는 사용자를 기억하지 못한다. 이는 HTTP가 다음과 같은

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

프론트엔드 개발 Basic

회사에서 웹 기반 검색 서비스 제품(딥러닝 응용)을 기획하고 있는데, 아마 이번달 안으로 제품 기능 명세와 화면 정의가 나오게 될 것 같다. 관련해서, 예전부터 틈틈히 학습하던 웹 개발을 본격적으로 실무 위주로 이어나가려고 한다. 이번 문서는 완전 기본적으로 무조건

2021년 1월 7일
·
0개의 댓글

http 개요

지금은 초등학생들도 스마트폰을 가지고 있을 정도로 인터넷 환경이 잘 되있습니다. 하지만 저는 몰랐습니다. 스마트폰 자체가 하나의 요청자, 즉 클라이언트로 되어 있고 클라이언트에서 서버를 통해서 앱과 인터넷을 이용한다는 사실을 말입니다.http는 클라이언트와 서버가 정보

2020년 12월 28일
·
0개의 댓글
post-thumbnail

TIL_IM_20201223(수)

API(Application Programming Intrface) 프로그래밍되어있는 애플리케이션과 의사소통 가능한 매개체 UI(User Interface) 사용자와 의사소통 가능한 매개체 Browser HTML 문서와 그림, 멀티미디어 파일등 W3C(World Wid

2020년 12월 23일
·
0개의 댓글