전체태그 보기

#react (104개의 포스트)

songjy6565
웹 개발 도중 임시로 dropdown 과 radio button 을 써야 될 일이 생겼다. -- dropdown reference https://www.w3schools.com/howto/howtojsdropdown.asp https://www.npmjs.com/package/react-dropdown https://thrillfighter.tistory...
deepvaluer
나는 웹개발자가 아니다. 그리고 글쟁이도 전문가도 아니다. 그렇기에 이 글은 React를 위한 글이라기 보다 Node.js + React + Express로 사이드 프로젝트를 진행하며 겪은 내용을 서술한다. 처음 접해보는 모든 황당한 것을 두서 없이 나열해본다. 나중에는 더 잘 쓸 수 있겠지.. 참고로 집에서는 Mac, 회사에서는 Windows라 필자...
baldongdong

React hooks useCallback

2019년 3월 12일0개의 댓글
useCallback 최근 추가된 hooks의 useCallback 함수에 대해 찾아 보았다. 이는 성능 향상을 위해 불필요한 렌더링을 방지하려는 경우 적합하다. 자식 컴포넌트에 콜백을 전달하는 두 가지 방법을 비교해 보자. 1. class + inline arrow function class Foo extends Component { ...
React Native 정리✍️
geuni1013

React Native 정리✍️

2019년 3월 5일0개의 댓글
참조: [https://reactnavigation.org/docs/en/navigation-prop.htmldocsNav] 사용, 존재 이유 - web에서 url은 stack구조로 처리되며, push하거나, pop해서 다른 페이지로 이동하거나 뒤로 간다. - 그러나 mobile 환경에는 이러한 stack구조의 네비게이터가 존재하지 않는다. - �...
velog 배너 생성기를 만들어 봅시다
godori
velog를 사용하는 여러분은 썸네일용 배너를 어떻게 만들고 계신가요? 저는 매번 배너 만들기가 귀찮아서(...) 간단한 배너 생성기를 만들었습니다. - Banner Maker React로 스태틱 배너 생성기를 만들면서 삽질했던 내용을 기록해 보았습니다. 필수적
taewo

리액트 Styled Componets - 2편

2019년 3월 2일0개의 댓글
Tag의 속성을 변경하는 방법
taewo

리액트 Styled Components - 1편

2019년 2월 28일0개의 댓글
Styled Components 란? - 설치 $ npm install --save styled-components - 사용법 (methods) Button 컴포넌트에 rotationTime 를 props 로 css 를 변경했다. *
[주니어탈출기] 서버사이드렌더링(SSR) & 클라이언트사이드렌더링(CSR)
zansol
서버사이드렌더링 & 클라이언트사이드렌더링 왜 모바일의 시대에 등장한 클라이언트사이드렌더링 Single Page Application(SPA)! 고려해야할 점들이 있다. SPA는 최초 한 번 페이지 전체를 로딩한 후 데이터만 변경하여 사용할 수 있는 애플리케이션을 의미한다. 렌더링 방식 SPA는 클라이언트사이드렌더링방식 이다. 기본적으로 페이지 로...
나의 첫 리액트 앱(기존 프론트 개발과의 느낌)
gksdnr89
소개 인프런에서 김정환님의 실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발강의를 보고 해당 강좌의 내용을 리액트 소스코드로 재구성해봤습니다. 기초적인 리액트 앱이며 Live Demo와 요구사항 분석을 참조해주세요. 시작 이번에 프론트엔드 개발로 취업준비를 하면서 리액트는 필수인 것 같았다. (우대가 아닌 자격조건! 👿) 지금...
TypeScript with React + Redux 사용하기
yesdoing
서론 최근 취업을 위해 서류를 제출하면서 우대 사항에 TypeScript 에 대한 경험이 많이 적혀있는 것을 보고 공부를 해야겠다 생각하였습니다. 그래서 TypeScript React를 구글링을 하였는데... image.png ~벨로퍼트님... 그는 React의 신인가?..~ 벨로퍼트님의 블로그 === React의 라프텔 // True 트루 참트루...
marcus

React Form Login Validation

2019년 2월 21일0개의 댓글
안녕하세요 Marcus입니다. 이번 포스팅은 React에서 Login을 구현할 때 유효성검사를 어떻게 하는지에 대해서 제가 사용하는 방법을 소개해드리려고 합니다. 많은 라이브러리들이 있지만 저는 직접 구현해서 사용합니다 한번 보시죠! 먼저 javascript에 정규 표현식을 사용해서 email식이 맞는지를 체크하는 함수를 하나 만들어줍니다. s...
react-native 전역일계산기앱 군돌이 개발기 #2
jon
react-native 전역일계산기앱 군돌이 개발기 1 글을 velog에 2018년 9월 29일에 썼었는데 드디어 개발기를 썼습니다. 시리즈로 하려고 했지만 시리즈로 끌면 재미없고 쳐질 것 같아 하나로 끝냅니다. 원문 링크는 blog.holy.kiwi입니다. 190127_intro 2018년 9월 3일에 전역일계산기 앱 [군돌이](http:/...
dongwon2
hooks 원본 글 Hooks는 React 16.8 버전에 새로 추가되었습니다. Hooks는 여러분이 class를 사용할 필요 없이 state와 React의 특징들을 사용할 수 있게 합니다. useState는 우리가 Hooks에 대해 처음으로 배우게 될 함수입니다. 그러나 이 예제는 티져에 불과합니다. 아직 이해가 안 되어도 걱정하지 마세요! 당신...
odini

Code-Splitting(코드 스플릿팅)

2019년 2월 3일1개의 댓글
https://reactjs.org/docs/code-splitting.html - 번역 글
odini

Accessibility(접근성)

2019년 2월 1일1개의 댓글
https://reactjs.org/docs/accessibility.html - 번역 글
odini
https://reactjs.org/docs/thinking-in-react.html 번역글 React는 자바스크립트로 크고 빠른 웹 애플리케이션을 만드는 최고의 방법이라고 생각합니다. Facebook과 Instagram도 React를 사용하였으며 앱이 커질 때 아주 유용했습니다. React의 가장 중요한 부분 중 하나는 앱을 제작할 때 앱을 어떻게 만...
park_sang
만약 어떤 컴퍼넌트에서 redux의 state를 불러오고 싶으면 무조건 해당 컴퍼넌트를 감싸는 컨테이너를 만들어야 하는건가요? 아니면 꼭 redux를 연계하지 않더라도 클래스 문법을 통해 메서드나 스테이트를 사용하고 싶으면 컨테이너를 만드나요? 물론 프로젝트 구조에 정답은 없다는 건 알고 있습니다. 그래도 밸로펄트님의 깃헙 보일라플레이트를 기준으로 공...
odini
https://reactjs.org/docs/composition-vs-inheritance.html - 번역 글 React는 강력한 구성 모델을 가지고 있으며 상속 대신 구성을 사용하여 컴포넌트 사이의 코드를 재활용하는 걸 권장합니다. 이 섹션에서는 React를 처음 사용하는 개발자가 상속을 위해 종종 도달하는 몇 가지 문제를 살펴보고 구성을 통해 문...
odini

Lifting State Up(state 끌어 올리기)

2019년 1월 31일1개의 댓글
https://reactjs.org/docs/lifting-state-up.html - 번역 글 종종 여러 컴포넌트에 동일한 변경 데이터 변경을 반영하고 싶은 필요가 있습니다. 이럴 때 공통 조상에 state를 끌어올리는 걸 권장합니다. 어떻게 하는 지 살펴봅시다. 이 섹션에서는 주어진 온도에서 물의 끊음 여부를 계산하는 온도 계산기를 작성합니다. 먼...
odini

Forms(폼)

2019년 1월 30일0개의 댓글
https://reactjs.org/docs/forms.html - 번역 글 HTML 폼 요소는 자체 내부 상태를 갖고 있기 때문에, 폼은 React에서 다른 DOM 요소와 조금 다르게 작동합니다. 예를 들어, 순수한 HTML에서 이 폼은 이름을 받습니다. --- Alternatives to Controlled Components(제어되는 구...