본문 바로가기

부트캠프교육중301

Side Effect # side effect(부수효과) -함수내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우(함수 내부에서 외부의 값에 관여하는 경우) -순수 함수의 출력값에 영향을 미치는 작업들 -컴포넌트내에서 fetch를 사용해 api정보를 가져오거나 이벤트를 활용해 DOM직접 조각할때 # pure function(순수함수) -오직 함수의 입력만이 함수의 결과에 영향을 주는 함수(다른 값이 함수의 결과에 영향을 미치는 경우 안된다.) -입력으로 전달된 값을 수정하지 않는다. -side effect가 없다. -어떠한 전달인자가 주어질 경우, 항상 똑같은 값이 리턴됨을 보장한다. 그래서 예측가능한 함수이다 #react컴포넌트에서의 side Effect -타이머 사용(setTimeout) -데이터가져오기(fetch API.. 2023. 2. 2.
상태끌어올리기 # react 개발방식의 가장 큰 특징은 페이지 단위가 아닌, 컴포넌트 단위로 시작한다는 점이다. 먼저 컴포넌트를 만들고, 다시 페이지를 조립해나간다. 즉 상향식으로 앱을 만든다. #데이터는 위에서 아래로 흐른다. 데이터를 전달하는 주체는 부모 컴포넌트가 된다. -단방향 데이터 흐름(one-way data flow) # 두개의 자식 컴포넌트가 하나의 상태에 접근하고자 할때는 두 자식의 공통 부모 컴포넌트에 상태를 위치해야한다. # 하위 컴포넌트에서의 어떤 이벤트로 인해 상위 컴포넌트의 상태가 바뀐다. 상위 컴포넌트의 "상태를 변경하는 함수" 그 자체를 하위 컴포넌트로 전달하고, 이 함수를 하위 컴포넌트가 실행한다. 이게 상태 끌어올리기이다. function ParentComponent() { const .. 2023. 2. 2.
HTTP 상태코드(Status code) 200 OK 성공적으로 완료 get요청의 성공 201 CREATED 성공했고 새로운리소스가생성되었다 post 요청의 성공 202 accepted 요청을 수신했지만 그에 응하여 행동할수없다 204 NO CONTENT delete요청의 성공 304 NOT MODIFIED 이미원하는데이터를 가지고 있다 400 BAD REQUEST 이응답은 잘못된문법으로 인해 서버가 요청을 이해할수없다 잘못된 요청시 401 Unathorized 인증되지 않았다 인증되지 않았을시 403 forbidden 콘텐츠에 접근할권리가없다 인증되었으나 권한이없다 404 not found 리소스를 찾을수없다 해당 리소스가 없다 500 internal server error 처리할수없는 내부오류가발생했다 서버의오류 2023. 2. 1.
POSTMAN 1. URL http://3.36.72.17:3000/ 2. request get /kimcoding/messages 3.추가적인 파라미터(query parameter)를 사용할수있다 /kimcoding/messages?roomname=로비 post요청은 get요청과 다르게 본문(body)를 포함하는 경우가 많다. 1. URL http://3.36.72.17:3000/ 2. request post /kimcoding/messages 3. 요청형식이 JSON이어서 body->raw -> JSON 이작업은 이렇게 작성하는것과 동일하다 Content-Type: application/json 4. 본문에 내용추가하기 post /kimcoding/clear 요청본문은 필요하지않다 블로그에 정리되어있는 HTTP 상.. 2023. 2. 1.

티스토리툴바