전체태그 보기

#react (428개의 포스트)

_jouz_ryul

Exports& Imports Modules in React

약 15시간 전0개의 댓글
when export and import modules or components, it was bit confusing with wrapped with brackets while somes are just declared as it is as written in its own script or with other new variable where has ...
첫 개인 프로젝트 Refactoring
shinychan95
첫 번째 개인 프로젝트 - URL-Shortener https://github.com/shinychan95/url-shortener 첫 주에 했던 프로젝트 refactoring을 이제서야 시작해 끝을 냈다. 설날동안 미뤘던 refactoring과 블로그 정리를 마치겠다는 포부를 이제 시작했는데, 월요일까지 끝을 보도록 하겠다🙋‍♂️ - U...
나만의 React 프로젝트 설계하기😎
_junukim
최근에 프로젝트 설계에 대해 매우 좋은 평가를 받아서 내가 사용하고 있는 프로젝트 구조를 공개해보면 더 많은 성공을 거두지 않을까 싶어 글을 적는다. 개인적으로 부족한 점이 많다고 생각되는데 한 번 칭찬을 들으니까 욕심이 생겨서 더 많은 평가를 통해 부족한 점을 채워보고 싶다. 🤗 배경 React를 이용해서 웹을 개발...
[웹 게임을 만들며 배우는 React] ② 끝말잇기
chez_bono
🔗 웹 게임을 만들며 배우는 React 1. React Hooks 사용하기 - 리액트는 클래스를 사용하지 않도록 권고 👉 Hooks 사용 (함수형) - state를 하나씩 분리하고 함수와 초기값 선언 - setState 대신 함수를 사용하여 state 변경 - 구조 분해 할당(Destructuring): 변수에 배열이나 객체를 선언하는 것...
처음 React를 2달여간 사용해본 후기, 도입 배경, 앞으로 배울 점
ashnamuh
React를 신규 프로젝트에 도입하고 2달여간 사용해본 후기, 사용한 기술 스택, 도입 배경, 앞으로 배울 점 등을 정리해보았습니다.
michael00987

TIL #6

2일 전0개의 댓글
React props recast.ly
fepanbr
이 글은 Next.js - React의 Server Side Rendering 프레임워크을 참고하여 만들었습니다. Next.js를 설명하기 위해서는 SSR(Server Side Rednering)에 대해 먼저 알아야 합니다. SSR(Server Side Renderig) 서버사이드 렌더링은 예전 웹 방식으로, 서버 단에서 직접 View와 C...
gandalfzzing
오늘을 끝으로 기능구현을 완성 후에 다음 단계로 넘어갑니다. 이번에는 추가했던 Tasks를 삭제하는 기능을 구현하려고 합니다. 한시간 좀 넘게 헤맸습니다! 처음에는 filter로 해당 타켓의 value를 빼고 다시 tasks에 넣는 방식으로 진행했는데 왠지 모르게 자꾸 cant read라는 오류가 뜨는 겁니다.
wndtlr1024
위 코드의 constructor 에서 super(props) 를 호출 한 이유는, 우리가 컴포넌트를 만들게 되면서, Component 를 상속했으며, 우리가 이렇게 constructor 를 작성하게 되면 기존의 클래스 생성자를 덮어쓰게 됩니다. 그렇기에, 리액트 컴포넌트가 지니고있던 생성자를 super 를 통하여 미리 실행하고, 그 다음에 우리가 할...
_jouz_ryul
REACT 공식문서를 보고 typescript에 맞는 CRA로 개발환경 설정해보기 1. CRA * 참 편한 CRA. 이젠 typescript까지 자동으로 설정해준다. + react/react-dom/react-router/react-router-dom 등 나중에 필요할 것 같은 것들도 다 install 해줬다. 이게 무슨 기능이고 무엇을 도와주는지...
_jouz_ryul
1. 리액트 hooks 기초 1.1 리액트 훅이란? 클래스형 컴포넌트의 기능을 사용할 수 있는 함수형 컴포넌트라고 볼 수 있다. life-cycle과 state관리 모두 가능하다. * 1.1.1 혹의 장점 재사용 가능한 로직의 관리가 쉽다는게 제일 큰 장점이다. 이는 훅이 단순한 함수이고 함수 안에서 다른 함수를 호출하는 것으로 새로운 훅...
React
pks787

React

5일 전0개의 댓글
React란? 페이스북에서 만든 자바스크립트 라이브러리 - JSX 자바스크립트 확장 문법 사용 - 가상의 DOM을 사용자가 작성하여 주입하는데 업데이트 하지 않은 기존의 DOM은 유지하며 새로 변경 된 하위컴포넌트 렌더링 - 라이프사이클 메소드를 이용한 컴포넌트 컨트롤 - SPA(Single Page Application) 채택 기존 페이지방식...
michael00987

React - component

5일 전0개의 댓글
component
michael00987

React - props

5일 전0개의 댓글
React는 임의로 정의한 Element를 만나면 JSX artibute를 해당 컴포넌트에 단일 객체로 전달한다. 이 객체를 props라고 한다.
bathingape
image.png React? 리액트? React는 페이스북이 만든 UI Component를 만들기 위한 자바스크립트 라이브러리입니다. 현재 AngularJS, Vue.js와 함께 프론트 프레임워크 3대장이라고 불립니다. 리액트의 특징은 ‘MVC(Model View Controller)’ 패턴에서 ‘V(View)’에만 집중하고 있는 점이다....
gandalfzzing
지난 시간에 이어 계속해서 ToDoList를 만들어 보겠습니다. 저는 이번에 input의 Value를 HTML에 출력하고자 합니다. ToDo의 경우 input value - Event 처리 - HTML에 추가 하는게 기본 골격입니다. 하지만 저는 React에서ToDoList를 만드는 것이 처음이였고 일단은JavaScript에서 하는 방식대로 해봤습니다. 하...
sss5793

axios 사용해보기

5일 전0개의 댓글
axios? 위의 예시와 같이 method에 요청별로 사용할 수도 있고, 명확하게 사용도 가능합니다. 참고 - https://github.com/axios/axios, https://tuhbm.github.io/2019/03/21/axios/
[웹 게임을 만들며 배우는 React] ① 구구단
chez_bono
🔗 웹 게임을 만들며 배우는 React 1. 리액트를 왜 쓰는가 - 사용자 경험 (UX) 개선 - 데이터 - 화면 일치 - 재사용 컴포넌트 2. 첫 리액트 컴포넌트 - react, react-dom 설치 필요 (🔗 링크) - 배포할 때는 development.js를 production.min.js로 대체 필요...
eddie_kim
리액트 프로젝트의 스토리북(Storybook)에서 CDN을 이용해서 부트스트랩 CSS 모듈 가져오기