[React] React Web Service(1)

[React] React Web Service(1)

(중요!!) 매 순간 setState를 호출할 때 마다 react는 새로운 state와 함께 render function을 호출한다.

from http://sw-ko.tistory.com/73 by ccl(A)

댓글

댓글 쓰기

이 블로그의 인기 게시물

코다임 기업 정보

코다임 기업 정보 "클라우드 기술을 기반으로 언제 어디서나 소스 코드를 관리 / 빌드, 컴파일 / 실행할 수 있는 환경"을 제공하는 것을 통해 설치형 SW개발 도구가 초래하는 비효율성 개선 솔루션 코다임은 소프트웨어와 관련된 에코시스템을 클라우드 컴퓨팅 환경에서 운영하는 것을 목표로 합니다. 그를 통해 SW개발이라는 개념 자체를 클라우드에서 단순히 소스 코드를 작성하면 모든 것이 끝나는 완전한 패러다임의 전환을 달성하고자 합니다. 또한 어떻게보면 게임 외에는 소프트웨어에 있어 변방이라고 말할 수 있는 아시아, 대한민국에서 전세계의 개발자나 개발자를 꿈꾸는 사람들이 활용하는 SaaS들을 만들고 운영하고 싶습니다. 초고속 인터넷 말고는 IT강국이라는 명함을 꺼내기 힘들어지고 있는 대한민국의 현실에서 글로벌 소프트웨어 서비스를 출시/운영하고 싶으며, 전세계가 마주하고 있는 4차 산업혁명을 위한 빛과 소금이 되고자 합니다. 더 많은 내용은 더 많은 내용은 더팀스 에서 확인하세요! from http://theteams.tistory.com/734 by ccl(A) rewrite - 2020-03-21 15:20:14
자세한 내용 보기

Django 3.0 위에서 DRF, React 공부하기

Django 3.0 위에서 DRF, React 공부하기 남기면 좋잖아 Beautiful Hugo 2020. 3. 19. 19:09 최근 클라우드 플랫폼(AWS, Azure)이나 Docker, CI/CD 도구와 같이 데브옵스 관련 공부를 하다 보니 막상 백엔드 공부 자체에 소홀해지며 그리워지기 시작했다. Django 3.0이 나온지 얼마 안 되었고 비동기 프로그래밍도 추가되어 관심만 가지게 되었다가 에듀 캐스트의 이진석 강사님이 Django 강의를 만드셨다는 소식을 듣고 이번 기회에 DRF, React 공부도 하고 Django 전반적인 복습을 하기로 했다. 나는 예전에 Askcompany에서 구독을 한 경험이 있었기에 이번 강좌는 0원에 해주신다는 이벤트덕에 더더욱 욕구를 참을 수 없었다..ㅋㅋ (감사합니다. 이진석강사님..!) 공부하며 코드는 Github에 push 할 예정이며, 필기한 내용들은 블로그에 기록해 둘 예정이다. 고로 모든 출처는 https://educast.com/course/web/ZU53 from http://dbza.tistory.com/27 by ccl(A) rewrite - 2020-03-19 19:54:16
자세한 내용 보기

Vue.js #1 Vue.js Intro & 라이프 사이클

Vue.js #1 Vue.js Intro & 라이프 사이클 Vue.js란 무엇인가? Vue.js는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크이다. Vue.js의 핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽다. Vue.js는 현대적 도구 및 지원하는 라이브러리와 함께 사용한다면 정교한 단일 페이지 응용프로그램을 완벽하게 지원한다. Vue.js 의 주요 특징을 정리해 보면 다음과 같다. 1. 가상 DOM(Virtual DOM): Vue.js에서는 React.js, Ember.js 프레임워크와 유사하게 가상 DOM을 사용한다. 가상 DOM은 원본 HTML DOM을 표현하는 메모리 상의 가벼운 DOM 트리로, 원본 DOM에 영향을 미치지 않고 업데이트를 할 수 있다. 2. 컴포넌트(Components): Vue.js는 어플리케이션에서 재사용할 수 있는 엘리먼트들을 컴포넌트 단위로 만들 수 있다. 3. 템플릿(Templates): Vue.js는 Vue 인스턴스 데이터와 DOM에 접근할 수 있는 HTML 기반의 템플릿을 제공한다. 4. 라우팅(Routing): 페이지의 전환은 vue-router를 이용한다. 5. 저용량(Light weight): Vue.js는 다른 프레임워크와 비교해 저용량이다. 개인적으로 나는 프로젝트에 Vue.js를 적용해 본 적이 몇 번 있었는데, 처음 배우기에 어렵지 않은 프레임워크라는 생각을 했던 것 같다. 다만 그럼에도 불구하고 참 많은 삽질을 했었던 기억이 있는데, 원인이 Vue.js 라이프사이클에 대한 이해가 부족했기 때문인 적이 다수였다. 그래서 Vue.js 첫 포스팅은 라이프 사이클에 대해서 다루어 보려고 한다. 참고로 오늘 설명은 Vue 2 버전에 대한 것이고, 2020년 중순 경 Vue 3 버전이 나온다고 하니 그 때 또 새로운 내용을 업데이트 하고자 한다. Vue.js 라이프 사이클 Vue Lifecycle hook은 사용...
자세한 내용 보기