개발자_승딱 개발자_승딱

sideEffect : api ,네트워크 요청 리액트로 사고하기 요약 1.목업으로시작하기 2.ui 를 컴포넌트 계층구조로 나누기 (단일책임원칙 ,box형태로) 3.react 정적인 버전으로 만들기(상향식or하향식 ,state 미사용 ) 4.ui state표현 찾아보기 최소한으로 그러나 완전하게(중복배제원칙,질문3,검색어,data,체크유무) 5. state 위치잡기 state를 기반으로 렌더링하는 모든 컴포넌트를 찾으세요. 공통 소유 컴포넌트 (common owner component)를 찾으세요. (계층 구조 내에서 특정 state가 있어야 하는 모든 컴포넌트들의 상위에 있는 하나의 컴포넌트). 공통 혹은 더 상위에 있는 컴포넌트가 state를 가져야 합니다. state를 소유할 적절한 컴포넌트를 찾지 ..

단일 책임 원칙 스테이트란 ? 부모 프랍으로 부터 상속되는가? 흐름에 따라 상태가 변하는가? 컴포넌트안의 스테이트나 프랍을 이용해 만들어낼수있는 값인가? > 스테이트는 최소한의 개수로 정한다. 두개이상의 컴포넌트에서 동일데이터를 필요로 한다면 그상위컴포넌트의 스테이트에 데이타를 위치함으로 써 사용한다. 역방향 데이터 흐름? 이벤트를 이용하여 프랍의 함수를 작동시키고 필요한게있으면 그함수안에 인자로 끼워넣어서 상위컴포넌트의 스테이트를 다시 셋할수 있다. (***컴포넌트의 스테이트를 변경하는 함수를 하위컴포넌트에 전달하고(단방향) 하위컴포넌트에서 작동한다.(필요한건 인자로 전달)***) input 태그에서 프랍으로 전달받은값은 밸류자리에 못넣는다 왜냐하면 프랍은 리드온리라서 밸류자리에 넣게 되면 바꿔지니까 ..

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..

정적 버전을 만들기 위해 state를 사용하지 마세요. state는 오직 상호작용을 위해, 즉 시간이 지남에 따라 데이터가 바뀌는 것에 사용합니다. 우리는 앱의 정적 버전을 만들고 있기 때문에 지금은 필요하지 않습니다. 앱을 만들 때 하향식(top-down)이나 상향식(bottom-up)으로 만들 수 있습니다. 다시 말해 계층 구조의 상층부에 있는 컴포넌트 (즉 FilterableProductTable부터 시작하는 것)부터 만들거나 하층부에 있는 컴포넌트 (ProductRow) 부터 만들 수도 있습니다. 간단한 예시에서는 보통 하향식으로 만드는 게 쉽지만 프로젝트가 커지면 상향식으로 만들고 테스트를 작성하면서 개발하기가 더 쉽습니다. React에는 두 가지 데이터 “모델”인 props와 state가 있습..

tk-one.github.io/2018/08/28/nodejs-buffer/ Node.js의 Buffer를 제대로 이해해보자 이 글은 Daajust의 Do you want a better understanding of Buffer in Node.js? Check this out. 글을 번역 한 글입니다. 모든 저작권과 권리는 Daajust에게 있습니다. 곳곳에 의역이 들어가있는 점 양해부탁 드립니다 :) No tk-one.github.io 내일읽고 정리좀하자

form 태그와 dom 조작 폼태그 안에 밸류들을 다 볼수있는건지 아니면 각각 불러와야 되는지 싱글턴?? node.js 를 html 에 적용? 하는법?

deviceOrientationEvent in javascript window.addeventlistener("deviceOrientation",handleorientation) If you are curious about the event type, you can use the mdn event reference keyword.

브라우저 > ex) 크롬/사파리/익스플로러 > 코드를 브라우저의 내장 엔진을 통해 사용자에게는 눈에보이는 환경을 만들어 내고 컴퓨터 내부에는 이진수로 해석하여 전달하는 역할을한다 d2.naver.com/helloworld/59361. 서버 > 클라이언트 의 요청을 바탕으로 리소스를 활용하여 응답하는 역할을한다. API > 클라이언트가 서버에 요청할때 요청하는 방식이다. HTTP > protocol >약속 규약 > 클라이언트와 서버사이의 약속 > 1.작동방식 2.구성 3속성 4.메서드 > 1.작동방식 클라이언트는 요청하고 서버는 응답한다. 그역이 될수없고 무시할수없다. 2.구성은 헤더와 바디이다. 헤더는 클라이언트의 정보 즉 요청을 하는사람의 신상이라고 할수잇고 바디는 요청의 내용이 담긴다. 3.속성은 s..