전체태그 보기

#리액트 (42개의 포스트)

jihoson94

ReactJS ServerSide Rendering

약 12시간 전0개의 댓글
리액트의 기본원리는 충분히 숙지했다고 가정하에 정리해보겠습니다. 서버사이드 렌더링은 서버측에서 렌더링을 마친 후 결과만을 클라이언트에게 던져주는 형식이다. 기존의 템플릿 렌더링과 비교해서 생각해봅시다. 왜? 서버사이드 렌더링을 사용해야할까? 사실 기본 리액트는 index.html을 보면 알겠지만 시작할 때는 아예 비어있는 상태이고 자바스크립트 코드에 의...
runningwater
타입스크립트는 무엇이고 왜 써야하는가? TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. 공식홈페이지에 나와있는 설명만큼 좋은게 있을까 ? 타입스크립트는 자바스크립트의 수퍼셋이다. 간단히 말하자면 자바스크립트를 포함하며, 자바스크립트보다 엄격한 문법(타입)...
[생활코딩 React] ⑧ 수업을 마치며
chez_bono
🔗 생활코딩 React immutable - 불변성 - immutable-js - 배열과 객체의 대체재 - 모든 연산이 원본이 복제된 결과 리턴 router - 페이지 전환을 할 때마다 네트워크 로딩을 하지 않는 장점이 있지만, url로 페이지를 찾아올 수 없다는 단점 - react router - url에 따라 컴포넌트가 실행될 수 ...
리액트를 다루는 기술 리뷰
devjang

리액트를 다루는 기술 리뷰

2019년 11월 20일0개의 댓글
책 정보 출판사 : 길벗 저자 : 김민준 (벨로퍼트) 출간 : 2019.08.31 페이지 : 908 ISBN : 9791160508796 가격 : 42,000원 * 자세한 정보 : https://book.naver.com/bookdb/book_detail.nhn?bid=15372757 : https://www.gilbut.co.kr/book/...
[생활코딩 React] ⑦ Update & Delete 기능 구현
chez_bono
🔗 생활코딩 React 1. update 구현 - CreateContent.js를 복사해서 UpdateContent.js 생성 - Content 생성하는 부분을 getContent() 함수로 분리 - 제목, 내용 가져오는 부분을 getReadContent() 함수로 분리...
dev_glennn
react.png 🎥 생활코딩 YouTube 1. Update 구현 " Nav Update 클릭 👉 contents 영역 : 해당 form 으로 변경 👉 내용 변경 후 button 클릭 시 변경 " - CreateContent.js를 복사하여 UpdateContent.js 생성 1) form " TOC.js내의 카테...
dev_glennn
react.png 🎥 생활코딩 YouTube 1. Create 소개 👀 React를 사용해서 어떠한 방식으로 Create 할 것인가? 🖐 정적으로 출력되어있던 메뉴들을 동적으로 추가해보자! 1) mode 변경 기능 " 아래 사진과 같은 controll Button을 생성하여 클릭시 mode 를 변경해주자 " ![we...
dev_glennn

[생활코딩 React] ④ 이벤트

2019년 11월 18일0개의 댓글
react.png 🎥 생활코딩 YouTube 1. 이벤트 state,props 그리고 rendor 함수 - 🎁 이벤트 ? : 애플리케이션을 역동적으로 만들어주는 기술 👉 props, state, event 삼자가 서로 상호작용하면서 애플리케이션의 역동성을 만들기 때문에 같이 생각할 것!...
dev_glennn

[생활코딩 React] ③ State & Props

2019년 11월 18일0개의 댓글
react.png 🎥 생활코딩 YouTube 1. State 소개 📒 Props와 State 📗 Props 📙 State :-::-: props are read-only state changes can be asynchronous props can not be modified state can be modi...
dev_glennn
react.png 🎥 생활코딩 YouTube 1. 리액트가 없다면 🙄 리액트를 사용하는 이유 : 태그를 이름으로 재사용 할 수 있어 대량 생산이 가능하고 가독성이 높다. 2. 컴포넌트 만들기 1) 컴포넌트 생성 - JSX -유사 JavaScript 임 -React는 JSX를 JavaScript Code로 변환...
dev_glennn

[생활코딩 React] ① 개발 환경

2019년 11월 18일0개의 댓글
react.png 🎥 생활코딩 YouTube 1. 공부전략 📕 Coding : 개발 환경 설정 및 코드 작성 📗 Run : 작성된 코드를 실행하여 결과 확인 📘 Deploy : 소비자에게 전달 2. 개발환경의 종류 1. 온라인 플레이 그라운드 - 웹에서 바로 코딩하여 결과를 확인할 수 있음 - 예) C...
[생활코딩 React] ⑥ Create 기능 구현
chez_bono
🔗 생활코딩 React 1. 베이스 캠프 - props - read-only - 컴포넌트 안에서 변경 불가 - 이벤트를 통해 변경 가능 - state - 비동기식 - setState()로 변경 가능 2. create 구현 1) 소개 - CRUD(Create Read Update Delete) - 동적으로 요소를 추가하는 기능 구...
[생활코딩 React] ⑤ 이벤트
chez_bono

[생활코딩 React] ⑤ 이벤트

2019년 11월 16일0개의 댓글
🔗 생활코딩 React 1. 이벤트, state, props 그리고 render 함수 - 이벤트, state, props가 상호작용하면서 애플리케이션에 역동성 부여 - props나 state가 수정되면 해당되는 컴포넌트의 render 함수가 재호출됨 👉 화면이 다시 그려짐 🤷‍♀️ 이게,,,뭐죠,,,?...
[생활코딩 React] ④ state
chez_bono

[생활코딩 React] ④ state

2019년 11월 16일0개의 댓글
🔗 생활코딩 React 1. State 소개 - props - 사용자가 컴포넌트를 사용하는 입장에서 중요 - 컴포넌트의 동작을 바꾸고 싶을 때 제공하는 문법적인 정보 - state - props의 값에 따라 내부 구현에 필요한 값 👉 state는 다양한 동작을 하는 컴포넌트 제작에 필수 2. State 사용 - 외부에서 ...
스프링부트, 리액트 프로젝트 함께 빌드하기
essri
Webtoon 토이프로젝트를 진행하다보니 프론트엔드 서버(react)와 백엔드 서버(를 따로 빌드하고, 실행하는 것이 약간 불편하게 느껴지기 시작했다.. 그래서 'Spring 프로젝트에 프론트엔드 파일들을 넣어두고 Gradle을 통해서 build 한번에 프론트와 백엔드 모두 Build 할 수 있지않을까?' 라는 생각이 들어 서칭을 시작해보았다. 아니나다를까...
[생활코딩 React] ③ 컴포넌트 제작
chez_bono
🔗생활코딩 React
[생활코딩 React] ② 개발 환경
chez_bono

[생활코딩 React] ② 개발 환경

2019년 11월 3일0개의 댓글
🔗 생활코딩 React 1. 공부 전략 1. Coding : 개발 환경 설정 및 코드 작성 2. Run : 작성된 코드를 실행하여 결과 확인 3. Deploy : 소비자에게 전달 2. 개발환경의 종류 🔗 React 공식 홈페이지 1) 온라인 플레이그라운드 - 웹에서 바로 코딩하여 결과를 확인할 수 있는 사이트 예) CodeS...
[생활코딩 React] ① 수업 소개
chez_bono

[생활코딩 React] ① 수업 소개

2019년 11월 3일0개의 댓글
🔗 생활코딩 React 1. 선수 개념 1. JavaScript 2. 객체 지향 개념 2. React를 사용하는 이유 1. 가독성 2. 재사용성 3. 유지보수
첫 벨로그 ㅋ_ㅋ;;; (a.k.a 일기)
shadowbboy

첫 벨로그 ㅋ_ㅋ;;; (a.k.a 일기)

2019년 10월 23일0개의 댓글
저는 개발자가 아닙니다. 어린 시절에 게임 개발을 하고 싶은 마음에 헌 책방에서 C언어 책들을 사서 읽곤 했었는데, 집이 다소 빈곤하여 컴퓨터 구매가 늦어지는 바람에 공부를 제때 하지 못해 직업군인을 하다 얼마전 전역하여 새로 직장을 다니고 있는 아저씨입니다. ㅎㅎ 개발 시작의 계기 사실 지금도 개발이 업이 아니고 평범한 회사의 직장인으로 다니면서 짬...
TypeScript 환경에서 Redux를 프로처럼 사용하기
velopert
이번에 준비한 튜토리얼에서는 TypeScript 환경에서 Redux를 프로처럼 사용하는 방법을 다뤄보도록 하겠습니다. 왜 제목이 "프로처럼"이냐! 사실은 조금 주관적입니다. 이 튜토리얼에서는 지금까지 제가 다양한 TypeScript/Redux 관련 코드를 읽고, 작성해오면서 그 중에서 제가 맘에 들었던 구조를 소개시켜드리겠습니다. 그런데 프로처럼 사용해...