--
-
-
node 복습-- 2021. 1. 8. 06:45
node debugging : node --inspect main.js or nodemon --inspect-brk main.js > 크롬 개발자도구 버튼생성됨 common js > 모듈화 > const alkdj = require("aklsfj) / module.exports = asjdf / exports 같은데 통일해서 써야됨 축양형이라 오류남 http 역할 : 서버와 클라이언트 통신 사이의 약속이름 요청이 있으면 응답이 있고 독립적이며 요청하는 방법은 api 로 문서화 되어있고 요청메서드가 들어있다. // 응답에는 상태코드가 들어있다. cors : 동일출처 원칙 정보를 가져다 쓸때 브라우저가 클라이언트를 보호하기 위해 만들어낸 정책으로 cors 처리를 해줘야됨 / option method / pr..
-
20210106(목)-- 2021. 1. 7. 21:05
useEffect 가 계속 실행되는것을 막기 위해서는 ( 두번재 인자는 관찰대상) 두번째인자에 빈배열을 넣어주면 처음에만 렌더이후에 불러지고???? 그다음부터는 안불러진다. route / BrowserRouter as Router / path exact / css table cell display // Router 내부차일드 1개 // > {match} > matchl.params.title// // link Route > 이중 > NavLInk > .item.active > activeclassName exact/ / Redirect / Switch / import Redirect / 조건&& History api
-
20200105-- 2021. 1. 6. 21:02
sideEffect : api ,네트워크 요청 리액트로 사고하기 요약 1.목업으로시작하기 2.ui 를 컴포넌트 계층구조로 나누기 (단일책임원칙 ,box형태로) 3.react 정적인 버전으로 만들기(상향식or하향식 ,state 미사용 ) 4.ui state표현 찾아보기 최소한으로 그러나 완전하게(중복배제원칙,질문3,검색어,data,체크유무) 5. state 위치잡기 state를 기반으로 렌더링하는 모든 컴포넌트를 찾으세요. 공통 소유 컴포넌트 (common owner component)를 찾으세요. (계층 구조 내에서 특정 state가 있어야 하는 모든 컴포넌트들의 상위에 있는 하나의 컴포넌트). 공통 혹은 더 상위에 있는 컴포넌트가 state를 가져야 합니다. state를 소유할 적절한 컴포넌트를 찾지 ..
-
react-- 2021. 1. 6. 09:24
단일 책임 원칙 스테이트란 ? 부모 프랍으로 부터 상속되는가? 흐름에 따라 상태가 변하는가? 컴포넌트안의 스테이트나 프랍을 이용해 만들어낼수있는 값인가? > 스테이트는 최소한의 개수로 정한다. 두개이상의 컴포넌트에서 동일데이터를 필요로 한다면 그상위컴포넌트의 스테이트에 데이타를 위치함으로 써 사용한다. 역방향 데이터 흐름? 이벤트를 이용하여 프랍의 함수를 작동시키고 필요한게있으면 그함수안에 인자로 끼워넣어서 상위컴포넌트의 스테이트를 다시 셋할수 있다. (***컴포넌트의 스테이트를 변경하는 함수를 하위컴포넌트에 전달하고(단방향) 하위컴포넌트에서 작동한다.(필요한건 인자로 전달)***) input 태그에서 프랍으로 전달받은값은 밸류자리에 못넣는다 왜냐하면 프랍은 리드온리라서 밸류자리에 넣게 되면 바꿔지니까 ..
-
20201228(월)-- 2021. 1. 5. 04:40
HTTP (공통) HTTP 요청/응답을 브라우저를 통해 확인할 수 있고, 해당 내용을 읽을 수 있다.>네트워크탭에서 확인 name 누르면 나옴 HTTP 다양한 요청 방식과, 응답 코드에 대해 이해할 수 있다.> 요청할때는 req need method and response give code 100~500 node.js modules의 사용 node.js의 내장 http 모듈을 사용할 수 있다. (mini node server) > builtin module can use of require("modulename'); node.js의 내장 fs 모듈을 사용할 수 있다. (optional) (chatterbox server) >and youcan read how to use module in node hom..
-
react-- 2021. 1. 5. 04:38
정적 버전을 만들기 위해 state를 사용하지 마세요. state는 오직 상호작용을 위해, 즉 시간이 지남에 따라 데이터가 바뀌는 것에 사용합니다. 우리는 앱의 정적 버전을 만들고 있기 때문에 지금은 필요하지 않습니다. 앱을 만들 때 하향식(top-down)이나 상향식(bottom-up)으로 만들 수 있습니다. 다시 말해 계층 구조의 상층부에 있는 컴포넌트 (즉 FilterableProductTable부터 시작하는 것)부터 만들거나 하층부에 있는 컴포넌트 (ProductRow) 부터 만들 수도 있습니다. 간단한 예시에서는 보통 하향식으로 만드는 게 쉽지만 프로젝트가 커지면 상향식으로 만들고 테스트를 작성하면서 개발하기가 더 쉽습니다. React에는 두 가지 데이터 “모델”인 props와 state가 있습..