끄적끄적

52 Frontend Interview Questions - JavaScript Introduction A large number of beginner and experienced developers have started to... dev.to 1. 자바스크립트에는 무슨 데이터 타입들이 존재하는가? Number - 숫자 String - 스트링 (문자) Boolean - 불리언, 참 또는 거짓 Object - 객체 null - "아무것도 없음", "비었음", 또는 "알려지지 않은 값"을 대표하는 특수한 값 undefined - "값이 할당되지 않았음." 어떤 변수가 선언되었으나 그에 할당된 값이 없을 때 이 타입이 배정된다. Symbol - 유일하고 변형시킬 수 없는 테이터 타입으로, 객체 속성들을 위한..

Functional Programming in JavaScript: Functions, Composition and Currying How to use the functional programming paradigm in Javascript. blog.bitsrc.io 페르난도 도글리오, 2020년 8월 11일 객체 지향 프로그래밍과 함수형 프로그래밍은 그 규칙들과 장단점이 뚜렷이 다른 두 개의 프로그래밍 패러다임들이다. 그러나 자바스크립트는 끝까지 쭉 한 가지 길을 따라가는 대신 두 가지 길의 딱 중간에 자리잡았다. 클래스, 객체, 상속과 같이 일반 객체 지향 언어가 가지고 있는 양상들 몇 가지를 제공하지만 그와 동시에 고차원 함수들 및 그것들을 합성할 수 있는 기능과 같은 몇몇 함수형 프로그래밍의 개..

5 Recommended ReactJS Tips and Best Practices React.js tips from top React developers and engineers. blog.bitsrc.io 정상의 리액트 개발자와 엔지니어들로부터의 리액트 자바스크립트 팁들. 니콜라스 에이드리언, 2020년 8월 12일 리액트는 모든 프론트엔드 개발자가 자기 공구 벨트에 가지고 있어야 하는 것이다. 새로운 개념들도 배울 필요가 있고 전통적인 MVP 앱에서 사용해왔던 몇 가지는 잊을 필요가 있다. 그것이 내가 당신에게 연락해서 지식을 공유하고 몇몇 정상의 리액트 개발자들과 엔지니어들로부터의 최고 팁들을 주려고 하는 이유이다. 1. 프로미스 안에서 this 참조를 어떻게 다뤄야 할까? 리액트로 작업하는 동안 ..

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)"를 하는 것이다. 이 글에..