IT 공부 블로그

import React, { Component } from 'react';import logo from './logo.svg';import './App.css'; class App extends Component { render() { return ( Hello World ); }} export default App; ES6에서는 class키워드 등장 class 나왔다고해서 자바스크립트가 아닌건 아님 App.js 안에 내용 다지우고 helloworld로 변경 App.css도 다지우고 테스트 F12로 Element 확인 리턴한값이 컴포넌트 render함수 오버라이딩해서 값을 리턴시키면 그 값이 컴포넌트 npm start해서 서버 켜진뒤 url뒤에 어떤값을 넣어도 무조건 index.html index.jsi..

npm install -g create-react-app 을 쳐서 설치하려할때 npm WARN npm npm does not support Node.js v10.15.3 등 설치가 되지않아 create-react-app helloworld를 쳤을때 인식하지 못할경우 npm을 제거후 다시 설치 Mac: sudo npm uninstall -g npm Windows: npm uninstall -g npm 위 코드 실행후 다시 npm install -g create-react-app 설치

vs code 설치 위 버튼 누른후 ESLint 검색후 설치 Guides, Reactjs code snippets, Reactive Path 3가지 검색하여 설치 npm install -g create-react-app : npm create-react-app 설치 -g : global create-react-app : 페이스북에서 만든 도구, 리액트 프로젝트 만들어줌, index.html, index.js을 만들어줌 리액트 프로젝트 폴더에 create-react-app helloworld로 helloworld 프로젝트 생성 npm start 실행시 서버 켜지면서 테스트 가능 (index.html, index.js 제공해줌) npm start가 번들 작업까지하여 서버까지 올려서 보여줌 이건 그냥 테스트일..

React 1. Component (View를 만드는 기술) -> bundle = (html, css, ajax) bundle을 만드는기술 jsx : 브라우저가 해석할수없음 컴파일하여 bundle을 만들어 브라우저에게 전달 webpack : 컴파일하는것 jsx로 개발을하고 이것을 올릴 서버(테스트)도 제공해줌 jsx가 번들을 전달할떄 실행할수있는 index.html를 전달하고 index.js도 전달 임베디드 서버도 자동 제공 위 방식은 서비스를 개발하는게아니라 단순히 테스트하는 용도 리액트는 js만 잘하면되고 view만 만들기때문에 다른곳에서도 사용가능

운영체제 : 하드웨어를 관리하고 하드웨어와 소프트웨어의 매개 역할 운영체제의 핵심 : 커널 운영체제는 커널과 커널 모듈로 나뉜다 운영체제의 역할은 User View와 System View로 나뉠수있다 User View 사용자가 쉽게 컴퓨터를 사용할수있도록 돕는다 키보드, 마우스로 조작하는데있어 메모리 사용에 신경을 쓰지않도록 해준다여러 사용자가 접근해도 자원을 공평하게 나눠준다 System View 시스템 입장에서의 운영체제는 자원 할당자이다. 프로그램이 돌아가는데 필요한 자원을 할당해준다입출력, cpu시간, 메모리 관리 등 다양한 문제를 해결해야한다시스템들을 제어하는 프로그램 Computer-System Organization 컴퓨터의 구성요소 cpu와 여러 장치컨트롤러들이 공통된버스로 연결되어있으며 ..

요청이 브라우저를 떠나 디스패처 서블릿에 도착 요청URL을 분석하기위해 핸들러 매핑의 도움을 받는다 핸들러 매핑에 정보를 이용하여 URL과 비교하여 맞는 컨트롤러에게 전달 단일 프론트컨트롤러 : 디스패처 서블릿 Servlet & jsp로 구현할때와는 다르게 스프링MVC 에서는 모든 요청을 디스패처서블릿이 처리한다 디스패처 서블릿 : 요청에맞는 스프링 MVC 컨트롤러에게 전달함 컨트롤러 : 요청을 처리하는 컴포넌트 컨트롤러에 요청이 도착하면 사용자가 요청한 정보를 컨트롤러에게 전달 컨트롤러가 그것을 처리할때까지 기다린다 Model : 컨트롤러가 요청을 처리한후 사용자가 읽을수있는 정보로 변환 컨트롤러가 처리한 정보를 Model로 만든후 전달한다 하지만 Model 자체를 넘기는건 좋지않다 HTML 같은 사용..

파일-> InputStream(추상, Read) -> 프로그램 -> OutputStream(추상, Write) -> 콘솔, 파일메모리 데이터는 문자 or 바이트 단위로 흐른다 프로그램이 문자단위로 읽고쓰는지 바이트 단위로 읽고쓰는지에 따라 다르다 주 스트림 : 소스(파일)에다 직접 꽂는 스트림 보조 스트림 : 직접 못꽂고 주 스트림에 꽂는 스트림 주 스트림에 들어온것을 가공하는 필터역할 주 스트림은 다 다르지만 보조스트림은 동일하다 네트워크는 바이트단위로 읽는다 바이트 스트림 (주 스트림) InputStream, OutputStream ByteArrayInputStream, ByteArrayOutputStream FileInputStream, FileOutputStream 읽는 즉시 출력하면 깨짐 스트림..

gitlab webhook 추가시 reqeust to localhost not allowed 발생 해결하지못함 추후에 해결책을 알게되면 작성