전체 글75 [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. [Redux] Redux Saga redux-saga란 redux-saga는 어플리케이션의 사이드 이펙트(데이터 fetch와 같은 비동기 로직이나 브라우저 캐시에 접근하는 것과 같은 순수하지 않은 것들)를 더 효과적으로 관리하려고 만들어졌다. 즉, 효과적으로 실행하고, 쉽게 테스트하고, 쉽게 에러 핸들링을 하자!는 목적으로 만들어졌다. 그래서 saga는 어플리케이션에서 오로지 사이드 이펙트에만 반응하도록 만들어진 별도 쓰레드와 같다고 할 수 있다. redux-saga는 redux 미들웨어로, 보통의 리덕스 액션으로 시작되고, 중단되며, 취소될 수 있다. 또한 redux 어플리케이션의 모든 상태 값에 접근할 수 있고, redux 액션들을 dispatch할 수도 있다. redux-saga는 비동기 플로우를 쉽게 읽고, 쓰고, 테스트할 수 있.. 2020. 9. 10. 이전 1 ··· 8 9 10 11 12 13 14 ··· 19 다음
