본문 바로가기

전체 글87

[Project2][React] 기본세팅 npx create-react-app 프로젝트명입력해서 리액트 기본세팅해준다. 프로젝트명은 react-front로 했다. - bootstrap설치방법1. CDN 복붙public폴더 안에 있는 index.html에서 방법2. 터미널에서 설치npm install --save reactstrap bootstrap  - axios 설치 역시방법1. CDN방법2. 터미널npm install axios - Router 설치npm install react-router-dom 2021. 5. 28.
[Project2][Springboot] 초기설정 sts를 사용해서  프로젝트 만들기 다음에 위와 같이 패키지 & 클래스 만들어준다. SpringbootBackApplication.javapackage com.jiyeon.springboot;import org.springframework.boot.SpringApplication;import org.springframework.boot.autoconfigure.SpringBootApplication;@SpringBootApplicationpublic class SpringbootBackApplication { public static void main(String[] args) { SpringApplication.run(SpringbootBackApplication.class, args); }}가장 상.. 2021. 5. 28.
[Network] HTTP 시작, header, body HTTP시작라인 요청라인(시작라인) : 예시 ) GET /user/test.htm HTTP/1.1GET | POST | PUT | DELETE 사용가능상태라인(시작라인) 예시 ) HTTP/1.1 200 OK1xx : Informational - 임시적인 응답 계속진행하라는 의미2xx : Success - 성공적으로 수신, 해독됨3xx : Redirection - 추가 동작 필요4xx : Client Error - 메시지 내용자체가 잘못됨, 금지된 영역에 대한 접근요청 등5xx : Server Error - 메시지내용은 이상x , 서버 쪽 사정에 의해 메시지처리에 문제 생김 HTTP 헤더기본형태 - 필드이름 : 필드값 Accept :클라이언트에서 사용가능한 미디어타입(요청메시지에만 사용 가능)ex) Acc.. 2021. 5. 27.
[Network] IP Header ip패킷은 ip헤더와 데이터로 구성되어 있고1 ip헤더2 데이터 그중 ip헤더의 생김새는 아래와 같다. Version : 현재 버전 4인 ipv4Header length : 현재 헤더의 길이를 32비트(==4바이트) 단위로 표시한다. 전체길이를 4바이트씩 나누면 몇 덩어리인가?를 물어보는 것Service Type: 상세용도는 rfc1349에 언급되어 있으며 대부분의 시스템에서는 지원하지 않는 영역Total Length : ip패킷길이(ip헤더 + 데이터)를 바이트단위로 표시하는 영역. 이론상으로는 64k 바이트까지 가능하지만 링크계층의 MTU길이에 의해 제한될 수 있다. 이더넷의 MTU는 1500바이트라서 ip패킷길이가 이보다 크다면 ip분할을 해서 여러 조각으로 나눠진다.Identification(ID.. 2021. 5. 27.
[Java] contextLoaderListener 오류 프로젝트명 - 오른쪽 마우스 - Properties Deployment Assembly - Add - Java Build Path Entries - Maven Dependencies 그림과 같이 해주면 해결. 2021. 5. 26.
[Javascript] this 리액트 하다가 헷갈려서 정리해 본다. var someone = { name:'jy', whoAmI : function(){ console.log(this); }};someone.whoAmI(); 콘솔에 jy var someone = { name:'jy', whoAmI : function(){ console.log(this); }};someone.whoAmI();var myWhoAmI = someone.whoAmI;myWhoAmI(); 결괏값 : 1행 jy 2행 window 어쩌고1 - somone.whoAmI() 실행 시에는 someone이 있고2 - myWhoAmI() 실행 시에는 실행할 대상이 없어서 윈도우가 실행한다.  var someone = { name:'jy.. 2021. 5. 25.