전체태그 보기

#web (49개의 포스트)

y46028911

1. SheetJS IE호환성 문제 해결

2019년 11월 21일0개의 댓글
문제점 1. 현재 구버전 IE에서는 FileReader의 readAsBinaryString을 지원하지 않습니다. 2. 현재 구버전 IE에서는 charCodeAt, slice Method를 지원하지 않습니다. 해결방법1. Browser를 구분해서 처리하는 경우 isVersionIe변수를 지정해 브라우저 별로 구분해서 처리하는 방법이 있습니다....
jmkim87

지긋지긋한 CORS 파헤쳐보자

2019년 11월 7일0개의 댓글
CORS (Cross Domain) 서버와의 통신을 위해 ajax나 XMLHttpRequest를 사용하다보면 CORS 에러가 나오는 경우가 종종 발생합니다. 할때마다 설정 방법이나 우회 방법을 항상 찾다보니 매번 고생하는거 같아 정리해봅니다. CORS 란? CORS는 Cross-Origin Resource Sharing의 약자로 보안상의 이유로,...
How to use TypeScript
wlsdud2194

How to use TypeScript

2019년 10월 28일0개의 댓글
Typescript를 배우면서 중요한 내용을 정리한 글입니다. 이전부터 타입스크립트의 장점과 필요성을 알고는 있었지만 Typescript를 쓰지 않고도 개발을 잘 해왔기 때문에 사용을 꺼려왔었습니다. 그리고 평소처럼 React로 javascript만을 이용하여 웹 어플리케이션 개발을 하던 도중 (대충 Props로 값을 넘겨줄 때, 타입정의를 하지 않...
[HTTP] REST API 란
wlsdud2194

[HTTP] REST API 란

2019년 10월 28일2개의 댓글
과거에는 브라우저가 웹서버에 웹페이지를 요청하여 클라이언트를 제공하여 웹페이지가 작동하였습니다. 하지만 최근에는 SPA(Signle-Page-Application)를 이용하여 클라이언트(대표적으로 React, Vue, Angular)를 구현하며, 클라이언트를 서버와 분리하여 클라이언트 로직을 분명히 합니다. 또한 서버에 API를 요청하므로써 웹 ...
GraphQL - Node Tutorial - 08. Realtime GraphQL Subscriptions
cadenzah
Node.js, Express, 그리고 Prisma를 사용하여 어플리케이션에 실시간 기능을 더하려면 GraphQL 구독을 어떻게 구현해야 하는지 배웁니다.
devzunky

TIL no.61 - WEB - 2 - HTTP

2019년 10월 25일0개의 댓글
WEB - 1에서 HTTP는 HTML 문서를 교환하기 위한 protocol이라는 것을 공부했습니다. 이제 HTTP의 구조와 핵심 요소에 대해 알아보겠습니다. 1. HTTP 통신 방식 1. request / response 구조 클라이언트가 request를 보내면 서버는 response를 보냅니다. 2. stateless HTTP 통신은 상태를 ...
devzunky

TIL no.57 - WEB - 1 - 용어 정리

2019년 10월 23일0개의 댓글
도메인, 호스트, URL 등등 WEB과 관련된 생소한 용어들이 많습니다. 이런 용어들 하나하나 의미를 파악해보면서 개념을 정리해보겠습니다. * 1. http: HTTP란 Hyper Text Transfer Protocol의 약자입니다. Hyper Text : 하이퍼링크를 통해 한 문서에서 다른 문서로 이동할 수있는 텍스트 Transfer : 이동...
codemcd

웹 MVC 모델의 흐름

2019년 10월 21일0개의 댓글
웹 개발을 하다보면 MVC 패턴을 쉽게 접한다. 특히 스프링으로 개발을 하면 스프링 MVC 모델도 존재한다. 하지만 이전 JSP를 사용할 때부터 어떻게 스프링 MVC 패턴까지 하나씩 살펴보자. JSP Model-1 모델 1은 클라이언트의 요청을 하나의 JSP 페이지에서 뷰와 로직을 모두 처리한다. JSP_model1.png 위 구조를 보면 알...
GraphQL - Node Tutorial - 07. Authentication
cadenzah
Node.js, Express, 그리고 Prisma를 사용하여 인증과 권한 부여를 구현하는 우수 사례를 배웁니다.
GraphQL - Node Tutorial - 06. Connecting Server and Database with the Prisma Client
cadenzah
GraphQL 서버에 데이터베이스를 추가하는 법을 배웁니다. 데이터베이스는 Prisma를 사용하여 서버와 연결됩니다.
amobmocmo

[HTTP] RESTful API

2019년 10월 14일1개의 댓글
RESTful API REST (Representational State Transfer) - 자원을 이름으로 구분해 해당 자원의 상태를 주고받는 모든 것 - 자원의 표현에 의한 상태 전달 - HTTP URI를 통해 자원을 명시하고, HTTP Method를 통해 해당 자원에 대한 CRUD를 적용하는 것 - 장단점 - 장점 - HTTP 프로토...
GraphQL - Node Tutorial - 05. Adding a Database
cadenzah
GraphQL 서버에 데이터베이스를 추가하는 법을 배웁니다. 데이터베이스는 Prisma를 사용하여 서버와 연결됩니다.
GraphQL에서 `input` 타입을 왜 사용할까?
cadenzah
GraphQL의 'Object' 타입과 'input' 타입의 차이
GraphQL - Node Tutorial - 04. A Simple Mutation
cadenzah
graphql-js, Node.js, Prisma를 사용하여 GraphQL 뮤테이션을 구현하는 우수 사례를 배웁니다. 구현한 내용을 GraphQL Playground에서 테스트해봅니다.
GraphQL - Node Tutorial - 03. A Simple Query
cadenzah
GraphQL 스키마 정의, Node.js를 사용하는 쿼리 리졸버 구현, GraphQL Playground를 사용한 쿼리 테스트에 대하여 배웁니다.
GraphQL - Node Tutorial - 02. Getting Started
cadenzah
Node.js와 Express를 사용하여 GraphQL 서버를 설정하는 방법을 알아봅니다. 또한, GraphQL 스키마를 정의하는 모범 사례를 알아봅니다.
GraphQL - Node Tutorial - 01. Introduction
cadenzah
Tutorials that will start from scratch and teach you how to build a fully-fledged Hackernews clone
How to GraphQL - 10. Common Questions
cadenzah

How to GraphQL - 10. Common Questions

2019년 9월 30일0개의 댓글
GraphQL의 서버 사이드 캐싱, 인증, 권한, 오류 처리, 오프라인 사용 등에 대한 공통 질문에 대한 해답을 알아봅니다.
How to GraphQL - 9. Security
cadenzah

How to GraphQL - 9. Security

2019년 9월 29일2개의 댓글
GraphQL의 다양한 보안 측면 및 전략에 대하여 알아봅니다. 시간 제한, 최대 쿼리 깊이, 쿼리 복잡도, 쓰로틀링에 대하여 알아봅니다.
How to GraphQL - 8. Tooling and Ecosystem
cadenzah
GraphQL 생태계에 대하여 알아보고, GraphiQL Playground, Introspection을 통하여 자동 생성되는 문서와 같은 관련 도구에 대하여 배웁니다.