아티클 모음

평소 북마크에 각종 아티클을 모아두곤 했는데, 검색이 불가능하다보니 불편한거 같다.

일단 큼직하게 정리하고 나중에 세부 정리를 할 예정이다.

~ 하는 방법

• Heroku에 .env파일 적용하기

• flexbox로 만들 수 있는 10가지 레이아웃

• 100,000개의 아이템도 거뜬한 셀렉트박스 만들기 1/2

• Vanilla Javascript로 컴포넌트 만들기

• mouse event만으로 투두리스트(todo list) 만들기 (feat. 이벤트 위임)

• react-beautiful-dnd를 이용해 드래그 태그 만들기

• [Trello 만들기 4일차 2] Drag & Drop, react-beautiful-dnd

• Javascript 프로젝트를 시작하기에 앞서 - package 설정

• useCallback과 React.Memo을 통한 렌더링 최적화

• JS promise 패턴 구현해보기

• Custom Promise 구현으로 프로미스 파혜치기

• Promise: 구현해보며 원리 살펴보기

• 나만의 리액트 라이브러리 만들기

• gh-pages: dist 디렉토리만 deploy 하기

• 리액트 프로젝트에서 타입스크립트 사용하기

• [Recoil] Recoil 200% 활용하기

• Typescript로 만든 라이브러리 NPM에 배포하기 (With Github Actions)

• NPM에 React 모듈 배포하기

• 웹 프로그래머를 위한 HTTP 완벽 가이드 읽는 법
  

• Create-React-App에서 Eject사용안하기(customize-cra, react-app-rewired)
  

• Github Action 사용법 정리

• [Nodejs] [Express] 세션(Session) 사용하기

• [30+ Useful Pure CSS Code Snippets](https://1stwebdesigner.com/30-useful-pure-css-code-snippets/?fbclid=IwAR3nJnOEmKvnyY5tu2qUT__3jdO6bWUOR-_e3aGO2mvChyAtdBarhkjqEW830+ Useful Pure CSS Code Snippets)

• 25 JavaScript Tricks You Need To Know About

기술 아티클

• Virtual DOM(버추얼 돔,가상 돔)을 직접 만들어보자

• JavaScript 상태 관리

• REST API 제대로 알고 사용하기

• 실행 컨텍스트

• 브라우저는 어떻게 동작하는가?

• CommonJS와 ES Modules은 왜 함께 할 수 없는가?

• [자바스크립트] 메모리 누수 / 메모리 관리

• <번역>자바스크립트의 메모리 모델

• 함수형 프로그래밍 — Pipe

• 함수형 프로그래밍: partial application과 curry

• 자주 사용하는 기초 Git 명령어 정리하기

• ES modules: 만화로 보는 심층 탐구

• React.memo() 현명하게 사용하기

• 리액트 교과서 - 컴포넌트와 라이프사이클 이벤트

• [React] 리액트 (리)렌더링, React.memo

• (JavaScript) Tagged Template Literals란?

• 웹 폰트 사용과 최적화의 최근 동향

• Dan Abramov - setState 제대로 알고 쓰십니까?

• React Hooks는 어떻게 function component를 다시 그릴까?

• 커스텀 React 구현을 통해 알아보는 React Hooks의 동작 원리 분석

• [React] <Switch>는 언제 써야 할까?

• [react] useState의 비동기적 속성, 함수형 업데이트

• React 톺아보기 - 03. Hooks_1

• 프론트엔드 개발환경의 이해: 웹팩(심화)

• CRA 없이 TS react 환경 구성

• CRA없이 React + TypeScript 셋팅하기!

• Generate your web-app boilerplate like create-react-app does.
  

• UX Tech

• [번역] babel-preset-env는 무엇이고 왜 필요한가?

• 함수형 컴포넌트 타이핑함에 있어 React.FC<P>를 회피할 것

• 리액트 컴포넌트 타입스크립트로 작성하기

• 10++ TypeScript Pro tips/patterns with (or without) React

• 웹 프로젝트는 PWA이어야 한다

• [Kent C. Dodds] 어플리케이션 상태 관리 (Application State Management with React 한글 번역)

인성(?) 아티클

• 🌈 2020 FrontEnd 개발자가 되기 위한 10가지 방법

• 누구나 원하는 개발자되기

• 웹 프론트엔드 개발자, 어떻게 준비해야 할까?

• [번역] 개발 배우기가 정말 어려운 이유

• 프론트엔드 개발자는 왜 구하기 어렵나요?

• 신입 프론트엔드 개발자를 위한 면접 조언

영상

• 크롬 개발자 도구 초간단 소개

• Recoil: 왕위를 계승하는 중입니다.

  • PDF 문서

학습용 사이트

• learngitbranching

기술 블로그

• 우아한형제들 기술블로그

• 김정환블로그

• TOAST UI

• techblogposts

  • 유명 IT 기업 기술 블로그 아티클을 한 번에 볼 수 있는 곳

• 코드쓰는사람 - 김태곤

• Stark Jeon

• Outsider's Dev Story

• overreacted

유용한 사이트

• 기술 면접 질문 모음

• 용감한 기술 인터뷰 (면접)

• [IT 개발자와 일할 때 필요한 모든 개발지식] A to Z 자료 모음집 By 그랩

• nuxt-template

• next-template

• Open color

• react-icons

• shields

• easings

• jsonplaceholder

• devdocs

• DEV LOG

• NULI

• randomkeygen

• jwt

• carbon

• measureThat

• hotjar

• React-use

• FeBase

• Best GitHub Repos for Web Developers