본문 바로가기

분류 전체보기126

HTTP 상태코드 HTTP 상태코드 소개 상태코드: 클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능 1xx (Informational): 요청이 수신되어 처리중 -> 거의 사용 안함 2xx (Successful): 요청 정상 처리 3xx (Redirection): 요청을 완료하려면 추가 행동이 필요 4xx (Client Error): 클라이언트 오류, 잘못된 문법 등으로 서버가 요청을 수행할 수 없음 5xx (Server Error): 서버 오류, 서버가 정상 요청을 처리하지 못함 만약 모르는 상태 코드가 나타나면? 클라이언트가 인식할 수 없는 상태코드를 서버가 반환하면? → 상위 상태코드로 해석하여 처리 ex) 299? ► 2xx(Successful) 1. 2xx (Successful): 클라이언트의 요청을.. 2022. 12. 2.

리액트 개발 시 사용하면 편리한 도구 Prettier : 자동으로 코드의 스타일을 관리해주는 도구 → 문자열을 사용할 때, ‘와 “ 중 무엇을 사용할지, 세미콜론(;)을 코드 뒤에 붙일지 말지, 들여쓰기 정도 등을 관리 코드 스타일을 마음대로 쉽게 커스터마이징 가능 [사용법] { "trailingComma": "es5", "tabWidth": 4, "semi": false, "singleQuote": true } trailingComma: “none”, “es5”, “all”으로 설정 가능, 객체 또는 배열이 여러 줄로 구성되어 있으면 맨 마지막 줄에 쉼표 붙여줌 “none”: 쉼표 붙이지 않음 “es5”: 객체, 배열 사용하게 될 때 쉼표 붙임 “all”: 함수 사용할 때, 인자를 전달 할 때 쉼표 붙임 tabWidth: 들여쓰기 크기 정.. 2022. 12. 2.

LifeCycle Method 생명주기 메서드 컴포넌트가 브라우저 상에 나타나고, 업데이트되고, 사라지게 될 때 호출되는 메서드들 (+ 에러발생 시 호출되는 메서드도 존재) 클래스형 컴포넌트에서만 사용 가능 React Lifecycle Methods diagram React Lifecycle Methods diagram Fully interactive and accessible React Lifecycle Methods diagram. projects.wojtekmaj.pl 마운트될 때 발생하는 생명주기 메서드 1. constructor 컴포넌트의 생성자 메서드 컴포넌트가 만들어지면 가장 먼저 실행되는 메서드 constructor(props){ super(props); console.log("constructor"); } 2. get.. 2022. 12. 2.

클래스형 컴포넌트 → 현재는 함수형 컴포넌트를 사용하지만, 나중에 컴포넌트를 사용하는 프로젝트를 유지보수하거나, 함수형 컴포넌트+Hooks로 못하는 작업의 경우 등 클래스형 컴포넌트를 써야하는 상황 존재 import React, {Component} from 'react'; class App extends Component{//class키워드 필요, Component로 상속 받아야함 state={//constructor없이 바로 state초기값 설정 가능, 객체 형식monsters:[], userInput:"", }; onClick={()=>{//this.setState 함수로 state 값 변경 가능this.setState({number:number+1}); }} render(){//render()메소드 필요const .. 2022. 12. 2.

이전 1 ··· 23 24 25 26 27 28 29 ··· 32 다음

티스토리툴바