전체태그 보기

#react (52개의 포스트)

2018년, 내가 모르는 기술들
chris
(위 이미지는 원작자의 블로그글에는 없는 이미지이며, 제가 임의로 넣은 이미지입니다. 출처) 들어가며 많은 주니어 개발자, 또는 몇몇 시니어 개발자 조차도 가면증후군(Imposter Syndrome)에 시달립니다. 가면증후군이란 "높은 성취의 증거에도 불구하고 자신이 똑똑하거나 유능하거나 창의적이지 못하다고 믿으며, 자신의 능력에 대해 남들을 기만...
youhogeon
시작 React는 2013년 여름 Facebook에 의해 오픈 소스로 공개된 프로젝트입니다. 저는 수 년 전 부터 React를 배워보고 싶었고, "모던 자바스크립트 개발자"가 되고 싶었지만, 바쁘다는 이유와 개발이 본업이 아니라는 핑계로 "구식 개발"을 이어 온 개발자
Dan Abramov - How does React tell a Class from a Function? (2편)
kang85
읽기전 - 1편에 이어서 갑니다. How does React tell a Class from a Function? (1편) 시작 그러면, React 은 무언가를 호출할때 class인지 검사를 할까요? 이부분은 쉽지 않습니다. 우리가 class와 Javascript 의 function을 구분할수 있더라도, Babel과 같은 도구로 실행되는 부분에...
Dan Abramov - How does React tell a Class from a Function?  (1편)
kang85
읽기전 - 첫 번역 블로그 글이며, 누군가에게 혹시나 도움이 될까 하는 마음에 올립니다. (번역을 하다보니 막상 제가 제일 많이 배우는것 같네요.😄) 직역보다는 의역에 중요성을 둠으로 원본글과 약간의 차이가 있을수 있지만 최선을 다해 원본의 내용을 옮겨보도록 하겠습니다. 시작 여기 function 형태로 만들어진 Greeting 이라는 콤포넌...
[TOY 1] - 라이엇 API를 사용해서 롤 전적 사이트를 만들어보자
marcus
안녕하세요 스타트업에서 프론트엔드 개발자로 일하고있는 Marcus입니다. 매번 퇴근하고 토이 프로젝트를 진행중에있는데 이번에 진행하려는 토이프로젝트는 라이엇에서 제공하는 API를 활용해서 OP.GG와 같은 사이트를 만들어보려고 합니다. UI는 각종 게임 전적 사이트로 유명한 OP.GG를 클론 코딩할 계획입니다. 먼저 RIOT API를 사용하려면 롤에 ...
React의 새로운 패러다임, React Hooks
vies00
React Hooks이 생긴 배경과 Basic Hook인 useState, useEffect에 대해서 알아보고, custom hook에 관해 살펴봅니다.
[번역] 왜 React Element에는 $$typeof 프로퍼티가 있을까?
scamera
최근 개인 블로그 [Overreacted](https://overreacted.io/)를 통해 양질의 포스트를 쏟아내고 있는 [Dan Abramov](https://overreacted.io/)의 [Why Do React Elements Have a $$typeof Property?](https://overreacted.io/why-do-react-elements-have-typeof-property/)를 번역한 글입니다.
Dan Abramov - setState 제대로 알고 쓰십니까?
honeysuckle
컴포넌트에서 setState를 사용 할 때 무슨 일이 일어나는지 고민 해본적이 있습니까? 예를 들면, ReactDOM Server 구현체나, ReactDOM과 React Native가 공유하는 reconciler 구현체가 해당된다. 이게 바로 ReactDom과 같은 렌더러가 Hooks같은 동일한 React 패키지에 접근해야하는 이유이다. 그렇지 않으...
TypeScript 환경에서 Redux Boilerplate 없애기
heejin
최근 집에서 쉬는 시간에 한국의 해커뉴스를 타깃으로 하는 리드포스트라는 웹사이트를 개발하고 있습니다. (물론 만들다보니 욕심때문에 해커뉴스와는 전혀 다른 사이트가 되어가고 있습니다. 😆) 회사에서는 적용하지 못한 실험적인 것들을 이 사이드 프로젝트를 진행하면서 많이 적용해보고 있습니다. 그 중에서 오늘은 TypeScript 환경에서 Redux의 Boile...
Dan Abramov - 왜 super(props) 를 명시해 줘야 하는가?
honeysuckle
hooks가 최근에 핫하다고 들었다. 아이러니하지만 class 컴포넌트에 재밌는 사실을 설명하기 위해 블로그를 시작한다. 리액트를 더 잘 사용하기 위해서 이것을 아는것은 중요하지 않지만, 어떻게 동작하는지 깊이있게 파고드는 것을 좋아한다면, 재미있을 것이다. 첫 번째 예시를 보자. * 나는 super(props) 에 대해 제대로 알기 전부터 사용해...
Webpack4 for React (리액트를 위한 웹팩4) - 1
padakim
당부의 말씀 이 글은 리액트 프로젝트를 구축하는데 필요한 Webpack4(웹팩4)에 대한 글 입니다. 포스팅의 전체적인 흐름은 Esau Silva의 learn-webpack-for-react을 따라가고 있습니다. 더 자세한 사항은 링크를 참고해주시길 바랍니다. - 리액트 사용자를 대상으로 하고 있습니다. Webpack(웹팩)을 사용하...
sw7190

React 공부 - JSX

2018년 11월 29일0개의 댓글
컴포넌트 파헤치기 만들어진 프로젝트 구조 1.PNG App.js 파일을 살펴보면 import, Component, render, export가 보이는데 차례대로 공부해봅시다.
sw7190

React 공부 시작

2018년 11월 29일0개의 댓글
image.png 성공적으로 앱이 실행이 되었습니다.
dever
CSS Module과 Sass를 같이 사용하는 설정
 [번역] React 컴포넌트 간의 데이터 전달 방법
stellashyou
본 포스트는 Medium 포스트의 Passing Data Between React Components를 번역한 문서입니다. ⚠️오역 주의⚠️ 수정 사항은 댓글로 부탁드려요. 감사합니다. React의 데이터 흐름은 단방향이라, 컴포넌트들 간의 데이터 전달이 조금 까다로울 때가 있습니다. 데이터는 가끔 자식 컴포넌트에서 부모 컴포넌트나, 부모 컴포넌트에서 자...
kyusung

함수형 프로그래밍 요약

2018년 11월 8일2개의 댓글
프로그래밍 패러다임 프로그래밍 패러다임은 프로그래머에게 프로그래밍의 관점을 갖게하고 결정하는 역할을 한다. - 명령형 프로그래밍: 프로그래밍의 상태와 상태를 변경시키는 구문의 관점에서 연산을 설명하는 방식 + 절차지향 프로그래밍: 수행되어야 할 연속적인 계산 과정을 포함하는 방식 (C, C++) + 객체지향 프로그래밍: 객체들의 집합으로 프로그램의 ...
kyusung

React를 위한 ES6

2018년 11월 8일3개의 댓글
React를 위한 ES6 let 기존 ES5에서는 var 키워드를 사용하여 변수를 선언하는 유일한 방법이었다. 자바스크립트는 {} 중괄호를 사용하여 코드 블록을 만들고 변수의 영역은 그 블록 안으로 한정된다. 그러나, var 키워드를 사용하면 if/else 나 for 구문등을 사용하여 코드 블록을 만들어도 변수의 영역이 제한되지 않는 경우가 있다. ...
kyusung
확장성을 고려한 React 컴포넌트 defaultProps, propTypes > 예제 코드
kyusung
React에서 폼 다루기 07fig01_alt 자바스크립트의 input, change 이벤트 - JS onInput, onChange: 예제 코드 - React: 예제 코드 > React의 onChange는 모든 변경에 대해 발생하므로 DOM의 change 이벤트(http://mng.bz/lJ37)가 매번 발생하지 않고 포커스를 잃었을 때...
kyusung
React에서 이벤트 다루기 React에서 DOM 이벤트 다루기 - function vs. Arrow Function > 예제 코드 React를 다른 라이브러리와 통합하기: jQuery UI 이벤트 https://www.youtube.com/watch?v=AMMetkCvztg...