Jerry

구현하려고 한 내용 저번에 회고한 스프린트 "[스프린트][회고] Chatterobox Client"처럼 메시지를 추가하는 Twittler(사진 이미지 속 페이지)를 리액트를 활용하여 리액트에 대해 이해하는 것이 목적이다. 발생한 에러에 대하여 이번 스프린트를 하면서 리액트가 익숙하지 않은 것이 가장 큰 어려움이었다. 부트캠프 과정 동안 자바스크립트를 주요 언어로 사용해왔고 프런트엔드의 꽃이라고 불린다는 '리액트'를 배우게 되었는데, 리액트가 언어는 아니지만 (라이브러리입니다) 언어를 새로 배우는 듯한 고통(?)의 과정을 체감했기 때문이다. 이 부분을 제외하고 애먹었다 부분이 있었는데 이것에 대해 이야기해보겠다. 에러 내용: 리액트 애플리케이션 개발 도중 프리징 현상 발생 Machine freezing w..

HTML = 웹 페이지의 내용, 하이퍼텍스트를 기술하기 위한 규칙에 해당 (여기서 하이퍼텍스트란 보통의 텍스트를 넘어선 기능을 가진 텍스트라고 생각해주세요) = 웹 서버에 존재하는 HTML 파일이나 이미지 파일을 PC의 웹 브라우저로 전송하기 위해 이용되는 것 = HTTP 프로토콜을 사용한 파일 전송은 HTTP 요청과 HTTP 응답을 주고받음으로써 이루어짐 HTTP 요청 요청 행 HTTP 요청의 첫 번째 라인이자, 웹 서버에게 처리 요구를 전달, 메서드와 URI로 구성 메서드: GET, POST, HEAD, PUT... URI: 요청 대상인 데이터 버전 메시지 헤더 요청 행 다음에 오는 여러 행의 문자열 웹 즈라우저의 종류, 버전, 데이터 형식 등의 정보 엔티티 바디 파일을 보낼 때 사용되지만, 보낼 데..

네트워크 수행을 하기 위해서 pc나 서버에 필요한 TCP/IP 설정이 하나라도 잘못되면 정상적인 통신이 불가능할 수도 있으므로 올바른 설정을 위해 '설정 자동화'가 큰 도움이 됩니다.DHCP라는 프로토콜을 이용하여 수행할 수 있습니다. 시중의 브로드밴드 라우터 대부분은 DHCP 서버 기능을 내장하고 있으며, 자동으로 TCP/IP 설정을 수행합니다. PC와 스위치를 LAN 케이블로 연결한 것만으로는 통신을 할 수 없습니다. 통신을 하기 위해서는 IP 주소를 비롯하여 TCP/IP 설정(IP 주소/ 서브넷 마스크, 기본 게이트웨이, DNS 서버의 IP 주소)을 해주어야 합니다. IP 주소/ 서브넷 마스크 통신할 PC나 서버 등의 호스트를 특정하기 위해 이용하는 것을 의미 네트워크에 접속의 의미 = 케이블의 물..

오늘 할 일 운동 #14 네트워크 공부하기#12 HA (server + react ) test day 토이 16 리뷰 오늘 한 일 til 민코딩 level 18 server & node 개념 정리 chatterbox server + chatterbox server refactor 스프린트 회고 twittler react + recast.ly + (react + ajax) 스프린트 회고 recast + hooks 스프린트 오늘 한 일 운동 #14 pushup 33, squat: 33 네트워크 공부하기#12 here 오늘 한 일 til 민코딩 level 18 HA 완료 느낀 점 이번 주말에 "오늘 할 일"이라고 적힌 회고들과 react Hooks를 할 계획이다. 아무튼 회고를 통해서 언급되겠지만, HA 초반..

TCP/IP 설정 이해하기 -인터넷은 어떻게 연결될까? 우리가 평소에 인터넷을 정상적으로 사용할 수 있는 것은 PC의 TCP/IP가 올바르게 설정되어 있기 때문입니다. 이번에는 집 밖의 네트워크로 향하는 입구에 해당하는 '기본 게이트웨이'와 TCP/IP 설정을 자동화하는 'DHCP', 그리고 장애 시의 문제 분석 절차에 관한 설명을 하겠습니다. 기본 게이트웨이 기본 게이트웨이 설정이 잘못되어 있으면 웹사이트가 정상적으로 표시되지 않습니다. 기본 게이트웨이 = '라우터' 게이트웨이란 입구라는 의미. 다른 네트워크로 가는 입구, PC에 설정하는 기본 게이트웨이는 '같은 네트워크 내부의 라우터'를 가리킵니다. 네트워크는 라우터에 의해 서로 연결되어 있다는 것이며 다른 네트워크로 가는 입구에 해당하는 장비가 바..

오늘 할 일 운동 #13 네트워크 공부하기#11 토이 16 리뷰 recast.ly + ajax 스프린트 끝내기 오늘 한 일 til 민코딩 level 18 server & node 개념 정리 chatterbox server + chatterbox server refactor 스프린트 회고 twittler react + recast.ly + (react + ajax) 스프린트 회고 recast + hooks 스프린트 오늘 한 일 운동 #13 pushup 32, squat: 32 네트워크 공부하기#11 here recast.ly + ajax 스프린트 끝내기 오늘 한 일 til 민코딩 level 18 (50%) : 반 (다섯 문제) 풀었음 느낀점 내일 HA 보는 날이어서 하루 종일 TEST를 본다. 컨디션 조절..

UDP란 UDP는 TCP처럼 포트 번호에 따라 적절한 애플리케이션에 데이터를 전달하기 위한 프로토콜입니다(User Datagram Protocol). UDP는 데이터를 전달할 때 말고는 기본적으로 아무것도 하지 않습니다. TCP의 헤더 포맷에 비해 UDP 헤더는 매우 심플합니다. TCP 헤더는 표준 20바이트, UDP 헤더는 8바이트에 지나지 않습니다. 그만큼 오버헤드가 적으므로 TCP보다 통신 효율이 높아지는 것이지요. UDP 용도 실시간 데이터를 전송할 때(VoIP: 음성을 IP 패킷으로 주고받는 기술; IP 전화 기술) (Voice over IP) 여러 상대에게 같은 내용의 데이터를 전송할 때 (TCP는 유니캐스트 통신) 데이터 전송 시 신뢰성이 필요하지 않은 소량의 데이터를 전송할 때 (DNS 이..

오늘 할 일 운동 #12 네트워크 공부하기#11 토이 15 리뷰 recast.ly + ajax 스프린트 끝내기 오늘 한 일 til 민코딩 level 18 server & node 개념 정리 chatterbox server + chatterbox server refactor 스프린트 회고 twittler react + recast.ly + (react + ajax) 스프린트 회고 오늘 한 일 운동 #12 recast.ly + ajax sprint 끝내기 (90%) 오늘 한 일 til 느낀점 오늘 스프린트의 포인트 상태 끌어올리기(lifting) 테스트 케이스 해결하기 YoutubeAPI를 이용해 요청하여 실제 결과를 브라우저상에 마운팅 하는 것 처음에 테스트 케이스 막히는 부분이 생겼고, 페어가 아파서 혼..