PROGRAMMING/Web Programming
-
React가 핫한 이유, 리액트 개념PROGRAMMING/Web Programming 2022. 1. 26. 22:47
웹 개발, Frontend쪽을 해 본 사람이라면 FE framework 3대장인 React, Vue, Angular를 적어도 이름은 들어봤을 것이다. 그 중에서도 React는 가장 많이 쓰이고 있는 프레임워크이며, 그 동안 jQuery라는 친구밖에 몰랐던 javascript의 인간관계는 어느새 많은 변화가 생겼다. 어쩌다 보니 나는 요즘은 웹앱 개발을 많이 하고 있고 오늘 신규 인원들을 위해 React 세미나도 했던 겸사겸사 초심자의 마음으로 돌아가서 React의 기원에 대해 알아보도록 하자. 정말 우연하게도(?) 얼마 전에 방문한 카페 이름이 React였다. 물론 카페의 간판은 Re.act로, 사장님이 개발을 아시기 어려울거니와 가운데에 점을 찍으신 걸로 봐서 가능성은 더더욱 없어 보인다. 하지만 하루..
-
GraphQL 개념 정리 (Apollo Client)PROGRAMMING/Web Programming 2021. 4. 6. 11:07
현재 진행 중인 프로젝트에서 React.js 프레임워크와 함께 GraphQL을 사용 중인데, 처음 써봐서 정리하려고 한다. GraphQL이란? API를 위한 query language로, Facebook에서 개발하였다. GraphQL은 기존의 RESTful API와는 달리 주로 하나의 Endpoint를 사용하며, query문에 따라 응답의 구조가 달라진다. 이로써 내가 생각하는 장점은 크게 2가지인데, 1. 쿼리 형식으로 server - client 간 통신이 용이하며, (schema가 오픈되므로) 유지보수와 확장성에 용이하다. 2. HTTP 요청의 횟수를 줄일 수 있으며 (하나의 query에 원하는 정보를 담아 요청할 수 있으므로), 더불어 응답 size를 줄일 수 있다. Query language란?..
-
Chrome에서 Web Security 무시하는 방법PROGRAMMING/Web Programming 2021. 3. 25. 14:58
client 코드 작성 중 server 측에서 allow-cross-origin 이슈를 접하는 등, 다양한 web security 정책에 막혀 개발이 원활하게 진행되지 못할 때가 있다. chrome에서는 실행 시 command option을 넣으면 web security를 무시할 수 있다. 1. (Windows 기준) 시작 -> 실행 2. 아래 command 실행 chrome.exe --disable-web-security --user-data-dir="D:/"