끄적끄적

What Does Redux Do? (and when should you use it?) Read this to figure out what Redux is for, why it's useful, and when to use it. daveceddia.com 2017년 10월 25일 리덕스에 관해서 머리를 쥐어짜고 있는가? 걱정하지 마라, 당신뿐만이 아니다. 자기가 쓰고 싶은 리액트 앱 코드를 쓰는데에 리덕스가 가장 큰 장애물이라고 정말 많은 사람들한테 들었다. 이 게시글 끝에 당신은 리덕스가 뭘 위해 있는지, 그리고 그것을 언제 앱에 추가해야 할지 아는 방법에 대해 이해하게 될 것이다. 왜? 시작을 열 최고의 질문은 우리가 대체 왜 리덕스를 사용해야 하나?이다. 그리고 그 답은 "왜냐면 인터넷에 있는 ..

How To Become A Web Developer in 2020 - A Complete Guide - GeeksforGeeks A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions. www.geeksforgeeks.org 2020년 2월 12일 수 많은 시도 후 웹 페이지에 로그인 서식을 처음 만들고 템플릿들을 시험했을 때 기분이 어땠는가? (모든 것을 맨 처음부터 만들었다곤 하지 ..

https://blog.bitsrc.io/how-to-develop-microfrontends-using-react-step-by-step-guide-47ebb479cacd How to Develop Microfrontends Using React: Step by Step Guide A practical guide for Microfrontends using React, with just enough details to understand the underlying concepts behind. blog.bitsrc.io Rumesh Eranga Hapuarachchi, 2020, 7월 28일 마이크로서비스들의 향상으로, 커다란 애플리케이션들은 많은 면에서 혜택을 받았다. 효율적으로 개발하고, 배치하고,..

Data Structures You Should Know as a JavaScript Developer Understanding Data Structures is helpful in all aspects of programming, you don’t need to have a particular use case where you’ll use a… blog.bitsrc.io Fernando Doglio, 2020년 7월 27일 데이터 구조를 이해하는 것은 프로그래밍의 모든 측면에서 도움이 된다. 트리나 그래프를 사용할 특별한 경우의 수가 있어서 이것들을 배워볼까 고려할 필요는 없겠지만. 사실 내 개발 인생 15년 동안 적절한 트리 구조를 실행해본적은 한 번도 없는 것 같다. 하지만 이게 어떻게 돌아가는지 ..

How to write cleaner code with JavaScript Destructuring is one of my favorite tools in JavaScript, in simple terms, destructuring allows you to break down a complex structure (like an array or an object) into simpler parts, though there’s a bit more to it than that. Let’s see it better in an e thenextweb.com LIVE CODE STREAM, 2020년 7월 25일 SYNDICATION에서 해체(destructuring)는 자바스크립트에서 내가 가장 좋아하는 도구 중..

How To Use Styled-Components In React — Smashing Magazine While the component-driven approach has ushered in a new frontier in the way we build web applications, it isn’t without its imperfections — one being its usability and scalability with CSS. This has given birth to a new way to construct and manage our www.smashingmagazine.com Adebiyi Adedotun Luman, 2020년 7월 23일 짧은 요약 → 컴포넌트 위주의 접근이 웹 애플..

Translating Design Wireframes Into Accessible HTML/CSS — Smashing Magazine In this article, Harris Schneiderman walks you through the process of analyzing a wireframe and making coding decisions to optimize for accessibility. www.smashingmagazine.com Harris Schneiderman, 2020년 7월 21일 짧은 요약 → 접근성 있는 웹사이트나 앱을 만드는 가장 효율적인 방법은 개발 및 디자인 과정의 초기 단계에서부터 접근성 시험을 포함함으로써 "시프트 레프트(Shift left)"를 하는 것이다. 이 글에..

Introduction to the Jamstack: Build Secure, High-Performance Sites - SitePoint Understand the Jamstack, an alternative to LAMP and MEAN. Use static files with JavaScript to build secure, scalable, easy-to-maintain sites and apps. www.sitepoint.com Lucero del Alba, 2020년 7월 20일 가끔, 웹개발은 보다 나은 쪽으로 극적인 선회를 한다. 이 글에서 우리는 잼스택을 소개하고 그것이 무엇인지, 그리고 왜 대단한지를 설명한다. 예전에 역동적인(dynamic) 사이트들은 램프(LAMP) 스택으로 폭발했..

Fay McInteer, 2020년 6월 19일 지난 몇 년 간 마이크로 자바스크립트 라이브러리들의 인기가 폭발했다는 것은 비밀이 아니다. 한 줌의 기능들을 사용하고자 거대하고 완전한 기능을 가진 프레임 워크들을 비싼 돈 내고 사지 않고 당신의 코드베이스에 포함할 유용하고, 잘 유지 보수되고 있으며 믿을 수 있는 라이브러리들을 골라내기 위해 어디서 시작해야 할지 약간 막막할 수 있다. 여기 어떤 크기의 자바스크립트 프로젝트더라도 그 수준을 높여줄, 내가 사용해 본 적 있는 굉장한 라이브러리들이 몇 개 있다. is.js arasatasaygin/is.js Micro check library. Contribute to arasatasaygin/is.js development by creating an acc..

React State Management using React hooks and Redux React components has a built-in state object. The state is encapsulated data where you store assets that is persistent between component renderings. The state is just a fancy term for a JavaScript data structure. www.loginradius.com 리액트 컴포넌트들은 상태(state) 객체(object)를 내장하고 있다. '상태'는 컴포넌트가 구현될 때마다 계속 존재하는 자산들을 저장하는 캡슐화된 데이터이다. 상태란 그냥 자바스크립트 데이터 구조를 ..