본문 바로가기

분류 전체보기166

[JS 비동기] HTTP, Ajax, 동기/비동기 통신 HTTP (Hyper Text Transfer Protocol) 브라우저와 서버 간에 데이터를 주고 받기 위한 방식이다. 프로토콜은 '나는 이렇게 줄 테니 넌 이렇게 받고, 난 너가 준거 그렇게 받을게'라는 일종의 약속이다. HTTP는 각각의 데이터 요청이 서로 독립적으로 관리된다는 것이 특징이며, 이를 stateless하다고 한다. HTTP는 TCP/IP 통신 위에서 동작한다. (기본 포트 80번) 더보기 TCP/IP - TCP와 IP를 합쳐서 부르는 말 - TCP/IP를 사용한다 = IP 주소 체계를 따르고, IP Routing을 이용하며, TCP의 특성을 활용하겠다. - IP 주소 사용하여 데이터를 전달 - 데이터가 제대로 갔는지, 속도는 적당한지, 제대로 받았다는 연락이 오는지 체크 TCP - 전.. 2022. 7. 1.
[React] 리액트 앱 만들기 (create react app) node js 설치 먼저, node js 설치가 필요함 콘솔 창에 node -v 를 입력해서 설치 여부를 확인할 수 있음 npx 를 입력해서 작동이 되는 지 확인 create-react-app npm create-react-app 앱 이릅 혹시 아래와 같은 에러가 뜬다면, You are running `create-react-app` 5.0.0, which is behind the latest release (5.0.1). We no longer support global installation of Create React App. - npm uninstall -g create-react-app - yarn global remove create-react-app 둘 중 하나를 입력해서 제거한 후 다시 해.. 2022. 7. 1.
[React] Unit Converter 만들기 (state 연습) state를 바탕으로 UI를 변경할 수 있는 것은 매우 유용하다. https://nomadcoders.co/react-for-beginners/lectures/3273 All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 2022. 6. 30.
[React] State와 Props 리액트의 State 리액트의 장점은 UI 내에서 데이터가 변경된 부분만 업데이트 해준다는 것이다. 리액트에 데이터를 저장시켜서 자동으로 리렌더링을 시킬 수 있다. state는 app 컴포넌트의 렌더링 결과물에 영향을 주는 데이터를 갖고 있는 객체로, 컴포넌트 안에서 관리된다. 이를 통해, 사용하는 쪽과 구현하는 쪽을 철저하게 분리시켜 편의성을 높일 수 있다. 동적인 데이터를 다룰 때 사용한다. 리액트로 데이터를 저장하려면 React.useState() 를 사용할 수 있으며 괄호 안에 초기값을 지정해줄 수 있다. const [] = React.useState() 저장된 데이터를 확인해보면, 배열의 형태로 저장된 것을 확인할 수 있다. [ data, modifier ] data : 저장되는 값 modifie.. 2022. 6. 30.

티스토리툴바