본문 바로가기

전체 글142

React - Phone book 만들기(1) 이 예제는 아래 블로그에서 본 예제를 기반으로 만들었습니다. 참고 바랍니다. https://velopert.com/3613 누구든지 하는 리액트: 초심자를 위한 리액트 핵심 강좌 | VELOPERT.LOG 이 튜토리얼은 리액트를 1도 모르는 사람들을 위해 작성되었습니다. 만약에 여러분이 리액트를 배우고 싶은데, 아직 뭐가 뭔지 잘 모르겠다! 그렇다면 이 튜토리얼을 진행하고 나면 리액트가 무 velopert.com react에서 제공하는 리액트 웹 만들기 도구를 활용하면 react로 웹을 만들기 편리하다. 만약에 도구가 없다면 필요한 모듈과 라이브러리를 각각 다운을 해야 하지만, react에서 제공해주는 도구를 활용하면 한번에 가능하다. create-react-app 이 도구를 활용하는 곳이고, phone.. 2020. 8. 6.
Server - 만들기 Server를 만들때 require를 통해서 http를 모듈을 가지고 온다. *http변수에 모듈을 가지고 오면, http.~~ 모듈 메소드를 사용을 할 수 있다. *http.createServer는 서버를 만드는 메소드이며, req(request)와 res(response) 매개변수를 받을 수 있다. *res.~~(응답) 응답을 해주는 것인데 res.writeHead는 첫번째 인자로 200(응답성공)을 받는다.(200~500 번호마다 응답 상태를 나타낸다. 찾고자 하는 사이트를 잘못 입력 했을 때, 주로 404를 사용하고 500번 때는 서버에서 오류 났을때 사용) *두번째 인자로 header가 오고 header의 방식이 온다. *res.end는 함수를 끝내면서 보낼 메세지를 인자로 넣어주면 된다. 여기.. 2020. 8. 4.
Javascript - fetch api(1) fetch api는 네트워크 통신을 통해 리소스 취득을 위한 인터페이스 이다. fetch(url, options) 하단에서 요청하는 방식은 GET 요청일 때 사용하는 방식이다. fetch를 리소스에서 데이터를 가지고 오지만, 결과를 확인해 보면 fetch는 promise 객체를 받아온다. 그렇기 때문에 받아온 데이터를 우리가 필요한 정보로 가공 할 수 있도록 코드를 해야한다. promise 객체를 받아오기 때문에, promise 메소드를 사용할 수 있다. 주로 사용하는방법은 fetch(url, options) .then(res=>res.json()) .then(data=>callback(data)) 이렇게 많이 사용을 한다. (기본적으로 options를 주지 않으면 method는 get요청을 한다.) c.. 2020. 8. 4.
Server - 시작하기 Server시작하기 server를 시작하기 앞서 Http에 대해 설명을 하면... http(Hyper Text Transfer Protocol) : 웹 상에서 클라이언트와 서버 간 통신을 위해 개발된 프로토콜(규약)을 의미 - client에서 요청하는 방법과 server에서 응답 해주는 방식을 일치 시키기위한 규칙을 정해 놓음. 웹에서 이루어지는 arghitecture를 구성 해보면... Server : 자원을 serve(제공)하는 주체 API(application programing interface) : 서버자원을 가져다 쓸수 있게 만든 interface 현실적인 예로 설명을 하면 server를 카페라고 생각하면되고 DB는 카페 원두 저장소라고 생각하면 된다. 고객(웹을 사용하는 이용자)가 카페에서 .. 2020. 8. 2.
반응형

티스토리툴바