본문 바로가기

분류 전체보기72

[Naver] Engineering 2021 https://tv.naver.com/v/23652451 Inside React(동시성을 구현하는 기술) NAVER Engineering | 심흥운 - Inside React(동시성을 구현하는 기술) tv.naver.com 1. Inside React (동시성을 구현하는 기술) Facebook의 React Team은 지난 6월, React 18 alpha 버전을 발표하고 정식 버전의 릴리즈를 준비하고 있습니다. 본 세션에서는 앞으로 공개될 React 18을 준비하며 React의 방향성을 함께 살펴보고, 핵심 특징인 Concurrent Rendering과 그것을 구현하고 있는 기반 기술에 대해 연구한 내용을 공유하고자 합니다. 2. Next.js, Apollo와 함께 리액트 개발의 Next Level로 가.. 2021. 12. 22.
[tailwind CSS] tailwindCSS 기초 셋팅 tailwindCSS 트렌드 지금까지 styled-components 또는 scss를 주로 사용했습니다. 트렌드 동향을 보았을 때, CSS 프레임워크를 보면 tailwind CSS를 많이 급속도로 많이 사용되고 있으며, 만족도도 좋기 때문에 tailwind CSS를 가볍게(?) 사용해보려고 합니다. Tailwind CSS 설치하기 CLI로 tailwind 설치 ``` npm install -D tailwindcss npx tailwindcss init ``` tailwind.config.js module.exports = { content: ["./src/**/*.{html,js}"], theme: { extend: {}, }, plugin: [], } src/input.css @tailwind base.. 2021. 12. 16.
2. GraphQL is the better REST GraphQL은 더 좋아진 REST REST 웹 API를 설계하는 표준으로 거듭(표준이라고 명칭을 내리기에는 애매하지만 다수 사용) REST는 무상태 서버, 자원에 대한 구조화된 접근과 같은 훌륭한 발상을 제공합니다. REST API는 오늘 날 클라이언트의 급변하는 요구 사항들을 만족시키기에는 유연성이 부족합니다. GraphQL은 이러한 유연성과 효율성을 향상시키고자 하는 요구에 부합하고자 개발되었다. GraphQL을 사용하면 개발자들이 REST API와 상호작용할 때 경험했던 단점과 비효율을 해결할 수 있습니다. REST API 예 여러 개의 엔드포인트로부터 데이터를 모으는 것이 일반적이다. 우선 해당 사용자의 데이터를 /user/:id 엔드포인트를 통하여 불러올 수 있습니다. 다음으로, 해당 사용자의.. 2021. 11. 17.
1. Introduction GraphQL의 핵심은 클라이언트가 필요한 데이터를 정확하게 특정하여 API에 요청하는 선언적인 데이터를 불러오기를 가능하게 만드는 것. 고정된 형태의 데이터 구조를 반환하는 엔드포인트 여러 개 제공하는 것이 아닌, GraphQL 서버는 단 하나의 엔드포인트만을 노출시키고, 클라이언트가 요청한 데이터들만을 정확하게 반환하는 것을 GraphQL이라고 함. GraphQL - API에 대한 쿼리 언어 데이터베이스 상에 데이터를 저장하고 있는 서버로부터 데이터를 불러오는 작업이 필요함. API는 어플리케이션의 필요에 따라 저장된 데이터에 접근할 수 있는 인터페이스를 제공해야만 합니다. GrpahQL은 데이터베이스가 아닌. API를 위한 쿼리 언어 API가 사용되는 모든 맥락에서 효율적으로 사용될 수 있습니다. .. 2021. 11. 17.