전체 글

[⚛️React.Js] 리액트 프로젝트 생성

1. Create npx create-react-app project-name-here // npx create-react-app project-name-here --template typescript 2. Run npm start 그러면 리액트 로고가 돌아가는 화면이 나온다. 3. 컴포넌트 분리 Header.js (모든 함수는 대문자로 시작해야한다.) export const Header = () => ( // 상태 비저장 구성 요소를 화살표 함수로 사용하는 경우 콘텐츠는 대괄호 "{}" 대신 괄호 "()"에 들어가야 하며 반환 함수를 제거해야 한다. I am Header ); App.js import logo from './logo.svg'; import './App.css'; import { Head..

[Typescript]

🚀개발환경 세팅 1. typescript 설치 npm install -g typescript 2. 경량 web server 세팅 npm init npm install --save-dev lite-server 3. package.json에 시작 스크립트 추가 "scripts": { "start": "lite-server" }, 4. run npm start 5. tsconfig.json tsc --init tsconfig.json { "compilerOptions": { "target": "es6", "module": "commonjs",// 웹 브라우저 환경 amd 사용 "moduleResolution": "node",// module이 amd면 classic 사용 "baseUrl": ".", "path..

[Node.js] Modules

Node.js에서 모듈은 기능 기반으로 외부와 통신하는 캡슐화된 코드 블록이다. 모듈은 단일 파일이거나 여러 파일/폴더의 모음일 수 있다. 프로그래머가 모듈에 의존하는 이유는 재사용성과 복잡한 코드 조각을 관리 가능한 덩어리로 분해하는 기능 때문이다. 모듈에는 세가지 유형이 있다. 💩core modules node.js 플랫폼의 일부이며 node.js 설치와 함께 제공되는 많은 내장 모듈이 있다. 이러한 모듈은 require 함수를 사용하여 로드할 수 있다. http http 서버를 생성 assert 테스트에 유용한 assertion 기능 세트 fs 파일 시스템을 처리 path 파일 경로를 처리 process current Node.js 프로세스에 대한 정보와 제어를 제공 os os에 대한 정보를 제공 ..

[Linux🐧] Shell Scripting

주요 운영체제를 사용하는 경우 간접적으로 쉘과 상호작용하고 있다. Ubuntu, Linux Mint 또는 기타 Linux 배포판을 실행하는 경우 터미널을 사용할 때마다 쉘과 상호작용한다. Linux를 이해하기 위해선 다음을 알아야한다. kernel shell terminal 커널 커널은 시스템의 모든 것을 완벽하게 제어하는 컴퓨터 운영체제의 핵심인 컴퓨터 프로그램이다. Linux 시스템의 다음 리소스를 관리한다. 파일 관리 프로세스 관리 I/O 관리 메모리 관리 장치 관리 등 쉘 쉘은 사용자가 운영 체제 서비스를 사용할 수 있도록 인터페이스를 제공하는 특수 사용자 프로그램이다. 쉘은 사용자로부터 사람이 읽을 수 있는 명령을 받아들이고 커널이 이해할 수 있는 것으로 변환한다. 키보드와 같은 입력 장치 또는..

[Linux🐧] Virtual Machine 설치

리눅스는 운영체제 커널인 리눅스 커널에 기반을 둔 오픈 소스 유닉스 계열 운영 체제 계열이다. 리눅스는 일반적으로 리눅스 배포판 안에 패키지 처리된다. 배포판에는 리눅스 커널, 지원 시스템 소프트웨어, 라이브러리를 포함하고 있으며 이들 가운데 다수가 GNU 프로젝트에 의해 제공된다. 🚀개발환경 세팅 1. VMware Workstation 설치 VMware Workstation은 하이퍼바이저(호스트 컴퓨터에서 다수의 os를 동시에 실행하기 위한 논리적 플랫폼) 기반 가상머신 소프트웨어이다. 2. 배포판 설치 (Debian, Fedora, Ubuntu) Kail Linux 리눅스는 다양한 요구사항을 충족하는 다양한 배포판으로 알려져 있다. 가장 유명한 배포판 중 하나는 침투 테스트 지향 OS인 Kali Li..

[Node.js] Node.js 설치

Node.js는 브라우저 외부에서 javascript 코드를 실행하기 위한 오픈 소스 및 크로스 플랫폼 런타임 환경이다. Node.js는 프레임워크가 아니며 프로그래밍 언어도 아닌 런타임이다. Web App 또는 Mobile App과 같은 Back-end 서비스를 구축하기 위해 Node.js를 사용한다. Node.js의 적용 실시간 채팅 복잡한 단일 어플리케이션 실시간 협업 도구 스트리밍 앱 JSON API 기반 어플리케이션 🚀개발환경 세팅 1. node.js 설치 // node 버전 확인 node -v // node 최신버전으로 업데이트 npm npm@latest -g . 2. node project 생성 // npm을 사용하지 않으면 생략해도 됨 // 폴더 생성 mkdir project-name cd..

Kids Return

시시한 대화에 붙잡혀서 순식간에 지나가버린 시간을되돌려서 계속 반복하고 싶은데

은하수를 여행하는 히치하이커를 위한 안내서

인생의 의미를 찾기보다는 바쁘게 살기로 했다

[Flutter] HTTP 통신

HTTP는 클라이언트와 서버 사이에 이루어지는 요청/응답 프로토콜이다. 예를 들면 클라이언트인 웹브라우저가 HTTP를 통해 서버로부터 웹페이지(HTML)나 image data를 요청하면 서버는 이 요청에 응답하여 필요한 정보를 해당 사용자에게 전달하게 된다. 메세지 구문 클라이언트와 서버 사이의 통신은 보통 ASCII코드로 이루어진다. 클라이언트는 서버로 요청메세지를 보내며 서버는 응답메세지를 보낸다. Request 메세지 문법 요청내용 GET /images/logo.gif HTTP/1.1 헤더 Accept-Language: en empty line etc HTTP 메소드 RFC 요청에 body가 있음 응답에 body가 있음 Safe 멱등 Cacheable GET RFC 7231 아니요 예 예 예 예 H..