본문 바로가기
728x90
반응형

전체 글

 (526)
Coding Apple, React 강좌 내용 정리.17 - 2.Redux redux관련 저번 내용 Coding Apple, React 강좌 내용 정리.17 - Redux.1 2. Redux 다시.. Redux를 쓰는 이유? 1. 복잡한 props 사용을 줄일 수 있다. 모든 컴포넌트가 직접 데이터를 쓸 수 있다. 2. 데이터 수정이 용이하다 : state 데이터 관리가능. [여러 콤포넌트에서 사용하는 데이터를 한 번에 처리/관리] reducer 1. reducer만들기 : state의 수정방법을 미리 정의한다고 이해하자. 수정된 state를 리턴하는 함수라 이해. 단 무조건 state를 리턴해야 한다. 2. store만들때, reducer를 만들어서 넣으면 된다. 3. 데이터를 수정(요청)을 할 때는 dispatch() 를 쓴다. 조그만 사이트라면 오히려 React쓰는게 안 ..
[부동산 도시정비사업 상식] 4.재건축.재개발 사업성 분석 재건축, 재개발 사업성 분석 투자가치가 있는 재건축, 재개발구역을 찾는 방법 낮아야 좋은 것 : 헌집 매입가 , 분담금 , 프리미엄 높아야 좋은 것 : 일반 분양물량 , 일반 분양가격 수익 = 매도가격 - 투자금액 (헌집 매입가격 + 분담금) 간단한 방법 해당 정비구역의 일반분양가격 : 건축한지 1~2년 정도 된 비슷한 조건의 주변물건 참조 해당 정비구역의 조합원분양가격 : 일반분양가격의 90%정도? (보수적으로 산정) 프리미엄은 매도자가 요구하는 금액 수익 = (일반분양가격 - 조합원분양가격) - 프리미엄 수익 = 매도시세 - 투자금액 [헌집 매입가 + 분담금] 매도시세 주변에 최근 분양한 비슷한 면적과 층수의 주택매매가격을 기준으로 예측하되 추진위원회승인이나 조합설립인가처럼 초기 단계인 경우에는 주변..
[부동산 도시정비사업 상식] 3.주택 소유여부 재건축. 재개발 투자 시 주택 소유 여부 재개발, 재건축 주택에 대해서는 해당 주택에 대한 멸실 등기를 신청(접수)한 날부터 무주택으로 보며, 재개발, 재건축 주택은 조합원이 건축주가 되어 건설하는 주택이므로 준공이 되면 해당 주택을 소유하게 되는 것 멸실등기? 부동산이 멸실된 경우에 행하여지는 등기를 말한다. 멸실등기는 사실의 등기이지만 부동산이 멸실된 경우에는 부동산의 권리도 소멸한다. 즉 토지가 함몰하여 없어지거나 건물이 소실ㆍ파괴되어 한 개의 부동산전체가 멸실하였을 경우에는 그 멸실을 등기하고 당해 등기용지를 폐쇄하는 것이나 토지나 건물의 일부가 멸실한 때에는 면적이나 건물표시의 변경등기가 행하여질 뿐이고 멸실등기를 하는 것은 아니다. 본인 소유의 주택을 재건축 조합명의로 지분100%를 신탁을 한..
[부동산 도시정비사업 상식] 2. 조합원 자격 / 재건축, 재개발 투자할 때 확인할 것 조합원 자격 도시 및 주거환경정비법 39조 원칙 : 정비사업의 조합원은 토지 등 소유자 (재건축사업의 경우 재건축 사업에 동의한 자) 여러 명을 대표하는 1인을 조합원으로 보는 경우 1. 토지 또는 건축물의 소유권과 지상권이 여러 명의 공유에 속하는 때 2. 여러 명의 토지 등 소유작 ㅏ1세대에 속하는 때. 이 경우 동일한 세대별 주민등록표 상에 등재되어 있지 아니한 배우자 및 미혼인 19세 미만의 직계비속은 1세대 3. 조합설립인가후 1명의 토지 등 소유자로부터 토지또는 건축물의 소유권이나 지상권을 양수하여 여러 명이 소유하게 된 때 재건축.재개발 단계별 투자시 확인할 사항 조합설립인가 단계 개발 초기단계로 사업지속 여부나 사업기간 등을 정확하게 알수 없어 투자수요가 적음 프리미엄이 적게 붙어 투자금액..
[부동산 도시정비사업 상식] 1.재건축, 재개발 절차 [올인원 강좌다 보니 그렇다쳐도, 각 강의간에 중복된 내용이 좀 많네... 이런걸 정리해서 강좌 패키지로 묶어주면 좋을 것 같은데...] 재건축, 재개발 절차 정비사업단계별 개정내용 기본계획 수립, 정비 기본계획 수립 및 지정 국토교통부장관은 기본방향과 개략적인 정비구역의 범위가 포함된 도시 및 주거환경정비 기본계획을 10년 단위로 수립, 5년마다 타당성 분석 자치구청장은 기본계획에 적합한 정비계획 수립 후 30일 이상 주민공람 지방의회 의견 수렴후 특별시장 광역시장에서 정비구역 신청 14일 이상 공람 후 구의회 의견청취 구도시계획위원회에서 심의 후 지정 안전진단 - 재건축의 경우 재건축의 경우 안전진단 절차가 완료되어야 정비계획 수립이 확정 5인 이상 평가위원회에서 지반상태, 균열, 노후도, 건물마감,..
Coding Apple, React 강좌 내용 정리.17 - Redux.1 Redux 컴포넌트간에 줄줄이 엮어서 사용하는 props 대신에 redux라는걸 사용할 수 있다. 연결된 컴포넌트들이 state의 공유가 가능하다. Redux 사용하기 위한 순서 1. 설치 터미널에서 npm install redux react-redux 2 . 사용 준비 in code import {Provider} from 'react-redux' // Provider 생성 import { createStore } from 'redux' // redux 생성 필요한 부분을 감싸기 - 로 state를 공유할 대상을 ( ) 감싼다 - 공유할 state를 createStore 함수로 생성한다. let store = createStore( state를 가져오고 리턴하는 함수() ); - createStore로..
Coding Apple, React 강좌 내용 정리.16 - Tab UI , animation Tab UI (React-Bootstrap 활용) 간단한 애니메이션 (해당 tab의 content변경시 서서히 나타나게) 개요 UI상태 (여기선 tab) 를 true/false state로 저장해둠 선택한 tab에 따라 해당 content ( , ) 의 내용을 나타나게 한다. 이왕 서서히 나타나게 하는 간단한 애니메이션을 추가한다. Tab 만들기 React 부트스트랩에서 찾아 복사해서 붙여넣기로 (링크) {/* defaultActiveKey : 기본적으로 눌러진 버튼의 eventKey 부트스트랩의 mt-5 이용 */} {/* 버튼들마다 유니크한 eventKey 부여하기 */} Active Option 2 누른탭의 정보, 번호를 저장할 state 만들기 let [누른탭, 누른탭변경] = useState(0..
Coding Apple, React 강좌 내용 정리.15 - Component in Component , build 명령어 Component in Component 어쩔수없이 저번까지 진행한 소스 내용 (App.js 지금까지) import './App.css'; import React, {useState} from 'react' import 'bootstrap/dist/css/bootstrap.min.css'; import {Button, Container,Navbar, Nav, NavDropdown, Card} from 'react-bootstrap' import {Route, Link, Switch} from 'react-router-dom' import {} from 'react-bootstrap' import Data from './data.js' import Detail from './Detail'; import a..
Coding Apple, React 강좌 내용 정리.14 - Ajax in React Ajax (Asynchronous JavaScript and XML) 서버에 새로고침없이 요청을 할 수 있게 해준다 서버? 누군가 페이지 요청을 하면 페이지를 전송해주는 프로그램 요청? 여러 종류가 있으며 GET : 특정 페이지 / 자료읽기 등 범용적. 주소에 값을 붙여서 보내는 것들 POST : 주소에 값을 붙이지 않고, 암호같은 중요 정보 전달할 때 사용 GET / POST 요청 할 때마다 항상 새로 고침됨. ajax를 쓰면, 새로 고침없이 내용 수정 등이 가능하다. jQuery 설치해서, $.ajax() 사용 axios 설치해서 axios.get() 사용 일반 자바스크립트 이용해서 fetch() 사용 이 강의는 2번 axios 설치해서 사용하기로 설치 : npm install axios { axio..
Coding Apple, React 강좌 내용 정리.13 - useEffect 훅(hook) useEffect 훅 import React, {useState, useEffect } from "react" 컴포넌트가 mount, update 될때 특정코드 실행할 수 있다 useEffect(() => { console.log("11111"); }); ex) 3초뒤에 alert창을 안 보이게 하는 걸 만들고자 할 때 1. UI 보이고/안보이고하는 상태를 state로 저장 let [alert, alert변경] = useState(true); 2. 조건식으로 state가 true일때만 보여줌 { alert === true ? 재고가 얼마 남지 않았습니다. : null } 3. useEffect 내용 추가 setTimeout 함수를 이용해서, 2초뒤에 useState(false)를 실행한다. useEffe..
반응형

티스토리툴바